Table of Contents Plusは、記事の目次を自動生成できるプラグインです。投稿や固定ページの記事に記述したHTMLタグを基に目次を自動生成します。目次を利用すれば、ユーザーが記事の内容を一目で把握しやすくなる効果があり、ユーザーが見たい情報へとストレスなく移動できます。
H1からH6までの見出し用のHTMLタグを基に目次を自動生成していますので、記事をH1～H6までのダグで追加すると、自動的に目次ができあがります。投稿、固定ページ、カスタム投稿タイプに対応し、目次の表示位置や表示内容も細かく設定できます。
プラグインの管理画面が日本語化されていますので、わかりやすく、設定も簡単です。
このサイトの目次も、Table of Contens Plusで生成されています。
スポンサーリンク
目次
Table of Contens Plusのインストール
プラグインの追加
Table of Contens Plusと入力して検索する。
upload-tcp
インストール
「今すぐインストール」をクリックする。
install-tcp
有効化をクリック
act-tcp
設定画面の表示
①設定→目次＋
dsp1-conf-tcp
②設定画面の表示
dsp2-conf-tcp
Table of Contens Plusの設定
①表示する場所
目次を記事内のどこに表示させるか位置の設定です。
conf1-tcp
conf1a-tcp
②表示条件
2～10まで選択できますが、2つ以上見出しがある時に、目次を設置させるように、2を選択します。
conf2-tcp
conf2a-tcp
③投稿タイプの選択
post:通常の記事、page:固定ページの2つから選択します。
注意：このチェックを全部外して、その都度、入れたいところに、ショートコードを記述するやり方もあります。
注意：このチェックを全部外して、その都度、入れたいところに、ショートコードを記述するやり方もあります。
conf3-tcp
④見出しテキスト
conf4-tcp
⑤目次の階層を表示させるかの設定
conf5-tcp
⑥目次に番号をつけるかの設定
conf6-tcp
⑦スムーススクロールの設定
conf7-tcp
目次をクリックしたときに、滑らかにスクロールさせるか一気に飛ぶかの設定
⑧外観の設定
デフォルトのままとしました。
conf8-tcp
⑨上級者向けの設定
上級者向けの「表示」をクリックします。
＜見出しレベルの設定＞
どこのタグを目次として使うかの設定で、ここはご自身のテーマに合わせて設定します。
h2,h3,h3のみとして、他は、ㇾチェックを外しました。
conf9a-tcp
＜見出しレベルの設定＞
どこのタグを目次として使うかの設定で、ここはご自身のテーマに合わせて設定します。
h2,h3,h3のみとして、他は、ㇾチェックを外しました。
conf9-tcp
⑩設定の終了
conf10-tcp
をクリックして、設定を終了します。記事毎の表示場所の変更
目次の表示
目次を表示させたい場所に、以下のショートコードを記入する。
ショートコードを記述した場所に目次が表示されます。
注意：ショートコードは、tocを”[“と”]”で囲みます。
目次の非表示
本文中(どこでも良い)に以下のショートコードを記入する。
ショートコードを記述した記事の目次が非表示となります。
注意：ショートコードは、no_tocを”[“と”]”で囲みます
「インストール手順と運用」は、こちらよりダウンロードできます。
Icon
インストール手順と運用(Table of Contents Plus) 425.41 KB