今回は、一つ一つの記事の中に、目次を設置してくれるプラグイン

【Table of Contents Plus】のインストールと設定方法について

図解入りで丁寧に解説していきます^^

 

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

 Table of Contents Plusとは

 Table of Contents PlusというのはWordpressプラグインの一つで、

上のような目次を自動的に表示させてくれます。

 

記事の最初に目次を表示させることで、

読者さんは一目でその記事の内容を知る事ができますし

読みたい項目へジャンプする事もできます。

また目次を利用する事でSEO的にも有利になります。

 

読者さんにも、ブログ運営者にとってもありがたいプラグインですので

ぜひ導入してみましょう♪♪

 

Table of Contents Plusをインストールしよう

WordPressのダッシュボードにログインしておきます。
左メニューの【プラグイン】をクリック。

 Table of Contents Plus

 

 次の画面で【新規追加】をクリック。

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

 

 設定画面が表示されます。
上から順に見て行きましょう!
この記事の目次と同じ設定にしていきますね^^

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

 見出しがいくつ以上あるときに目次を表示させるか、を選択します。
  3にしておきました。(特に決まりはありません)

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

Table of Contents Plus

 

 ④ チェックを入れて目次のタイトルを入力します。
  ここでは【目次】と入れました。

 チェックを入れると目次を開いたり閉じたりできます。
  空欄に【開く】【閉じる】などの言葉をいれておきます。
  その言葉をクリックすると開いたり閉じたりできるようになります。

Table of Contents Plus

 

 ⑥ 目次を階層として表示するかどうかを決定します。
  チェックを入れておきましょう。

⑦ 目次の項目に番号を付けるかどうかを決めます。
  チェックを入れておきましょう。

 目次の項目をクリックした時に、スルスル~~っと滑らかに
  スクロールしていくようにするかどうか、を決めます。
  チェックを入れなければ、パッとジャンプする感じになります。
  このブログではチェックを入れているので、
  試してみて頂ければと思います

Table of Contents Plus

 

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

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

⑪ 目次の文字の大きさを決定します。
  初期設定(本文の文字に対して95%の大きさ)のままにしておきます。

table12

 

 ⑫ 好きなデザインを選択します。

Table of Contents Plus

 

 ⑬ Advancedの右の【show】をクリックします。

Table of Contents Plus

 

 更に設定項目が表示されます。

 目次に表示する見出しタグを選択します。
  テンプレートによって異なる事がありますが、
  【賢威6.2】の場合はh3以降のタグにチェックを入れておきます。
  (その他のテンプレートでも同じケースが多いです)

Table of Contents Plus

 

 上記の設定が終わったら、【Updatae Options】をクリックします。

Table of Contents Plus

 これで設定は完了です^^

 

まとめ

いかがでしたでしょうか?

これで、記事中に見出しを3つ以上入れると

自動的に目次が表示されるようになりました(^^)

プレビューを表示させて画面を更新してみてください。

 

見出しは、どんな順番で何が書いてあるかが解りやすいように

考えて付けるようにしましょう。

 

意識して見出しを付けるようになると、

自然と文章全体が整理されて読みやすくなります(#^^#)

 

そうすれば、読者さんにとっても読みやすく、

SEO対策にもなり一石二鳥です♪♪

 

 今回はここまでになります。

 

 

ではでは、また(@^^)/~~~