【JIN×Easy Table of Contents】目次の小見出しに点が付いちゃう?丸を消す方法はコピペするだけ超簡単！

JIN

WordPressの目次を自動生成するプラグインがいくつかある中で最もメジャーなTable of Contents Plus。

「JIN」の公式サイトでもおすすめの紹介されているプラグインではあるのですが…

Table of Contents Plusが表示されない不具合はないが3年も更新されてない

  • 最終更新：3年前
  • 使用中のWordPressバージョンで未検証

となっていて不具合が怖いため、私はEasy Table of Contentsというプラグインを使っています。

関連記事
目次プラグインは古くて不具合が怖いTable of Contents PlusよりEasy Table of Contentsがおすすめ！設定方法を解説！

記事の見出しごとに自動で目次（索引）を表示させるプラグインとしてメジャーなTable of Contents Plusですが、こんな感じで… 最終更新：3年前 使用中のWordPressバージョンで未検証となっています。[…]

でもEasy Table of Contentsで目次を設定して
かつ
「見出し：」という項目で…

Easy Table of Containsプラグインの設定方法

「見出し2」より下の部分にもチェックを入れると…

こんな感じ↓で…JINでEasy Table of Contentsプラグインを使う場合に小見出しに付く丸

「小見出しに丸が付いてしまう」というデメリットがあるんですよね(；´Д｀)

もちろんエラーが出るような重篤な不具合ではないのですが、見た目的に普通に気になりますよね(^_^;)

そこでこちらの記事では、このように↓小見出しに丸の付いてない状態にする方法を紹介いたします！
JINでEasy Table of Contentsプラグインを使っても小見出しに丸が付くこと無く正常な状態

でも当記事で紹介する方法を使うと、消えてほしくない丸まで消えてしまうというデメリットもあります。

そちらの対処法も併せて紹介いたします。

目次

JINでEasy Table of Contentsを使っても目次の小見出しに丸が付かないようにする方法を動画で解説！

JINでEasy Table of Contentsを使っても目次の小見出しに丸が付かないようにする方法！

JIN公式サイトの「WordPressテーマ「JIN」の設定マニュアル」からJINの子テーマをダウンロードし有効化してあることが前提となります。

コードをコピー

下記のコードを（次にペーストするために）コピー

.cps-post-main ul:not([class]) li:before, .cps-post-main table ul:not([class]) li:before{
display: none;
content: ”;
position: absolute;
top: 0.6em;
left: 10px;
width: 0;
height: 0;
background-color: #2b2b2b;
border-radius: 100%;
}
.ez-toc-list li > ul li:before {
content: none !important;
}

続いて、コピーしたコードをWordPressにペーストします。

WordPressにペースト

WordPressダッシュボードの…

JINでEasy Table of Contentsプラグインを使っても小見出しに丸がつかないようにする方法「外観」をポイント →「カスタマイズ」をクリック

↓

JINでEasy Table of Contentsプラグインを使っても小見出しに丸がつかないようにする方法「追加CSS」をクリック

↓

先ほどコピーしたコードを…

JINでEasy Table of Contentsプラグインを使っても小見出しに丸がつかないようにする方法

こんな感じ↑にペースト

この時、すでに何かコードが入っている場合は、一番上か一番下にペーストすればOKです。

↓

「公開」をクリック

プレビューなどで確認してみると、目次の小見出しの●が消えているはずです。

消えない場合はキャッシュが残っていることが考えられますので、キャッシュをクリアしてから、もう1度確認してみてください。

さいごに

JINでEasy Table of Contentsを使って目次を表示させる際、小見出しに付く丸を消す手順は、JINの子テーマが有効化してある状態で

  1. コードをコピー
  2. WordPressの「追加CSS」にコードをペースト
  3. （変更が反映されない場合は）キャッシュクリア

でしたね。

参考になれば幸いです。

 
＼この記事のURLとタイトルをコピーする／