記事の目次を表示する！（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」がおすすめです。

関連記事