記事を書く時に目次を設定することで読者への可読性を向上させることができます。
ここではJINテーマを使用した際に目次を表示するまでの手順を紹介します。
Contents
目次を出力するまでの流れ
- Rich Table of Contentsのプラグインをインストールして、有効化する
- Rich Table of Contentsの設定を行う
- 記事に見出しを付けてプレビューで確認する
Rich Table of Contentsのプラグインをインストールして、有効化する
①「プラグイン」をクリックして、プラグインの管理画面を開く
![](https://osagoublog.com/wp-content/uploads/2022/01/2022-01-12_00h57_22-1024x500.png)
②「新規作成」をクリックして、プラグインのインストール画面を開く
![](https://osagoublog.com/wp-content/uploads/2022/01/2022-01-12_00h57_35-1024x500.png)
③プラグイン検索窓に「RTOC」と入力して、Rich Table of Contentsを探す
![](https://osagoublog.com/wp-content/uploads/2022/01/2022-01-11_22h57_57-1-1024x500.png)
④「今すぐインストール」をクリックして、Rich Table of Contentsのインストールを開始する
![](https://osagoublog.com/wp-content/uploads/2022/01/2022-01-11_22h58_13-1-1024x500.png)
⑤「有効化」ボタンをクリックして、Rich Table of Contents有効にする
![](https://osagoublog.com/wp-content/uploads/2022/01/2022-01-11_22h58_28-1-1024x500.png)
Rich Table of Contentsの設定を行う
①「RTOC設定」をクリックして、設定画面を開く
![](https://osagoublog.com/wp-content/uploads/2022/01/2022-01-13_22h00_34-1-1024x500.png)
② 「JIN Color」を選択する
![](https://osagoublog.com/wp-content/uploads/2022/01/2022-01-13_22h00_34-1024x500.png)
記事に見出しを付けてプレビューで確認する
① プレビューをクリックする
![](https://osagoublog.com/wp-content/uploads/2022/01/2022-01-13_22h30_20-1-1024x500.png)
② 目次が表示されていることを確認する
![](https://osagoublog.com/wp-content/uploads/2022/01/2022-01-13_22h33_10-1024x500.png)
目次が表示されない時
もし、ここまでの手順を行って目次が表示されない時は次の内容を確認して下さい。
- RTOC設定の表示条件
- パーマリンクに日本語が含まれていないか
RTOC設定の表示条件
表示条件の「表示条件の数値 > 目次の数」の場合は目次が表示されないので、設定値を見直してください。
![](https://osagoublog.com/wp-content/uploads/2022/01/2022-01-13_22h27_18-1024x500.png)
パーマリンクに日本語が含まれていないか
パーマリンクに日本語が含まれていると表示されないことがあります。パーマリンクに日本語を使用しない方が安全かもしれません。
まとめ
目次を表示するには
「Rich Table of Contents」のプラグインをインストール後、設定を行います。
目次が表示されない場合は次の内容を確認します。
- ROTCの設定条件
- パーマリンクに日本語文字が含まれていないこと