Table of Contents Plusの設定と使い方:記事中に目次を設置

Table of Contents Plusの設定と使い方

プラグイン「Table of Contents Plus」を追加すると、見出しを元に目次を自動生成することができます。手動で目次を更新したり、アンカーリンクを貼る手間が省けます。

但し、このプラグインを使う大前提として、記事内で見出しタグ「h1~h6(最低でも一種類)」をしっかり使い分けている必要があります。見出しを乱用されている方は目次がゴチャゴチャになって見辛くなります。また、見出しを使っていなければ目次は表示されません。

設定

Table of Contents Plusを追加&有効化し、管理画面の設定「TOC+」から各種設定を行います。

Table of Contents Plusの設定画面

Table of Contents Plusの設定画面

使い方

初期設定でも問題なく動作しますが、「表示条件」を最小の「2」に設定しておくと、見出しが2個以上ある時に目次が表示されます。投稿記事にも目次を表示させたい時は、「以下のコンテンツタイプを自動挿入」の「post」にもチェックを入れます。

Table of Contents Plusの設定

Table of Contents Plusの設定

位置 目次を表示させる位置。「最初の見出しの前(デフォルト)」推奨。
表示条件 目次を表示させる条件「見出しの数」を選択できる。「2」推奨。
以下のコンテンツタイプを自動挿入 自動で目次を表示させるコンテンツタイプ「投稿」「固定ページ」等を選択できる(テーマによって表示される項目は異なる)。
見出しテキスト 目次の上に表示されるタイトル「見出しテキスト」を変更できる(ユーザーによる目次の表示・非表示の切り替えも任意に設定できる)。
階層表示 レベルの異なる見出し「h2」「h3」「h4」等を使っている場合、小さな見出しが階層表示される。
番号振り 見出しの数だけ先頭に番号が振られる。
スムーススクロール 目次をクリックした時、見出しまで一瞬で飛ぶか、スクロールしながら飛ぶかを選択できる。
横幅 スマホデザインも考慮して「相対表示」推奨。
回り込み レイアウトが崩れる可能性があるので「なし」推奨。

文字サイズとプレゼンテーションはデザイン的なものなので、お好みで設定して下さい。

表示される目次

表示される目次

上級者向けを開くと、更に細かい設定ができます。特に変更する必要はありませんが、表示させたくない見出しがあれば「見出しレベル」で設定して下さい。

上級者向け設定

上級者向け設定

自動で目次を表示させる時の設定は以上です。

補足
ウィジェットエリアにも「TOC+」が追加されます。ウィジェットに目次を表示させることも可能です。

ショートコードで目次を非表示にする方法

目次を表示させたくない記事に下記ショートコードを入力します。

記事内ならどこでも構いません。目次が表示されなくなります

ショートコードで任意の位置に表示させる方法

目次を表示させたい場所に下記ショートコードを入力します。

ショートコードが優先されるので、任意の場所に目次を表示させたい時に使うと便利です。

また、「以下のコンテンツタイプを自動挿入」のチェックを外している記事でも、ショートコードで目次を表示させることができるので、「以下のコンテンツタイプを自動挿入」のチェックを全て外しておけば、ショートコードで完全任意の位置に目次を表示させることもできます。

次の投稿タイプのときに表示のチェックを全て外す

以下のコンテンツタイプを自動挿入のチェックを全て外す

最後に

全ての記事に目次は必要ないと思いますが、目次があると便利な記事もあります。

また、検索エンジンで表示されるタイトルの下に、目次のタイトル(見出し)リンクが表示されることもあるので、SEO効果も多少あると思います。表示させる記事、場所、デザインのカスタマイズも簡単ですから、僕の中では必須のプラグインです。

スポンサーリンク
スポンサーリンク