【WPプラグイン】目次を追加する『Table of Contents Plus』の使い方と設定方法を解説!

どうも、ひろもん(@hiromon_com)です。

今や目次がない記事の方が少なく、記事に目次を設置するのが当たり前になっていますが、WordPressには目次機能がありません。

目次があれば読者はお目当ての内容が、記事のどの辺りに書かれているのかわかりやすいので、読者の利便性を考えると設置した方が親切です。

そこで今回は、目次を追加する定番プラグインの「Table of Contents Plus」の使い方と設定方法について紹介します。

もくじ

「Table of Contents Plus」のインストール

『Table of Contents Plus』は無料のプラグインなので、WordPressの管理画面から簡単にインストールできます。

WordPressプラグインのインストール手順1

[プラグイン]をクリックします。

WordPressプラグインのインストール手順2

[新規追加]をクリックします。

「Table of Contents Plus」のインストール手順

右上の検索ボックスに「Table of Contents Plus」と入力すると、該当するプラグインが表示されるので、Table of Contents Plusの右上にある[今すぐインストール]をクリックし、さらに[有効化]をクリックします。

これでインストールは完了です。

「Table of Contents Plus」の設定

インストールが終わったら次は設定を変更します。

「Table of Contents Plus」の設定方法1

WordPress管理画面の[設定]にカーソルを合わせるとサブメニューが表示されるので、[TOC+]をクリックします。

「TOC+」は「Table of Contents Plus」の略です。

「Table of Contents Plus」の設定方法2

プラグインの設定画面に移るので、ここで各種設定を行います。

位置:デフォルトのままでOK
表示条件:任意の数に変更(私の場合は「2」)
コンテンツタイプを自動挿入:任意でチェック(私の場合は「post」だけチェック)

私は表示条件を「2」にしていますが、見出しが2個なら目次はいらない人もいると思うので、好きな数に変更してください。また固定ページに目次を表示させる人は少ないので、特別な理由がない限り「post」にだけチェックを入れておけばいいと思います。

「Table of Contents Plus」の設定方法3

「Contents」を「目次」に変更
「show」を「表示」に変更
「hide」を「非表示」に変更

「Table of Contents Plus」の設定方法4

上記のように設定を変更すると、記事に表示される目次はこのように変化します。

英語表記がいい方はデフォルトのままでOKです。

「Table of Contents Plus」の設定方法5

階層表示:デフォルトのままでOK(チェック済み)
番号振り:デフォルトのままでOK(チェック済み)
スムーズ・スクロール効果を有効化:任意でチェック

「Table of Contents Plus」の設定方法6

「階層表示」と「番号振り」にチェックを入れた場合と外した場合の表示の違いはこちらです。

基本的には両方にチェックを入れておくか、番号振りだけチェックを外すかのどちらかが見やすいです。

「Table of Contents Plus」の設定方法7

横幅:デフォルトのままでOK(任意で変更)
回り込み:デフォルトのままでOK
文字サイズ:デフォルトのままでOK

「Table of Contents Plus」の設定方法8

横幅に関してはデフォルトのまま使用している人もいますし、お好きなように設定してください。

「Table of Contents Plus」の設定方法9

プレゼンテーションは目次のデザインの設定です。

プレゼンテーション:任意のデザインにチェック

「カスタム」にチェックを入れると、背景やリンクの色などカラーコードから選んで自由に変更できます。

「Table of Contents Plus」の設定方法10

以上で通常の設定は完了ですが、上級者向けの設定でやっておきたいことがあるので、上位者向けの[hide]をクリックして、上位者向けの設定画面を表示させます。

「Table of Contents Plus」の設定方法11

上級者向けの設定は「見出しレベル」の設定以外はそのままでOKです。

見出しレベルの設定では”どの見出しレベルまでを目次に表示させるのか”の設定を行います。

デフォルトでは「h1」から「h6」までの見出しすべてが目次に表示される設定になっていますが、「h2」もしくは「h3」までにチェックを入れて、それ以外はチェックを外した方が目次がスッキリします。

そもそも「h4」以降の見出しタグを使うことがほぼないですし、使ったとしても目次に表示されると逆に見づらいので、私の場合は「h3」までチェックを入れています。

『Table of Contents Plus』の設定は以上になります。
設定は何度も変更できるので、あなたにシックリ来るように調整してみてください。

まとめ

『Table of Contents Plus』について解説してきましたが、いかがでしたか?

目次がなければ読者は目的の内容が記事のどの辺りに書かれているのかわからないので、利便性に欠けますし不親切だと思うので、目次を設置して読者の利便性を高めてあげましょう。

ひろもんのアイコン画像ひろもん

特別な理由がない限り目次を設置した方がいいです。

この記事が気に入ったら
フォローしてね!

コメント

コメントする

もくじ
閉じる