目次の自動作成プラグインアイキャッチ画像

記事本文やウィジェットに目次を自動作成|プラグイン「TOC+」の導入とカスタマイズ

  このサイトはワードプレスで作成しています。ページの「目次」を設置するプラグインを知りました。その名は「Table of Contents Plus」。   目次を自動で作り、自 …

cssで中央配置アイキャッチ画像

cssで縦横(上下左右)中央にテキストを配置|レスポンシブに対応する2つの方法

2018/05/18   -CSS, ホームページ作成

  横方向の「左右中央」は margin: auto や text-align: center がうまく効いてくれる場面が多いと思います。 ところが縦方向の「上下中央」になると、配置指定が難 …

cssのmargin|上下や親子でマージンが効かない…それはマージンの相殺かもね!

2018/05/15   -CSS, ホームページ作成

  「マージン」って名前の通りで分っかりやすーい!って思っていたのは昔のこと。いつになっても「あれっ、マージン効かないぞー」って悩むことがあります。   そんな奥深い?マージンです …

columnsプロパティのアイキャッチ

cssのcolumns|ボックス内の文章を任意のカラム数に自動で段組みする方法

2018/04/16   -CSS, ホームページ作成

  カラムといえば、「メインコンテンツ」と「サイドバー」など、大きなボックス要素が思い起こされますが、ここで扱うカラムは、1つのボックスの中でテキストなどを折り返す「段組み」のことです。 & …

縦書きの解説アイキャッチ

htmlとcssで縦書き|自動で段組みし横スクロールを発生させないレイアウト

2018/04/12   -CSS, ホームページ作成

  ウェブ上で縦書きの文字を見かけると、新鮮というか、目を引くというか、ちょっと印象に残ります。 「あっ いいな」って感じで。   こんなの (ちょっと違う?)  サイトメニュー …

ボックスシャドウ・ドロップシャドウ比較アイキャッチ

cssで影をつくる|box-shadow・drop-shadowの使い方と使い分け

2018/04/10   -CSS, ホームページ作成

  cssで影をおとす「box-shadow」や「filter:drop-shadow」は、何とな~く分かるかな?!くらいの感じでこれまで使ってましたが、影のでき方を色々と試してみる機会があ …

所有権確認後の再確認アイキャッチ

サーチコンソール|所有権を確認済でもメタタグを取得し再確認する方法

  このサイトはワードプレスで作成しています。プラグイン「all in one seo pack」の導入設定をしている時のこと。   all in one seo packの「ウェ …

投稿日・更新日のカスタマイズアイキャッチ

パンくずリスト、カテゴリー名、投稿日・更新日のカスタマイズ

2018/04/03   -STINGER8, ワードプレス

  このサイトはワードプレスのテーマ「STINGER8」でつくっています。投稿ページのタイトル周りをスッキリさせようと思ってカスタマイズしていきました。   ※ここで紹介するsin …

トップへ戻るボタンアイキャッチ画像

STINGER8|「トップへ戻るボタン」をcssでデザイン|スマホ・タブレットで非表示に

2018/04/02   -STINGER8, ワードプレス

  このサイトはワードプレスのテーマ「STINGER8」を利用しています。 先日、スマホでの見えかたを確認するため、ブラウザの幅をせばめてみました。   すると、「んっ、、何だこれ …

クラス名自動付与のアイキャッチ

ワードプレス|追加する画像に任意のクラス名を自動でつける方法

  ワードプレスで文章を書くときは、もっぱらビジュアル入力です。 ただ、任意のclass名を付けたりする時は、テキスト入力に画面を切り替えてコードを編集する必要があります。   こ …