色々と他の方のブログを拝見していて、ふと思いました。
「目次があった方がかっこいい!」
早速目次を入れてみましたが、余計な部分まで目次に入ってしまうという困ったことも起こりました。
今回は、目次の作り方とその対処法をご紹介いたします。
目次を作る
JINというテンプレートを使っています。
目次の作り方は、そのサイトを参考にさせてもらいました。
https://jin-theme.com/manual/mokuji/
紹介された手順通りに設定したところ、無事目次は表示されました。
他のテンプレートを使っていても問題ないと思います。
余計な項目を消すには
無事目次は出来て満足していたのですが、今日になって困ったトラブルが起こりました。
目次の最後におかしな項目が入っていたのです。
「・共有:」と「関連」という文字です。
JetpackがOFFなら問題なし
目次を作った時、たまたまJetpackというプラグインをOFFにしていました。
理由はサムネイル画像が表示されなかったからです。
詳しくはこちらから。

様子見で、数日してからJetpackを復活させたところ、サムネイル画像のトラブルは解消されていました。
「一安心」と思ったのも束の間、今度は余計な項目が目次に表示されるようになりました。
どうやら、共有ボタンの前についている「共有:」と、関連項目の前についている「関連」という項目を拾ってきているようでした。
確かに、HTMLファイルを見ていると、上記2つには<h3>タグが付いています。
おそらく、JetpackをONにすると、すべてのヘッダー項目を拾ってしまうのでしょう。
逆にOFFにした場合になぜ拾わないのかわかりませんが、JetpackをOFFにすると上記の項目は目次から消えました。
JetpackがONのまま解決する方法
JetpackがOFFだと、Twitterとの連携がうまくいきません。
何とかONのまま、余計な項目を消せないものかと見たところ、目次作成用プラグイン(TOC+)の設定欄に解決策がありました。
ただし、「上級者向け」となって隠れています。
以下の手順で、余計な項目を目次から消すことができます。

除外する見出しに、取り除きたい項目を入力します。
区切りは「|」(パイプ記号)です。
スペースはいりません。
完全一致する文字を除外しますので、「共有」と設定すると除外されませんでした。「共有:」で消せます。
同じようなトラブルでお困りの方の参考になれば幸いです。
