パラレルワーク(副業・複業)をやりたい人の味方!一緒に頑張りましょう!

【WordPress】目次を簡単に自動生成する方法【Table of Contents Plus】

 
【WordPress】目次を簡単に自動生成する方法【Table of Contents Plus】
この記事を書いている人 - WRITER -
住吉しんりです! パラレルワーク(副業・複業)をやりたい人の味方です。 主にサイト売買アドバイザー・ブログコンサル・複数ブログの収益化をパラレルワークしています。【実績】アドセンス累計3500万円以上・サイト売買累計取引4000万円以上・ブログ収益150万円以上達成 個人で努力している人、前に進もうとしている人はマジで全員成功すればいいと思っています。 時代に負けたくない人、僕も頑張るのでとりあえず気持ちだけは一緒に頑張りましょう! 仲良くなりたい人はtwitterやYouTubeでお気軽に話しかけてください。喜びます。 あ、ちなみに画像はYouTubeで使っている僕の分身シンリです。
詳しいプロフィールはこちら

「WordPressのブログで簡単に目次を作成できる便利なプラグインは無いかな?できれば設定や使い方も分かりやすく教えて欲しい・・・」

とお悩みの人にお答えします。

 

WordPressには目次を自動で生成してくれる『Table of Contents Plus』という素晴らしいプラグインがあります。

目次を自動生成するだけでなく、表記されている見出しをクリックするとその見出しまでジャンプしてくれます。

 

長い文章になると見出しが増えるので、目次が設置してあると記事の全体像も分かりやすく、ユーザーの方が読みたいと思う箇所から読んでもらうことが出来ます。

本記事ではそんな『Table of Contents Plus』の設定を分かりやすくお伝えしています。

 

Table of Contents Plusのインストールから有効化の流れ

ダッシュボードのプラグインにカーソルを合わせて、新規追加をクリックします。

 

 

右上のプラグインの検索Table of Contents Plusと入力してクリックします。

Table of Contents Plusが表示されたら今すぐインストールをクリックします。

似たような名前のEasy Table of Contentsというプラグインがあるので間違えないようにしてください。

 

 

インストールが完了したら有効化をクリックします。

 

Table of Contents Plusの詳細設定

ダッシュボードの設定にカーソルを合わせて、TOC+(Table of Contents Plus)をクリックします。

 

 

Table of Contents Plusの設定画面になります。

各項目の解説は下記の通りになります。

  • 位置:目次を表示させる場所
  • 表示条件:目次を表示するために必要な見出しの数
  • 以下のコンテンツタイプを自動挿入:目次を表示させる投稿タイプを選択
  • 見出しテキスト:『Contents』の名前を変更できます(『目次』や『好きな所から読む』など)
  • 階層表示:見出しのh2やh3によって階層化するかどうかの選択
  • 番号振り:目次内の見出しに番号を付けるかどうかの選択
  • スムーズ・スクロール効果を有効化:目次をクリックした際にスムーズにスクロールさせるかどうかの選択
  • 外観:目次のデザインや色の変更

となっています。

具体的な設定は以下の用な感じです。

 

 

上の画像は具体的な例として僕のブログ自分村.comで行っている設定になります。

各項目の設定は下記の通りになります。

  • 位置:デフォルトでOK
  • 表示条件:2つがオススメです。
  • 以下のコンテンツタイプを自動挿入:postにチェックを入れて、pageのチェックを外します。
  • 見出しテキスト:『目次』や『好きな所から読む』などあなたの好きな名前でOKです。
  • 階層表示:チェックを入れます。
  • 番号振り:僕は見出しに直接数字を振ることがあるのでチェックを外しています。
  • スムーズ・スクロール効果を有効化:チェックを外します。
  • 外観:あなたのブログにあったデザインを選んでください。

となっています。

 

 

次に上級者向け(hide)をクリックします。

 

すると上の画像の様な項目が開かれますので、見出しレベルという項目だけ変更します。

 

デフォルトでは全てにチェックが入っているので、チェックをh2のみにします。

好みがあると思いますので、h3h4まで目次に表示したい場合はそれぞれにチェックを入れておいてください。

 

ページ下部の設定を更新をクリックします。

これで設定は完了です!

目次が実際に表記されているか確認してみましょう!

 

上の画像の様に、初めの見出しの上に目次が表示されていればOKです!

 

ちなみにデザインを水色にしたら上の画像のようになりました。

僕のブログには白の方が合っているので戻しました。

 

あなたもサイトに合ったデザインに変更してみてくださいね。

 

最後まで読んでくださり、ありがとうございました。

引き続きその他のWordPressのおすすめプラグインを設定される人は下記の記事を参考にしていただければ幸いです。

 

無料配布中

はじめてのサイト売買 -購入編-

【完全ガイドブック】

僕が実際にサイト売買でいくつもの取引をして実感した結論から言うと、

『サイト売買はブログ初心者の方や副業を初めたいと思っている方にとって、効率的かつ簡単に収益源を増やすことができる方法』

であるということです。

 

その理由や方法を全て詰め込んで分かりやすく解説していますので、ぜひダウンロードしてサイト売買をパラレルワーク(副業・複業)時代の一つの選択肢としていただければと思います。


この記事を書いている人 - WRITER -
住吉しんりです! パラレルワーク(副業・複業)をやりたい人の味方です。 主にサイト売買アドバイザー・ブログコンサル・複数ブログの収益化をパラレルワークしています。【実績】アドセンス累計3500万円以上・サイト売買累計取引4000万円以上・ブログ収益150万円以上達成 個人で努力している人、前に進もうとしている人はマジで全員成功すればいいと思っています。 時代に負けたくない人、僕も頑張るのでとりあえず気持ちだけは一緒に頑張りましょう! 仲良くなりたい人はtwitterやYouTubeでお気軽に話しかけてください。喜びます。 あ、ちなみに画像はYouTubeで使っている僕の分身シンリです。
詳しいプロフィールはこちら