モノクロの目次の番号がはみ出す - サンドボックス（フォーラムテスト） https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/ Cocoon ディスカッション掲示板 ja Thu, 17 Sep 2026 03:42:28 +0000 wpForo 60 RE: モノクロの目次の番号がはみ出す https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73377 Thu, 24 Aug 2023 13:00:21 +0000 Safariは保有していないのですがChromeとかで見る限り提示していただいた部分のコードは不要そうなので削除しておきました。
https://github.com/xserver-inc/cocoon/commit/1f2824f12dd215f98428a5f44362eaeafaa9d3c5

]]> サンドボックス（フォーラムテスト） わいひら https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73377 RE: モノクロの目次の番号がはみ出す https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73373 Thu, 24 Aug 2023 12:05:48 +0000 ●類似不良

目次のネガティブマージンがSafariだけ効かず。

https://github.com/xserver-inc/cocoon/blob/7cac16b5ea0af1120ca132cb50980180b5ae3f46/skins/skin-tecurio-earth/style.css#L359-L360

  • skin-tecurio-earth
  • skin-tecurio-grape
  • skin-tecurio-lime
  • skin-tecurio-mango
  • skin-tecurio-moon
  • skin-tecurio-peach
  • skin-tecurio-sky
  • skin-tecurio-soil
  • skin-tecurio-sunset

Chrome(win11)

Safari(iPhoneXr、iOS16.6)←NG
]]> サンドボックス（フォーラムテスト） 大門未知子 https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73373 RE: モノクロの目次の番号がはみ出す https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73371 Thu, 24 Aug 2023 11:53:02 +0000 chu-yaさんありがとうございます。
chu-yaさんの暫定対策方法をそのまま使わせていただいてGitHubにアップしておきました。
------------------------------------------------
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/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73371 RE: モノクロの目次の番号がはみ出す https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73351 Wed, 23 Aug 2023 02:30:15 +0000 chu-yaさんの●暫定対策ではみ出さなくなりました。

ありがとうございました。

]]> サンドボックス（フォーラムテスト） shuaki https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73351 RE: モノクロの目次の番号がはみ出す https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73336 Tue, 22 Aug 2023 14:40:56 +0000 事象としては、「カラフルライン」の以下のものと同じに見えますね。

スマホで目次の見出し数字が枠外に出てしまう
https://wp-cocoon.com/community/postid/70713/

折り返される件は、上記トピックにリンクもありますけれど。

スキン「カラフルライン」の目次の章番号がずれる
https://wp-cocoon.com/community/postid/70721/

]]> サンドボックス（フォーラムテスト） ｍｋ２ https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73336 RE: モノクロの目次の番号がはみ出す https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73334 Tue, 22 Aug 2023 14:28:47 +0000 上記現象は、親テーマ「モノクロ」Safariで発生しています。

環境がないので根本原因は分かりません。

●現象

→→目次ナンバーの表示「数字詳細（ex: 1.1.1）」

Chromeで表示した際、添付図のようになります。

 
●原因
以下でblockとしている為、マーカーの後ろとならない。
https://github.com/xserver-inc/cocoon/blob/7cac16b5ea0af1120ca132cb50980180b5ae3f46/skins/monochrome/style.css#L891
●暫定対策
デザインを変更し以下の部分を削除する。
https://github.com/xserver-inc/cocoon/blob/7cac16b5ea0af1120ca132cb50980180b5ae3f46/skins/monochrome/style.css#L886-L894
]]> サンドボックス（フォーラムテスト） 大門未知子 https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73334 RE: モノクロの目次の番号がはみ出す https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73333 Tue, 22 Aug 2023 14:26:43 +0000 私の環境では問題ありませんでした。

iPhone13、iOS15.3.1です。iOSが最新ではないのでその影響もあるかも知れませんが。

]]> サンドボックス（フォーラムテスト） はる https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73333 RE: モノクロの目次の番号がはみ出す https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73330 Tue, 22 Aug 2023 13:29:35 +0000 >何かCSSでカスタマイズはされていますか？

なにもしていません。

Safariでも試してみたらchrome同様にはみ出しました。

画面の向きを縦でも横でも。

 

]]> サンドボックス（フォーラムテスト） shuaki https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73330 RE: モノクロの目次の番号がはみ出す https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73329 Tue, 22 Aug 2023 13:14:30 +0000 僕のテスト環境のChromeとFirefoxで試してみたんですがはみ出していないようです。
何かCSSでカスタマイズはされていますか？
それともiPhone環境特有の不具合なんだろうか。もしiPhoneを持っている方がおられましたらよろしければ試してみていただければ幸いです。

]]> サンドボックス（フォーラムテスト） わいひら https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73329 モノクロの目次の番号がはみ出す https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73326 Tue, 22 Aug 2023 12:45:24 +0000 iPhoneSE3でモノクロスキンを使用すると目次の番号がはみ出します。

不具合の発生手順：

ここの　スキン動作デモ　で試すと再現できます。

パソコン、8インチタブレットでははみ出しません。

 

]]> サンドボックス（フォーラムテスト） shuaki https://wp-cocoon.com/community/tests/%e3%83%a2%e3%83%8e%e3%82%af%e3%83%ad%e3%81%ae%e7%9b%ae%e6%ac%a1%e3%81%ae%e7%95%aa%e5%8f%b7%e3%81%8c%e3%81%af%e3%81%bf%e5%87%ba%e3%81%99/#post-73326