サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2022年5月9日 11:20
いつも便利なコクーンを使わせていただいております。
標記の件ですが、「目次ナンバーの表示」を今までデフォルトで使っていたのですが、
h2 親要素
h3 子要素
の構成にしたく、「数字詳細（ex: 1.1.1）」を選択しましたところ、
1.親要素
1.1子要素(1)
1.2子要素(2)
と目的通りになったのですが、h2がなく h3から始まる目次の場合、
0.1要素(1)
0.2要素(2)
と先頭に「0」が付いてしまいました。
この場合、h3ではなくh2にすればいいだけの話かもしれません。
そういう趣旨ならこの件はスルーしていただいて結構ですが、もし可能なら先頭の「0」を取っていただきたいです。
よろしくお願いします。
2022年5月9日 19:03
フォーラム案内ありますように、よろしければ該当ページのURLといただいてよろしいでしょうか。
難しいようであれば、見出し構造がわかるスクリーンショットとか。
試しに僕の環境でh3見出しから始めてみたんですけど、目次が出なかったので、同じ構造で試せればと。
Topic starter
2022年5月10日 09:17
お返事ありがとうございます。
0がついているとおかしいので今は数字（デフォルト）に戻しているので、一旦「数字詳細（ex: 1.1.1）」にして現象を再現させ、スクリーンショットを取りました。
●画像の上の段
目次の設定画面です。
目次の表示は無効化し、表示させたい箇所にのみショートコードを記入しています。
●画像の中の段
目次ナンバーの表示：数字（デフォルト）の場合
左画像：h2とh3 右画像：h3
●画像の下の段
目次ナンバーの表示：数字詳細（ex: 1.1.1）の場合
左画像：h2とh3 右画像：h3
※右画像がh2が無いせいか、先頭に不要な0がついている。
ご確認、よろしくお願いします。
2022年5月10日 12:04
Berghiloさん
もしかすると、以下でいけるかもしれないです。
.toc.tnt-number-detail ol {
counter-reset: none;
}
.toc.tnt-number-detail ol ol {
counter-reset: toc;
}
該当投稿のカスタムCSSでお試しいただければと。
（最後までH2がないのが前提です）
ダメでしたら、すみません。
H2から始めるのが素直なのではないかと、個人的には感じます。
わいひら reacted
Topic starter
2022年5月10日 13:09
@mk2_mk2 さんへ
見事に0が消えました。
ありがとうございます
> H2から始めるのが素直なのではないかと、個人的には感じます。
そうですね。
今回は無事お教えいただいたCSSで改善しましたが、H2から始めるのがベストですね。
ただ、今回はh2よりもh3のデザインのほうが見た目が気に入ったのでそうしました。
Googleのジョン・ミュラーさんもGoogle検索のアルゴリズムも進化し、デザインを優先させたHタグの使い方も問題はないという発言をどっかで聞いた記憶があったので、本来のSEOを無視した次第でした。
2022年5月10日 13:27
Berghiloさん
スマホからなもので、いろいろ確認はしていませんが・・・。
上手くいったようで良かったです。
私もGoogleが、見出しのタグは何から使おうと、少々飛ばしても、気にしない的なことを読んだ記憶はあります。
今回はデザイン的にとのことですので。
むしろ、そちらでCSSを書いても良いかもしれないですね。
2022年5月10日 15:24
Berghiloさん
もしかして、H2を使っていませんでしょうか？
H2はない前提です。
（そのように書いたつもりです。）
よって、H2を使用していない投稿の「カスタムCSS」でのみ使用して、子テーマのスタイルシート、追加CSSでは使用しないという前提です。
H2を使用している投稿などの目次には影響が出ます。
そう言うことも起きますので。
「見出しのデザインを変えたい」というニーズであれば、見出しのデザインをCSSで変更した方が良いのではないかと思います。
（先程書いた、「そちら」とはそういう意味のつもりでした。）
わいひら reacted
2022年5月10日 15:31
ちなみに、H2がない（最上位がH3）であれば、以下のような感じみたいです。
とはいえ、H3から始まるのは、個人的には気持ち悪い感じはします。
（Googleが平気だとしても。）
（Googleが平気だとしても。）
2022年5月10日 15:48
試してはいませんが。
H3から始まる目次に対して、特定のclass名をつけておいて、それをセレクタに書けば良い気もしますね。
（それであれば、子テーマに書いておいても支障はなさそうに思います。）
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。