国内シェアNo.1で大量アクセスでも安心・快適のサーバーです。独自SSLが無料!オールSSD!月々900円〜稼働率99.99%の安心感エックスサーバーへ登録WordPressのテーマ「Simplicity2」に目次(コンテンツ)を入れて、その表示をCSSでカスタマイズ(装飾)する方法をご紹介します。記事内容が大きくなり、たくさんのことを書いている記事には目次がないと読者さんにも分かりにくいし、SEOの観点からも目次を導入することをおすすめします。目次を導入するには、プラグインをインストールすることで簡単に目次を設定することができますので、是非、お試し下さい。Plus」をインストールすると、あなたのブログに簡単に目次を挿入できます。Plus」と入力します。Plusが検索されたら「今すぐインストール」をクリックします。インストールされたら「有効化」ボタンを押します。Plus」の設定プラグインをインストールしたら設定を行います。コンテンツタイプを自動挿入」の「post」と「page」にチェックを入れる。「目次の上にタイトルを表示」と「ユーザーによる目次の表示・非表示を切り替えを許可」にチェックを入れる。上級者設定(CSSをカスタマイズする場合など)ご自分で目次のデザインをCSSでカスタマイズされる場合は「CSSファイルを除外」にチェックを入れておきましょう。これから、次の項で説明するCSSでカスタマイズする場合は、「CSSファイルを除外」にチェックを入れてください。見出しレベルは、目次に表示させる見出しを選択できます。設定が終了したら、画面下にある「設定を更新」ボタンをクリックする。Plus」の「設定」は終了です。目次をCSSでカスタマイズ次に表示される目次のデザインをCSSでカスタマイズします。以下のサンプルのようにカスタマイズできるCSSをご用意しました。Simplicity2の目次サンプル上記の通りにデザインしたい場合は、次ののCSSコードをそのままコピペするだけで結構です。子テーマのスタイルシートをカスタマイズCSSをカスタマイズする場合は、子テーマを使います。style.css」に行います。6px;}コピペするだけで、簡単にSimplicity2の目次のデザインをCSSでカスタマイズできます。色や大きさは、お好みで変更できますので、上記のCSSを自分なりにカスタマイズすることも可能です。Chromeのキャッシュが残っている場合があります。キャッシュの削除方法は、以下の記事を参考にしてください。キャッシュを削除する!CSSが反映しない時の対策まとめ目次は、読者さんにとってもコンテンツ内容が分かりやすくて便利ですが、SEOに対しても重要なことです。記事が多くなったりコンテンツの内容が多い場合は目次を付けて分かりやすくしましょう。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。