スキン「イノセンス」目次に数字が重なってしまう - スキンの不具合 https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/ Cocoon ディスカッション掲示板 ja Sun, 14 Jun 2026 04:32:57 +0000 wpForo 60 RE: スキン「イノセンス」目次に数字が重なってしまう https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67872 Mon, 06 Feb 2023 10:16:29 +0000 ご確認いただきありがとうございます。

]]> スキンの不具合 わいひら https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67872 RE: スキン「イノセンス」目次に数字が重なってしまう https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67867 Mon, 06 Feb 2023 01:03:40 +0000 ありがとうございます。

 
自分で書き加えた追加CSSを削除してから、修正していただいたテーマをアップデートし、
 
目次内の文字の位置（左側）が修正されたことを確認いたしました。
 
目次内の右側の空白は、chu-yaさまに教えていただいたように、
 
「2em」の部分を「0.2em」に書き換えたもの
↓
.entry-content .toc a{
  padding:0.2em 0.2em 0.2em 0;
}
 
を追加CSSに貼ることで解決しました。
 
 
—————
 
今回、「Cocoonの公式ページ・スキン『イノセンス』紹介ページが同じことになってるから、ド素人の私が対処できる問題では無いのだろう」と思い、質問させていただきましたが、
 
chu-yaさまの画像付きの丁寧な解説により、
解決に至ることができました。
 
デベロッパーツールも初めて触りました。
（前に開いたときは、なんじゃコレ？？と愕然とし、そのままそっと閉じました。）
 
「デベロッパーツール 使い方」で検索した解説ページを読みながら、
chu-yaさまの画像と同じ部分を自分のサイトから探し出せて喜んでいました。
数値を触るとお試し編集でプレビューが見れるなんて、すごく便利なツールなのですねっ。
 
今後、自分でCSSを触ることは殆ど無いと思いますが、チョット賢くなった気がして嬉しいです。
 
感謝の気持ちでいっぱいです。
本当にありがとうございます。
 

 

]]> スキンの不具合 Miyako https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67867 RE: スキン「イノセンス」目次に数字が重なってしまう https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67863 Sun, 05 Feb 2023 13:44:39 +0000 @miyako さん

スキンが対策されました。
尚、CSSは以下の通りです、ご了承下さい。
確認の上、解決済なら「解決済」として頂きたく。

.entry-content .toc-list{
  padding-left:1em;
}

＞わいひら さん 
----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.6.3
カテゴリー数：19
タグ数：147
ユーザー数：1
----------------------------------------------
目次のマーカー位置が正しい事を確認しました。

]]> スキンの不具合 大門未知子 https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67863 RE: スキン「イノセンス」目次に数字が重なってしまう https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67862 Sun, 05 Feb 2023 10:16:17 +0000 ご提案いただきありがとうございます！
書かれた通り以下のようにCSSを追加しておきました。
https://github.com/xserver-inc/cocoon/commit/17a7f1b01fb533eb9b52b968cdb48e531f35a578

]]> スキンの不具合 わいひら https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67862 RE: スキン「イノセンス」目次に数字が重なってしまう https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67858 Sun, 05 Feb 2023 03:34:11 +0000 @miyako さん
スキンの問題点を指摘頂きありがとうございました。

＞わいひら さん
上記のスキン「イノセンス」のstyle.cssを修正願います。

]]> スキンの不具合 大門未知子 https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67858 RE: スキン「イノセンス」目次に数字が重なってしまう https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67857 Sun, 05 Feb 2023 03:21:06 +0000 わいひらさま
chu-yaさま
 
 
スキン制御の修正、ご対応いただきありがとうございますm(_ _)m
 
 
 
①chu-yaさまのアドバイスに従い、
デベロッパーツールで該当箇所を確認いたしました。
 
 
②わいひらさまからご教示いただきました手順に沿って、テーマをダウンロード&手動アップデート
 
→Cocoon設定・目次タブ「目次ナンバーの表示」にスキン制御がかかりました。
 
 
③chu-yaさまからのご指摘を参考に、
.entry-content .toc-list{
  padding-left:1em;
}
を
外観・カスタマイズ「追加CSS」に記述。
 
それと、
chu-yaさまが赤四角で囲んでくださっていた「2em」の部分を「0.2em」に変更したもの
.entry-content .toc a{
  padding:0.2em 0.2em 0.2em 0;
}
も追加。
 
 
④めっちゃエエ感じの目次になりました！！
 
 
chu-yaさまのおかげです。
本当にありがとうございます。
深く感謝いたしますm(_ _)m
 

 

]]> スキンの不具合 Miyako https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67857 RE: スキン「イノセンス」目次に数字が重なってしまう https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67849 Sat, 04 Feb 2023 14:07:48 +0000 @miyako さん

根本原因が分かりました。
スキンのCSSに問題があります。

＞わいひらさん

----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.6.3
カテゴリー数：19
タグ数：147
ユーザー数：1
----------------------------------------------
●結果
スキン「イノセンス」のfunctions.phpが以下である事を確認しました。
結果、スキン制御ラベルが表示される事を確認しました。

'toc_number_type' => 'none',
 
●問題点
スキン「イノセンス」のstyle.css
マーカー分のpdding-leftを考慮していない為、マーカーが左寄せとなってしまう。
→→目次ナンバーの表示「表示しない」
となりtnt-noneとなる。
以下の追加要。
スキン制御で固定となる為、tnt-tocを意識せず無条件で1emとする。
.entry-content .toc-list{
  padding-left:1em;
}
 
]]> スキンの不具合 大門未知子 https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67849 RE: スキン「イノセンス」目次に数字が重なってしまう https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67845 Sat, 04 Feb 2023 13:40:34 +0000 ご連絡ありがとうございます。
このトピックを見落としておりました。
スキン制御を修正したものをアップしておきました。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
https://wp-cocoon.com/wp-content/uploads/2020/07/github-dl.png
WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------

]]> スキンの不具合 わいひら https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67845 RE: スキン「イノセンス」目次に数字が重なってしまう https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67840 Sat, 04 Feb 2023 12:43:15 +0000 @miyako さん

現物を確認していないので想定で回答します。
●原因
リスト全体が左寄せになったのではなく、マーカーの分の余白が無いのでは？

リストのリンクの右に余白があり、一見、リスト全体が左寄せになったように見える。
]]> スキンの不具合 大門未知子 https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67840 RE: スキン「イノセンス」目次に数字が重なってしまう https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67832 Sat, 04 Feb 2023 09:57:29 +0000 chu-ya さま

 
いえ、分かりやすくて丁寧なご回答をありがとうございます。
本当に助かります。
 
今までずっとROM専だったのですが、
最初の投稿で申し上げたように
Cocoon公式サイトのスキン紹介のページでも同じ現象が見られたので、
思い切ってユーザー登録し、質問させていただきました。
 
自分の環境情報を胸張って貼り付けることができるよう、これからも引き続きWebサイト制作に尽力いたします。
 
本当にありがとうございます。
 

 

]]> スキンの不具合 Miyako https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%a4%e3%83%8e%e3%82%bb%e3%83%b3%e3%82%b9%e3%80%8d%e7%9b%ae%e6%ac%a1%e3%81%ab%e6%95%b0%e5%ad%97%e3%81%8c%e9%87%8d%e3%81%aa%e3%81%a3%e3%81%a6%e3%81%97%e3%81%be/#post-67832