Cocoonで目次を表示してみたら、
「あれ？番号が2つある……？😯」
目次を見ると、「1. ①」「2. ②」のように番号が二重に表示されていました😂
原因はとても簡単。
記事の見出しに自分で「①」「②」と番号を付けていたため、Cocoonが目次に自動で付ける番号と重なっていたんです。
今回は、Cocoonの目次で番号が二重に表示されたときに、私が実際に直した方法を紹介します♡
同じように「この番号、どうして2つあるの？」と気になった方の参考になれば嬉しいです😊
目次の番号が二重に表示されていました
実際に表示されていた目次がこちらです。
よく見ると、
「1. ①」
「2. ②」
「3. ③」
というように、番号が二重になっています😂
見出しを作ったときには分かりやすいと思って「①」「②」と付けていたのですが、目次を表示するようになって初めて気づきました。
「この左側の数字、どこから出てきたの？😯」
と思ったのですが、これはCocoonが目次に自動で付けてくれている番号でした。
番号が二重になった原因
原因は、記事の見出しに自分で「①」「②」「③」…と番号を付けていたことでした。
Cocoonの目次には、自動で「1.」「2.」「3.」と番号が付くようになっています。
そのため、
「Cocoonが自動で付ける番号」＋「自分で見出しに付けた番号」
が両方表示されて、「1. ①」「2. ②」のようになっていたんですね😂
原因が分かってしまえば、直し方はとっても簡単でした♡
直し方｜見出しの「①②」を消すだけ
直し方はとっても簡単です😊
記事の編集画面を開いて、見出しに自分で付けていた「①」「②」「③」などの番号を削除するだけ。
たとえば、
「① サイドバーの幅を少し細くする」
となっていた見出しを、
「サイドバーの幅を少し細くする」
に変更します。
Cocoonが目次側の番号を自動で付けてくれるので、見出しに番号を入れなくても大丈夫です♡
私は①〜⑥まで全部付けていたので、ひとつずつ消しました（笑）
番号を消したら目次がスッキリしました
見出しに付けていた「①」「②」「③」…を削除すると、目次はこんな感じになりました😊
「1. ①」のように二重になっていた番号がなくなって、スッキリ♡
Cocoonが自動で番号を付けてくれるので、自分で見出しに番号を入れる必要はなかったんですね。
目次を表示するまでまったく気づいていませんでした（笑）
CSSを追加したり難しい設定を変更したりする必要もなく、見出しの番号を消すだけで直りました♡
まとめ｜目次の番号が二重になったら見出しを確認♡
Cocoonの目次で「1. ①」「2. ②」のように番号が二重に表示されていた原因は、見出しに自分で番号を付けていたことでした。
直し方はとっても簡単。
見出しに付けている「①」「②」「③」などの番号を削除するだけでOKです😊
Cocoonが目次の番号を自動で付けてくれるので、これだけでスッキリ表示されました♡
ほんの小さなことですが、一度気づくと気になってしまうんですよね（笑）
同じように「目次の番号が2つあるのはなぜ？😯」と思った方は、まず見出しに番号を入れていないか確認してみてください♡