Divi で作成している Web サイトに目次機能を追加するのに、便利なプラグインとして「 Easy Table of Contents 」があります。今回はそのインストールと設定方法について解説します。
Divi で作成したサイトに目次機能を追加
Easy Table of Contents の設定
Easy Table of Contents をインストールするには、ワードプレスダッシュボードの「プラグイン」＞「新規追加」に「 Easy Table 」と入力して下記を検索します。
Easy Table of Contents を利用するには、ちょっとした設定が必要です。
１）サポートを有効化する
 | 「設定」＞「目次」をクリックします。 |
設定画面が表示されるので「サポートを有効化」で目次表示させたいページを選び、チェックを入れます。
 | 「変更を保存」をクリックして保存します。 |
２）
自動で目次を表示をさせるには、次の設定項目の表示させたいページにチェックを入れます。
表示条件を設定します。今回は２個以上の見出しがある場合に表示させることにします。
| 「変更を保存」をクリックして保存します。 |
以上の操作にて下記のように自動で目次が表示されるようになります。右上のアイコンで目次を開いたり閉じたりできます。
このままでも必要十分ですが、設定項目を変更することで表示を変更できます。
設定項目を変更するには、ワードプレスダッシュボードの、
１）設定の場所
設定を変更するにはワードプレスダッシュボードの、
| 「設定」＞「目次」をクリックします。 |
２）
３）外観設定
４）カスタムテーマ
さらに高度な設定ができます。
４．任意の場所に目次を表示させる
投稿や固定ページ上の任意の場所に目次を表示させるには、下記の手順で設定します。
コードモジュールに toc と記載して表示させる
表示させたい場所に「コード」モジュールを追加します。
コード設定のテキストコンテンツにコードを記載します。コードモジュールは、１行のショートコードでも、複数行のコードでもどちらでも利用できます。今回は目次を表示させるためのショートコードを記載します。[[toc]]と入力します。
以上の操作で目次が表示されるようになります。
ワードプレス Divi レッスン Diviの使い方図解
写真サイトを構築する際に、役に立ちそうな設定や情報をまとめています。こちらは、ワードプレステーマ Divi に関連する記事の目次ページとしています。なるべく図を用いて簡単に説明するようにしています。参考にどうぞ。
