-
記事本文やウィジェットに目次を自動作成|プラグイン「TOC+」の導入とカスタマイズ
このサイトはワードプレスで作成しています。ページの「目次」を設置するプラグインを知りました。その名は「Table of Contents Plus」。 目次を自動で作り、自 …
-
cssで縦横(上下左右)中央にテキストを配置|レスポンシブに対応する2つの方法
横方向の「左右中央」は margin: auto や text-align: center がうまく効いてくれる場面が多いと思います。 ところが縦方向の「上下中央」になると、配置指定が難 …
-
cssのmargin|上下や親子でマージンが効かない…それはマージンの相殺かもね!
「マージン」って名前の通りで分っかりやすーい!って思っていたのは昔のこと。いつになっても「あれっ、マージン効かないぞー」って悩むことがあります。 そんな奥深い?マージンです …
-
cssのcolumns|ボックス内の文章を任意のカラム数に自動で段組みする方法
カラムといえば、「メインコンテンツ」と「サイドバー」など、大きなボックス要素が思い起こされますが、ここで扱うカラムは、1つのボックスの中でテキストなどを折り返す「段組み」のことです。 & …
-
htmlとcssで縦書き|自動で段組みし横スクロールを発生させないレイアウト
ウェブ上で縦書きの文字を見かけると、新鮮というか、目を引くというか、ちょっと印象に残ります。 「あっ いいな」って感じで。 こんなの (ちょっと違う?) サイトメニュー …
-
cssで影をつくる|box-shadow・drop-shadowの使い方と使い分け
cssで影をおとす「box-shadow」や「filter:drop-shadow」は、何とな~く分かるかな?!くらいの感じでこれまで使ってましたが、影のでき方を色々と試してみる機会があ …
-
サーチコンソール|所有権を確認済でもメタタグを取得し再確認する方法
このサイトはワードプレスで作成しています。プラグイン「all in one seo pack」の導入設定をしている時のこと。 all in one seo packの「ウェ …
-
STINGER8|「トップへ戻るボタン」をcssでデザイン|スマホ・タブレットで非表示に
このサイトはワードプレスのテーマ「STINGER8」を利用しています。 先日、スマホでの見えかたを確認するため、ブラウザの幅をせばめてみました。 すると、「んっ、、何だこれ …
-
ワードプレス|追加する画像に任意のクラス名を自動でつける方法
ワードプレスで文章を書くときは、もっぱらビジュアル入力です。 ただ、任意のclass名を付けたりする時は、テキスト入力に画面を切り替えてコードを編集する必要があります。 こ …