WordPressテーマSANGOの質問

目次を「h2に対する項目は番号、h3に対する項目はドット」にしたい

アバター
mame

お世話になります。
Easy Table of Contentsで目次の表示を変更したいです。
同じ内容のTOC+による変更方法の記事を参考にして、CSSをいじってみましたが上手くできませんでした。
Easy Table of Contentsでのやり方も教えていただきたいです。
よろしくお願いします。

SANGOでEasy Table of Contentsの目次を表示する
コメントへの回答
サルワカくん
サルワカくん
2022/02/28

お世話になっております。
以下のようなCSSでいかがでしょうか?
よろしくお願いします。


#toc_container .toc_list {
margin-left: 0;
}
#toc_container ul.toc_list > li {
list-style: none;
}
#toc_container ul {
counter-reset: item;
}
#toc_container ul.toc_list > li > a::before {
content: counters(item, ".") ". ";
counter-increment: item;
}

アバター
mame
2022/02/28

ありがとうございます。
参考にして希望通りのもくじを表示できました。