記事の目次を表示する!(Table of Contents Plus)

WordPressのテーマ「Diver」を使用してWordPressサイトをカスタマイズします。本稿では、記事内に記事の目次を表示します。

プラグイン「Table of Contents Plus」をインストールする!

Diverでは、記事内に記事の目次を表示するのに「Table of Contents Plus」を使用することを想定しています。まずは、プラグイン「Table of Contents Plus」をインストールして、有効化しましょう。

「Table of Contents Plus」の設定を行う!

まずは、プラグイン「Table of Contents Plus」設定画面から、設定を行います。本サイトでは、以下の設定を変更しています。

  • 表示条件:2つ以上見出しがあるとき
  • 以下のコンテンツタイプを自動挿入:post
  • 目次の上にタイトルを表示:有効(タイトル:記事の目次)
  • ユーザーによる目次の表示・非表示を切り替えを許可:無効
  • 横幅:100%
  • プレゼンテーション:水色

「Table of Contents Plus」の表示をDiverからカスタマイズする!

Diverでは、さらにDiverオプションから、「Table of Contents Plus」の表示を調整できます。「Diverオプション」→「投稿設定」を開きます。「TOC+プラグインにDiverスタイルを適用する」の設定を有効にしましょう。必要に応じて、配色も変更します。デザインが日本語向けになって、ぐっと見栄えが良くなります。

おわりに

Diverで、記事内に記事の目次を表示するには、プラグイン「Table of Contents Plus」がおすすめです。