スキンの不具合 - Cocoon フォーラム https://wp-cocoon.com/community/skin-bugs/ Cocoon ディスカッション掲示板 ja Mon, 09 Mar 2026 21:27:14 +0000 wpForo 60 WordPress6.9.1からスキン「grayish」で警告メッセージが表示される https://wp-cocoon.com/community/skin-bugs/wordpress6-9-1%e3%81%8b%e3%82%89%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8cgrayish%e3%80%8d%e3%81%a7%e8%ad%a6%e5%91%8a%e3%83%a1%e3%83%83%e3%82%bb%e3%83%bc%e3%82%b8%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95/ Sun, 08 Feb 2026 02:17:54 +0000 ----------------------------------------------
WordPressバージョン：6.9.1
PHPバージョン：8.3.30
----------------------------------------------
テーマ名：Cocoon
バージョン：2.9.0.1
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------
●現象

以下の警告メッセージが表示される。

Notice: 関数 WP_Styles::add が誤って呼び出されました。
ハンドル「block-editor-style」のスタイルは、未登録の依存関係とともにキューへ追加されました: cocoon-gutenberg。
詳しくは WordPress のデバッグをご覧ください。
(このメッセージはバージョン 6.9.1 で追加されました) in /virtual/gas2monkey/public_html/wp-includes/functions.php on line 6131
]]> スキンの不具合 大門未知子 https://wp-cocoon.com/community/skin-bugs/wordpress6-9-1%e3%81%8b%e3%82%89%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8cgrayish%e3%80%8d%e3%81%a7%e8%ad%a6%e5%91%8a%e3%83%a1%e3%83%83%e3%82%bb%e3%83%bc%e3%82%b8%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95/ スキン「Hygiene」の縦型カードの上に余白があり背景色が見える https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8chygiene%e3%80%8d%e3%81%ae%e7%b8%a6%e5%9e%8b%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e4%b8%8a%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%82%e3%82%8a%e8%83%8c%e6%99%af/ Mon, 26 Jan 2026 14:36:04 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.9.6
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------
●現象

題記の通り。

●対策

.carousel-entry-card-thumb,
.related-entry-card-thumb,
.widget-entry-card-thumb,
.entry-card-thumb {
margin-top: 0;
}
]]> スキンの不具合 大門未知子 https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8chygiene%e3%80%8d%e3%81%ae%e7%b8%a6%e5%9e%8b%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e4%b8%8a%e3%81%ab%e4%bd%99%e7%99%bd%e3%81%8c%e3%81%82%e3%82%8a%e8%83%8c%e6%99%af/ スキン「Season」でヘッダーレイアウト「トップメニュー」のとき、ヘッダー全体に色が付かない https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8cseason%e3%80%8d%e3%81%a7%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%80%8c%e3%83%88%e3%83%83%e3%83%97%e3%83%a1%e3%83%8b/ Mon, 26 Jan 2026 13:33:24 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.9.6
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------
●関連投稿
https://wp-cocoon.com/community/postid/61564/
●設定
→→ヘッダーレイアウト「トップメニュー」
●現象
ヘッダーロゴとグローバルナビの背景色が異なるデザインの場合、単に横並びにしているだけなので、ヘッダー全体に背景色が付かない。
この場合、を設定することで対応可能。
●対策
「トップメニュー」とした場合、ヘッダー全体色をグローバルナビ背景色に変更する。
 
●Season (Spring)
.hlt-top-menu-wrap .header-container {
background-color: #89c997;
}

.hlt-top-menu-wrap #header .logo a {
color:#fff;
}
 
 
●Season (Summer)
.hlt-top-menu-wrap .header-container {
background-color: #00a0e9;
}

.hlt-top-menu-wrap #header .logo a {
color:#fff;
}
 
●Season (Autumn) 
.hlt-top-menu-wrap .header-container {
background-color: #9b7b6c;
}

.hlt-top-menu-wrap #header .logo a {
color:#fff;
}
 
●Season (Winter)
 
.hlt-top-menu-wrap .header-container {
background-color: #88abda;
}

.hlt-top-menu-wrap #header .logo a {
color:#fff;
}
]]> スキンの不具合 大門未知子 https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8cseason%e3%80%8d%e3%81%a7%e3%83%98%e3%83%83%e3%83%80%e3%83%bc%e3%83%ac%e3%82%a4%e3%82%a2%e3%82%a6%e3%83%88%e3%80%8c%e3%83%88%e3%83%83%e3%83%97%e3%83%a1%e3%83%8b/ スキン「ふわっと追加」を保存しても設定画面が切り替わらない https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%81%b5%e3%82%8f%e3%81%a3%e3%81%a8%e8%bf%bd%e5%8a%a0%e3%80%8d%e3%82%92%e4%bf%9d%e5%ad%98%e3%81%97%e3%81%a6%e3%82%82%e8%a8%ad%e5%ae%9a%e7%94%bb%e9%9d%a2%e3%81%8c/ Wed, 31 Dec 2025 09:58:39 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.9.1
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------

●現象

→ で「ふわっと追加」を選択し、 をクリックしても、「ふわっと追加」の独自メニューを含む画面に切り替わらない。

 

]]> スキンの不具合 大門未知子 https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%81%b5%e3%82%8f%e3%81%a3%e3%81%a8%e8%bf%bd%e5%8a%a0%e3%80%8d%e3%82%92%e4%bf%9d%e5%ad%98%e3%81%97%e3%81%a6%e3%82%82%e8%a8%ad%e5%ae%9a%e7%94%bb%e9%9d%a2%e3%81%8c/ スキン「SILK」の改善について https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8csilk%e3%80%8d%e3%81%ae%e6%94%b9%e5%96%84%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/ Sun, 21 Dec 2025 10:57:45 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.9.1
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------

スキン「SILK」の以下の対策について。

https://github.com/xserver-inc/cocoon/pull/292

●経緯

Ver 2.8.8.1 以前では、クラシックエディターとGutenbergエディターで、見出しのHTML構造が異なっていた。
Gutenberg エディターでは、ブロックのレンダリング時にH2 見出しへ番号を付与する処理が行われていた。

https://wp-cocoon.com/community/postid/87485/

この仕様により、エディター上の表示とフロントエンドでの表示が一致しない問題があり対策した。

●改善点について

現在（Ver 2.8.8.1 以降）でも、見出しの HTMLは以下のように＜span＞タグで囲まれた構造のままとなっているが、この構造は実際には使用されていない。

<h2 class="wp-block-heading"><span>H2</span></h2>


そのため、以下の処理は現状では不要と考える。

https://github.com/xserver-inc/cocoon/blob/2dea85c7e3be9c45c73cefa9fd9dafd05433dee5/skins/silk/functions.php#L203

https://github.com/xserver-inc/cocoon/blob/2dea85c7e3be9c45c73cefa9fd9dafd05433dee5/skins/silk/functions.php#L1076-L1081

]]> スキンの不具合 大門未知子 https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8csilk%e3%80%8d%e3%81%ae%e6%94%b9%e5%96%84%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/ スキン「SILK（シルク）」にて2.8.8.1同封版より見出しに数字が入る https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8csilk%ef%bc%88%e3%82%b7%e3%83%ab%e3%82%af%ef%bc%89%e3%80%8d%e3%81%ab%e3%81%a62-8-8-1%e5%90%8c%e5%b0%81%e7%89%88%e3%82%88%e3%82%8a%e8%a6%8b%e5%87%ba%e3%81%97%e3%81%ab/ Sat, 20 Dec 2025 10:17:23 +0000 2.8.9のリリースにてコメントさせていただいたものです。特に変更がないとのことでソースを見てみたところ、「SILK（シルク）」のCSSにて、2.8.8.1同封版より以下のスタイルが追加されているようです。

/* 見出しカウント */
.article {
counter-reset: h2;
}

.article h2::before {
content: counter(h2, decimal) ". ";
counter-increment: h2;
}

こちら削除したら見出しの数字が出なくなりました。これは不具合なのかどうなのか良く分かりませんが、原因がわかりましたのでご連絡させていただきます。

個人的には意図しない表記のため、style.cssから当該部分を削除して使用しています。

]]> スキンの不具合 yamakagyu https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8csilk%ef%bc%88%e3%82%b7%e3%83%ab%e3%82%af%ef%bc%89%e3%80%8d%e3%81%ab%e3%81%a62-8-8-1%e5%90%8c%e5%b0%81%e7%89%88%e3%82%88%e3%82%8a%e8%a6%8b%e5%87%ba%e3%81%97%e3%81%ab/ スキン「みるらいと」で画面幅480px以下のときのページネーションのページ番号が上寄りになる https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%81%bf%e3%82%8b%e3%82%89%e3%81%84%e3%81%a8%e3%80%8d%e3%81%a7%e7%94%bb%e9%9d%a2%e5%b9%85480px%e4%bb%a5%e4%b8%8b%e3%81%ae%e3%81%a8%e3%81%8d%e3%81%ae%e3%83%9a/ Sun, 23 Nov 2025 03:46:39 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8.1
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------

●現象

スキン「みるらいと」で画面幅480px以下のとき

  • ページネーションのページ番号が上寄りになる。
  • サムネイル下の余白が大きい。

●原因

  • ページ番号のline-heightがボタン高さより小さいため、上寄りになる。

https://github.com/xserver-inc/cocoon/blob/b2d36107f6fa3cf168eff666dd9ffad391e43ef1/skins/mil-light/style.css#L1098-L1103

  • エントリーカード（デフォルト）、投稿下関連記事カード（デフォルト）のとき、スキンのmargin-bottomが反映されない。
    ※スキン制御でエントリーカードはデフォルトとしている。

https://github.com/xserver-inc/cocoon/blob/b2d36107f6fa3cf168eff666dd9ffad391e43ef1/skins/mil-light/style.css#L1104-L1106

●対策

  • 以下を削除する。

https://github.com/xserver-inc/cocoon/blob/b2d36107f6fa3cf168eff666dd9ffad391e43ef1/skins/mil-light/style.css#L1098-L1103

  • エントリーカード（デフォルト）、投稿下関連記事カード（デフォルト）のCSSクラスを、以下の親CSSクラスに合わせる。
https://github.com/xserver-inc/cocoon/blob/b2d36107f6fa3cf168eff666dd9ffad391e43ef1/style.css#L12208-L12212
.ect-entry-card .a-wrap:not(.ec-big-card-first) .card-thumb,
.rect-entry-card .a-wrap:not(.ec-big-card-first) .card-thumb {
  margin-bottom: 2px;
}

]]> スキンの不具合 大門未知子 https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%81%bf%e3%82%8b%e3%82%89%e3%81%84%e3%81%a8%e3%80%8d%e3%81%a7%e7%94%bb%e9%9d%a2%e5%b9%85480px%e4%bb%a5%e4%b8%8b%e3%81%ae%e3%81%a8%e3%81%8d%e3%81%ae%e3%83%9a/ スキン「Momoon」シリーズで投稿タイトルの4行目が欠けて表示される https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8cmomoon%e3%80%8d%e3%82%b7%e3%83%aa%e3%83%bc%e3%82%ba%e3%81%a7%e6%8a%95%e7%a8%bf%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%81%ae4%e8%a1%8c%e7%9b%ae%e3%81%8c%e6%ac%a0/ Wed, 12 Nov 2025 03:16:53 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------

●現象

スキン「Momoon」シリーズで、投稿タイトルが3行以上の場合、図示のように、4行目が欠けて表示される。

●原因

以下で投稿タイトルにpaddingを設けているため、4行目が表示されてしまう。

https://github.com/xserver-inc/cocoon/blob/72f1139271ec227e2f3aa28218b3e678967edc35/skins/skin-momoon-aqua/style.css#L74

●対策

上記のpaddingを削除する。

]]> スキンの不具合 大門未知子 https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8cmomoon%e3%80%8d%e3%82%b7%e3%83%aa%e3%83%bc%e3%82%ba%e3%81%a7%e6%8a%95%e7%a8%bf%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%81%ae4%e8%a1%8c%e7%9b%ae%e3%81%8c%e6%ac%a0/ スキン「ゆっくり色が変化」でエラーとなる https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%86%e3%81%a3%e3%81%8f%e3%82%8a%e8%89%b2%e3%81%8c%e5%a4%89%e5%8c%96%e3%80%8d%e3%81%a7%e3%82%a8%e3%83%a9%e3%83%bc%e3%81%a8%e3%81%aa%e3%82%8b/ Fri, 10 Oct 2025 13:29:42 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.8
カテゴリー数：18
タグ数：123
ユーザー数：2
----------------------------------------------

●現象

スキン一覧で「ゆっくり色が変化」を選択した。
その際、以下のメッセージが表示される。

Notice: 関数 _load_textdomain_just_in_time が誤って呼び出されました。cocoon ドメインの翻訳の読み込みが早すぎました。これは通常、プラグインまたはテーマの一部のコードが早すぎるタイミングで実行されていることを示しています。翻訳は init アクション以降で読み込む必要があります。 詳しくは WordPress のデバッグをご覧ください。 (このメッセージはバージョン 6.7.0 で追加されました) in /virtual/gas2monkey/public_html/wp-includes/functions.php on line 6121
]]> スキンの不具合 大門未知子 https://wp-cocoon.com/community/skin-bugs/%e3%82%b9%e3%82%ad%e3%83%b3%e3%80%8c%e3%82%86%e3%81%a3%e3%81%8f%e3%82%8a%e8%89%b2%e3%81%8c%e5%a4%89%e5%8c%96%e3%80%8d%e3%81%a7%e3%82%a8%e3%83%a9%e3%83%bc%e3%81%a8%e3%81%aa%e3%82%8b/ SILKの見出し表示がエディターとフロントで異なる https://wp-cocoon.com/community/skin-bugs/silk%e3%81%ae%e8%a6%8b%e5%87%ba%e3%81%97%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%a8%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%81%a7%e7%95%b0%e3%81%aa%e3%82%8b/ Tue, 02 Sep 2025 04:32:01 +0000 ----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.7.2
カテゴリー数：18
タグ数：124
ユーザー数：1
----------------------------------------------

●現象

SILKの見出しで、Gutenbergエディターで作成、クラシックエディターで作成した場合で異なる（図1、図2）。
また、Gutenbergエディターの表示がフロントページと異なる（図3）。

●原因

Gutenbegエディターの場合

render_block_core/headingで描画時に、spanタグが追加されで見出し文言が囲まれる。
また、CSSで見出しH2、H4の修飾がspanとなっている。
結果、Gutenbergエディター上は表示されない。

https://github.com/xserver-inc/cocoon/blob/a57512349ff33b874ccfc18aa75814e419e4d298/skins/silk/functions.php#L1094-L1098

クラシックエディターの場合

render_block_core/headingは動作しないので、spanタグが付かない。
このため、修飾がされないままとなる。
結果、クラシックエディターとフロントで同じ表示となる。

functions.phpでspanタグを付ける必要がないのでは？
また、以下でH2のカウントをしているが、Gutenbergエディターにentry-contentはない。articleなのでは？

https://github.com/xserver-inc/cocoon/blob/a57512349ff33b874ccfc18aa75814e419e4d298/skins/silk/functions.php#L744-L753
]]> スキンの不具合 大門未知子 https://wp-cocoon.com/community/skin-bugs/silk%e3%81%ae%e8%a6%8b%e5%87%ba%e3%81%97%e8%a1%a8%e7%a4%ba%e3%81%8c%e3%82%a8%e3%83%87%e3%82%a3%e3%82%bf%e3%83%bc%e3%81%a8%e3%83%95%e3%83%ad%e3%83%b3%e3%83%88%e3%81%a7%e7%95%b0%e3%81%aa%e3%82%8b/