会員サイトをリニューアルしました! 新サイトはこちら

目次の番号について < SWELLに関する質問

フォーラムをリニューアルしました!
今後は、新フォーラムをご利用ください。

目次の番号について
 
通知
すべてクリア

[解決済] 目次の番号について

5 投稿
3 ユーザー
3 Likes
1,094 表示
ひろぼー
(@choco_8812x)
New Member
Topic starter
 

記事内の各見出しに自分で番号を振ると、目次を生成したときに目次内で番号が重複してしまうのですが、その解決方法があればお伺いしたいです。

 
投稿済 : 18/07/2021 2:44 pm
しらこ
(@96ssbike)
Prominent Member
 

カスタマイザーから、投稿・固定ページ>目次の設定項目内で、目次のリストタグをolタグではなくulタグにするか、もしくはCSSで消せますが、CSSに関しましてはサポート範囲外のため、ご自身でカスタマイズをお願いいたします。

にゃーん .

 
投稿済 : 18/07/2021 3:41 pm
ひろぼー reacted
masayuki202012
(@masayuki202012)
Eminent Member
 

私のブログでは、以下のCSSを追加しています。

添付した画像の様な形式になると思います。たぶん。

H1 H2 に自分で番号を振り付ける必要がなくなります。

でも追加してしまうと、H1 H2に番号が必ず付いてしまうので、「番号つけるつけない」の選択はできなくなります。

ネットで適当に調べただけなので、不具合あっても責任負えませんし、仕組みもよくわかってませんが、参考にどうぞ。

body {
	counter-reset: h2-count;
 }

h2 {
	counter-reset: h3-count;
}

.post_content  h2::before {
	counter-increment:h2-count;
	content:counter(h2-count) ".";
}

.post_content h2::before {
	left:1em;
}

.post_content h2 {
padding-left:2.5em;
}

.post_content h3::before {
	counter-increment:h3-count;
	content:counter(h2-count) "-" counter(h3-count);
}

.post_content h3 {
padding-left:3.5em;
}

.post_content h3::before {
	left:1em;
	position:absolute;
	top:0.5em;
color: gray;
}
 
投稿済 : 21/07/2021 3:16 pm
ひろぼー
(@choco_8812x)
New Member
Topic starter
 

@96ssbike

ありがとうございます。

現状デフォルトのolタグは対応してないんですね。少しCSS調べてみます。

 
投稿済 : 21/07/2021 6:04 pm
ひろぼー
(@choco_8812x)
New Member
Topic starter
 

@masayuki202012

ありがとうございます。

参考にさせていただきます(*^^)

 
投稿済 : 21/07/2021 6:05 pm
共有: