Plus(TOC+)」というプラグインを使うことで、誰でも以下のような便利な目次を追加することが出来ます。Plus(TOC+)」プラグインの設定方法やデザイン変更手順について詳しく解説していきます。実際に追加するとこのような感じで表示されます。Plus(TOC+)」をインストールします。Plus」と入力します。インストールして有効化まで完了してください。Plus(TOC+)」の順に進みます。基本設定の赤枠の箇所が私が設定しているの項目です。ほとんどの記事でH2タグを2つ以上使うと思うので、表示条件は「2」にしています。目次の見出しテキストはわかりやすくシンプルに「目次」にしています。(※検索エンジンが見出しを判別出来なくなる可能性があるので私は「最初は目次を非表示」にはチェックを入れていません。)外観の部分は特に変更していませんが、好みのものに変更することで簡単に見た目を変えることが出来ます。「カスタム」を選ぶことで背景、ボーダー、タイトル、リンクの色を好みに変更することも出来ます。「基本設定」の画面から下に移動すると「上級者向け」の設定を変更する事が出来ます。私が変更している部分は赤枠の部分のみです。重要な項目だけ解説していきます。ホームページを含めるホームページとはサイトのトップページのことです。ここにチェックを入れることで、サイトのトップページもH2以降の見出しに合わせて目次が生成されます。トップページを記事のように作り込んでいる人はチェックを入れることをおすすめしますが、普通にブログを書いているだけの方はチェックは不要です。独自のCSSを反映させたい方はチェックを入れておきましょう。TOC+のプラグインは、プラグイン設定から「screen.min.css」などを編集することで見た目をカスタマイズする事が出来ますが、ここにチェックを入れることでデフォルトのCSSを完全に無効化出来ます。見た目のデザインを1からカスタマイズ出来る人はチェックを入れて、CSSを書いてください。見出しレベル見出しレベルは「どの見出しまで目次に含めるか」という設定のことです。デフォルトではh6までチェックが入っていますが、私の場合はh1~h3ぐらいまでしかチェックを入れていません。見出しの付け方は人それぞれクセがあると思いますが、h4以降も入れると階層が深くなって目次も長くなってしまうのでこれぐらいがちょうどいいですね。Plus(TOC+)のデザインカスタマイズそのままの設定ではちょっと地味なデザインなので、少しシンプルで見やすいものにカスタマイズしたいと思います。下記のCSSをスタイルシート(style.css)にコピペで追加してもらえればこのような見た目になります。100%;}目次を付けるとSEO対策でに有利になる目次をつけることで、ユーザーにとって記事の内容を分かりやすく把握できるだけでなく、SEO対策の上でも有利になります。検索で出てくる、説明文(ディスクリプション)の下に表示されている文字リンクは、目次を参照して自動的に表示されます。これがあることで、気になる見出しがあればクリックする可能性もアップしますし、他ブログよりも視認率が高くなるので、検索から訪れるユーザーも純粋に増加します。Plus(TOC+)」を使えば簡単に記事に目次をつけることが出来ます。目次があるだけでも、訪れたユーザーが「どこを読めば良いのか」「どれぐらいのボリュームがあるのか」をすぐに把握することが出来るので、ユーザービリティ向上にも役立ちます。検索からのクリック率アップにも役立つので、ぜひ導入してブログをレベルアップしてくださいね。MEろーIT系企業でウェブマーケティングやコンサルタント業を勤め、2017年から専業アフィリエイターとして活動中。月間150万PVサイト運営実績アリ。お仕事や取材の問い合わせは下記から。アフィリエイトの稼ぎ方WordPress(ワードプレス)で吹き出しでキャラクター同士を会話させる方法を解説しています。...プロアフィリエイターろーIT系企業でウェブマーケティングやコンサルタント業を勤め、2017年から専業アフィリエイターとして活動中。月間150万PVサイト運営実績アリ。お仕事や取材の問い合わせは下記から。記事投稿ろー2017年から専業ブロガーとして活動中。月間150万PVサイト運営実績アリ。お仕事や取材の問い合わせは下記から。アフィリエイトの稼ぎ。