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」がおすすめです。
関連記事
