Table of Contents Plusがjetpackの共有や関連の見出しを拾ってしまう

Table of Contents Plus(TOC+)は記事内の見出しから簡易的な目次を作成してくれるプラグイン。

最近ではWEB制作系のサイトのほとんどが導入しているように思える。
右にならえであまりカッコよくないが、HTMLを文書として正しく捉えている我々だからこそ、ありきたりのプラグインでも必要だから導入している。

便利なTOC+だが、jetpackの一部の機能と相性が悪いようだ。
以下、問題と解決方法を提示する。

起こっている問題

jetpackの「共有」という機能は、ソーシャルブックマークボタンをthe_content()の末尾に追加してくれる。

挿入されるHTMLとしては、h2{共有}+(ul>li>ボタン)*? みたいな感じである。

TOC+はこのh2{共有}の部分を拾ってしまい、目次に追加してしまう。

「関連」機能は関連記事を表示する機能だが、同様にTOC+に拾われてしまう。

非常にダサい。

解決方法1「削除」

見出しを出力しない設定にして、根本から解決してしまおうという作戦。

「共有」機能のラベルを削除

設定>共有と開き、共有ラベルを空にする。

「関連」機能のラベルを削除

設定>表示設定と開き、関連記事と投稿の区別がつきやすいよう「関連」見出しを表示するのチェックを外す。

しかし見出しを表示したい場合はどうすればいいのか。

解決方法2「カスタマイズ」

ラベルを削除する方法は簡単だが、共有と関連の見出しを残したい、でもTOC+には拾われたくない場合にはどうするのか。

わかりません!

ということで解決したら追記します。

あわせて読みたい

コメントを残す