今回は、ワードプレス記事の中に、目次を設置してくれるプラグイン

【Table of Contents Plus】のインストールと設定方法について解説します。

このプラグインを入れると、下にあるような目次を自動的に表示してくれます。
目次のそれぞれの項目は、見出しに設定した項目になります。
　　　　　　　　　　　↓↓↓

ワードプレスプラグイン【Table of Contents Plus】とは

Table of Contents Plusは
目次を自動的に表示させてくれるプラグインです。

記事の最初に目次を表示させておくと
ブログに来た人は一目でその記事の内容を知る事ができますし
読みたい項目へジャンプする事もできます。

また目次を利用する事でSEO的にも有利になります。
ブログの読者さんも運営者にとっても
役立つプラグインですので導入しておきましょう^^

Table of Contents Plusをインストール方法

まずは、ワードプレスのダッシュボードにログインをします。
左側のメニューから、プラグイン⇒新規追加を選択してクリックします。

Table of Contents Plus

プラグインを追加の画面で、
右上の検索窓に【Table of Contents Plus】と入力してenterキーを押します。

Table of Contents Plus

検索結果から、Table of Contents Plusを見つけて
今すぐインストールをクリックします。

Table of Contents Plus

下記の画面が表示されたら、プラグインを有効化をクリックします。

Table of Contents Plus

プラグインを有効化しましたという表示が出れば、
インストールは完了です。

Table of Contents Plus

続いて、Table of Contents Plusの設定方法へ移ります。

Table of Contents Plus設定方法について

ワードプレスのダッシュボードのメニューから
①設定⇒②TOC+を選択します。

Table of Contents Plus

Table of Contents Plusの設定画面が表示されます。
いくつか分割して説明していきますね。

①
目次の表示する場所を選択します。
初期設定では最初の見出しの上部に表示されます。
ここはそのままにしておきます。

②
見出しがいくつ以上あるときに目次を表示させるか、を選択します。
私は３にしておきましたが特に決まりはないので
あなたの好きな数でどうぞ。

③
目次を表示させたい記事の種類を選択します。
【post（一般投稿）】【page（固定ページ）】にチェックを入れました。

Table of Contents Plus

④
「目次の上に見出しを表示」をチェックして、目次のタイトルを入れます。
ここでは「目次」としておきます。

⑤
目次を表示・非表示にする切り替えボタンを表示させます。
「表示」「非表示」と入力します。

⑥
目次を階層として表示するかどうか、
番号を付けるかどうかを決めます。
２つともチェックを入れておきます。

⑦
目次の項目をクリックした時に、スルスル～～っと滑らかに
スクロールしていくようにするかどうか、を決めます。
チェックを入れなければ、パッとジャンプする感じになります。
私は、ジャンプさせたいのでチェックは入れていません。

Table of Contents Plus

⑧
目次の幅を選択します。初期設定のままにしておきます。

⑨
目次を左寄せ、右寄せなどにする事ができます。
初期設定のままにしておきます。

⑩
目次の文字の大きさを決定します。
初期設定のままにしておきます。

Table of Contents Plus

⑪目次を表示させる時のデザインを選択します。

Table of Contents Plus

上級者向けの横にある（show）をクリックします。

Table of Contents Plus

目次に表示する見出しタグを選択します。
テンプレートによって異なる事がありますが、
大体の場合は、h3以降のタグにチェックを入れておけば大丈夫です。

Table of Contents Plus

最後に、更新をクリックします。

Table of Contents Plus

これで、設定は完了です。

今回の設定で、記事中に見出しを3つ以上入れると
自動的に目次が表示されるようになりました。

記事を更新した際に、プレビューをして見てみましょう。

見出しを入れる際には、目次を活かすために
順番や、意味がわかるように付けることをおすすめします。

記事の流れが整理されて読みやすくなりますしSEO対策にもなります。

目次をつけて、読みやすいブログ作りに役立ててください。

 

テントウムシライン

170

最後まで読んでいただきありがとうございます。 このブログを「いいな」と感じていただけましたら 下のランキングバナーを一回押していただけますと嬉しいです。 みなさんのひとポチが励みになります！

にほんブログ村 小遣いブログ アフィリエイトへ

外注化×アドセンスメルマガやっています。無料プレゼント実施中！！

めいこおすすめアドセンス外注化の教科書