【自動目次】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」って書くのは面倒なので、「目次プラグイン」って呼んでいきます。

この「Table of Contents Plus」こと目次プラグインは、こいつを自動で吐き出してくれます。

 

これは昨日書いた竹原ピストルさんの「俺のアディダス」の記事の目次です。

もちろん完全自動で作ってくれます！

これすごい。

いや、本当にすごいです。

”見出し”に応じてきちんと目次を作ってくれる。

ただし、そんな目次プラグインの「Table of Contents Plus」も万能ではありません。
＜見出し＞に応じて目次が生成されるようなので、記事を書くときにはある程度ルールを守って書く必要がありますね。

ちなみに見出しってのは、テキストで書いている場合はhタグ。

<h2>ほんにゃらららら</h2>
とか
<h3>なんて日だ！！</h3>
とかこんなかんじのやつですね。

ビジュアルモードで書いている人は

 

で、記事に見出しをつけていきます。

過去記事にも目次を自動生成

もちろん、過去の記事にも目次がきちんと作られます。

このワードプレスは、初めからこのプラグインをインストールしてたので、気になりませんでしたが、

過去記事が大量にある場合はなどはこの点が心配になりますよね。

でも、このTable of Contents Plusくんは本当にデキる子です！きちんと過去記事も新規投稿も同じように目次を生成してくれます。

きちんと段落も”入れ子”になって生成されます。

見出し１
見出し２
見出し3 ….

という具合に、段落分けしてくれます。

実際には入れ子にし過ぎると目次がゴチャゴチャになってしまうと思うので、２、３程度にしておいた方が良いと思います。

この目次プラグイン「Table of Contents Plus」は本当にデキる子で、この階層をどこまで出力するか？という問題も、きちんと設定することができますのでご安心を！

Table of Contents Plusのインストールから使い方まで

Table of Contents Plusプラグインをインストール

これのやり方がわからないと言われた場合、

普段なら、「Google先生に聞きなさい。」と

できるだけ無表情に無機質な態度で、即レスするのですが、今は少しでもこのブログのファンが欲しい！という下心がございますので、丁寧にお伝えする優しい記事をそのうち書きたいとおもいます。
それまでの間はGoogle先生に聞いてください。

＞＞プラグインのインストール方法（そのうち記事を書いたらリンクします。）

プラグインは新規追加から「Table of Contents Plus」で検索するとすぐに出てくると思いますので、迷わずダウンロード！そしてインストールをしてください！

インストールが完了したら有効化

インストールしたら、すぐに有効化してください。

Table of Contents Plusの使い方

このプラグインの凄いところは、有効化するだけで作業は90%完了です。

使い方はこれだけです！

もうすでに、あなたのワードプレスのページには目次ができているはずです！

と、

言いたいのですが、

実はここまでだと、まだ目次が出ていないはずです。

いくつかの設定が必要になりますので、それらの設定をやっていきましょう！

Table of Contents Plusの設定方法

設定画面はここから

プラグインのいちらんから設定画面を開く。

下の画像のような感じになってると思います。

 

 

 

または、

サイドメニューからでも設定可能です。

有効化しただけは多分、目次は表示されません

英語のプラグインなので、誰か日本語化してくれないかなぁ。。。

まず、真っ先にやるべきなのはここです！

と言うより、これだけでもOKかもです。逆にこれをやらないと表示されません。

まず行う設定は、

図の③のところの

【postにチェックをつける】

これを行ってください。

デフォルトでは、postにチェックがついておらず、pageのみにチェックが付いているはずです。

んで記事ページを見に行くと、きちんと目次が表示されていると思います。

あとは、適当に自分のブログに合わせて設定していってください。

各種推奨と思われる設定とそれぞれの意味

①　Position ・・・　どこに見出しを表示させるか？という設定だと思います。試してみれば一目瞭然ですが、それぞれの設定内容は以下の通りです。

• Before first heading(default)　最初に使われた見出しの前に目次を表示
• After first heading　最初に使われた見出しの後ろに目次を表示
• Top　一番上
• Bottom　一番下

②　Show When 文中に何個見出しがあったら目次を表示するか？　２か３くらいが試してみた結果よさ気な気がします

③　Auto insert for the following content types　ここ重要！

前述した通り、投稿記事に表示する場合は、「post」にチェックをつけてください。「page」にチェックをつけると固定ページに目次を出します。

④　Heading text　　目次に表示されている表題などを変更する

あと、これより下はデザインの変更などですね。

以下は詳しく書いてあるサイトからの引用です。

Heading text：
最初の「Show title on top of the table of contents」にチェックを入れると、目次のタイトルを表示することができます。
目次だと読者が認識しやすいようにチェックを入れることをおすすめします。
そして、チェックを入れた際は、下の空欄に「目次」など、任意の言葉を記入しましょう。
その下には「Allow the user to toggle the visibility of the table of contents」と書いてありますが、こちらにチェックを入れることで目次を開いたり閉じたりすることができます。
チェックを入れた際は、開いたり閉じたりするためにクリックする文字を空欄に記入します。基本的には「開く」「閉じる」などで大丈夫でしょう。
そして、その下に「Hide the table of contents initially」とありますが、こちらにチェックを入れると最初から目次が閉じた状態になってしまい、あまり役に立ちませんのでチェックを外しておくことをおすすめします。
Show hierarchy：
ここにでは、目次を階層的に表示するかどうかを選択できます。
目次を見やすくするためにも、チェックを入れておくことをおすすめします。
Number list items：
ここでは、目次のリストに番号を振るかどうかを選択できます。
こちらも見やすさを考えてチェックしておきましょう。
Enable smooth scroll effect：
ここでは、目次のリストをクリックした際になめらかなスクロールをするかどうかを選択できます。
どのようなものかを見たい場合は、この記事の上部に設置してある目次のリストをクリックしてみてください。
Appearanceの設定
次はその下のAppearanceの設定に移ります。
1×1.trans 目次の自動表示プラグインTable of Contents Plusの使い方と設定こちらも上から順番に見て行きましょう。
Width：
目次の幅を選択することができます。
Wrapping：
目次の左右の位置を選択できます。
Font size：
本文の文字サイズに対する目次の文字サイズを選択できます。
Presentation：
お好きな目次のデザインを選択できます。
Advancedの設定
次は「Advanced」の設定に移ります。こちらは少し上級者向けの設定になります。
「Heading levels」以外の項目は基本的には設定する必要はありませんので、「Heading levels」を見て行きましょう。
こちらでは、選択した見出しタグを目次に表示するように設定することができます。
これは使用しているWordPressテーマにもよりますので一概にこれとは言えないのですが、基本的にはh3以降にチェックを入れることが多いです。
hタグ（見出しタグ）に関してよくわからない方は、チェックを入れて、確認して、という動作を1つずつ行いながら設定してみてください。

引用元—アフィリーランド

 目次を任意の場所だけに出す場合

記事内の任意の場所に見出しを出すことも可能です！

記事中に目次を表示させたい場所に、ショートコードを記入するだけでOK。

この場合、上述した、設定の　③Auto insert for the following content typesのチェックを外しておくことをお忘れなく！

 逆パターンの任意の記事だけ目次を消す場合

これは、前述の逆で、③Auto insert for the following content typesのチェックをつけてデフォルトでは目次が出るような設定にしておいて、記事内に、と記述すればOKです。

これも簡単ですね！

Table of Contents Plusについてまとめ

このプラグインは本当に便利です。

目次を記事につけることで、記事全体を読みやすくするだけでなく、ページ内を逆にしっかりと読んでもらえるようになるようです。是非この目次ブラグインTable of Contents Plusをお試しください。