ネット関係

WordPressで目次を作るプラグインTable of Contents Plus

Table of contents

記事に目次を作りたいと思った時に、WordPressで目次を自動で設置してくれるプラグインが「Table of Contents Plus」です。

記事に目次があると、読者が一目でその記事にどんな内容が書かれているかを理解してもらうことができますし、読みたい見出しの場所へワンクリックで飛ぶことができるので、記事を効率よく読んでもらうことができますよ。

また、SEO的にも良い効果を得られます。

今回はTable of Contents Plusの使い方を解説していきます。

Table of Contents Plusの目次は↓↓こんな感じです。

Table of Contents Plusのインストール

Table of Contents Plus

まだWordPressにTable of Contents Plusのプラグインをインストールしていない場合は、こちらの記事を参照してインストールと有効化をしてください。

▶︎ WordPressプラグイン2つのインストール方法とは【初心者向け】

Table of Contents Plusの基本設定

管理画面の「設定」→「TOC+」をクリックします。

Table of Contents Plus

Table of Contents Plusの設定画面が出てきます。「基本設定」「サイトマップ」「ヘルプ」と3つのタブがありますが、設定するのは「基本設定」のみでOKです。

1つ1つの設定を見ていきましょう。

位置:

目次を表示する位置を選びます。「最初の見出しの前(デフォルト)」がおすすめです。

  • 最初の見出しの前(デフォルト)
  • 最初の見出しの後

表示条件:

各段落の見出しがいくつ以上あれば、目次を表示させるかを選択します。

デフォルトでは「4」になっていますが、見出しが4つ以上ないと目次に表示されないと、記事によって目次が表示されないことも出てくるかもしれませんので、「2」にすることをおすすめします。

以下のコンテンツタイプを自動挿入:

目次を表示させたい記事の種類を選択します。通常は普通の記事に目次を表示させるので「post」を選択します。

Table of Contents Plus

見出しテキスト:

  • 目次の上にタイトルを表示

赤枠部分にタイトルを表示するかしないかの設定です。チェックを入れて「目次」にするとわかりやすいでしょう。

Table of Contents Plus
  • ユーザーによる目次の表示・非表示の切り替えを許可

目次を表示させるかさせないかを読者の方に選んでもらえる機能。ここは好みになります。私は目次は表示させたままでいいかなと思っているので、ここはチェックを外しています。

  • 最初は目次を非表示

こちらにチェックを入れると、目次が非表示の状態から表示されてしまいますので、チェックは外しておきましょう。

階層表示:

目次を階層的に表示するか選択します。チェックを入れた方が見やすくなります。

番号振り:

目次に番号を振るか選択します。チェックを入れた方が見やすくなります。

Table of Contents Plus

スムーズ・スクロール効果を有効化:

目次の見出しをクリックした時に、その段落までいきなりジャンプするか、スクロールで表示するかを選択します。スクロールでの表示の方が滑らかなのでおすすめです。

Table of Contents Plusのデザイン設定

外観

  • 横幅・・・目次の横幅を選べます。
  • 回り込み・・・目次の左右の位置を選択します。
  • 文字サイズ・・・文字サイズを選択します。
Table of Contents Plus

プレゼンテーション:

ブログのデザインに合わせて、目次のデザインを選択します。

Table of Contents Plus

上級者向けの設定

上級者向けと書かれていますが、それほど難しい設定ではありませんので、設定していきましょう。

上級者向けの「hide」をクリックします。

Table of Contents Plus

「見出しレベル」の部分しか設定しません。

h1やh2などhタグ(見出しタグ)を選択したものが、目次に表示されます。

これはお使いのWordPressテーマによって異なりますので、チェックを入れて見て、どのように表示されるか確認しながら設定してみると良いでしょう。わからない場合はWordPressテーマ作成者に問い合わせてみると良いです

基本的にはh2かh3以降にチェックを入れると良いかと思います。

Table of Contents Plus

「設定を変更」をクリックして設定完了です。

Table of Contents Plus

以上、Table of Contents Plusの設定でした!