サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2026年1月26日 22:33
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.9.6
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------
●関連投稿
●設定
[Cocoon設定]→[ヘッダー]→ヘッダーレイアウト「トップメニュー」
●現象
ヘッダーロゴとグローバルナビの背景色が異なるデザインの場合、単に横並びにしているだけなので、ヘッダー全体に背景色が付かない。
この場合、[ヘッダー全体色]を設定することで対応可能。
●対策
「トップメニュー」とした場合、ヘッダー全体色をグローバルナビ背景色に変更する。
●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;
}
わいひら and エックスサーバー 高澤 reacted
トピックスターター 2026年1月26日 22:48
●スキン「モダンブラック」
.hlt-top-menu-wrap .header-container {
background-color: #202020;
}
.hlt-top-menu-wrap .site-name-text-link {
color:#fff;
}
わいひら and エックスサーバー 高澤 reacted
トピックスターター 2026年1月26日 23:33
●スキン「Simple‐Darkmode」
.hlt-top-menu-wrapを付けてしまうと、ヘッダーロゴ色を個別設定した場合、反映できない。
このため、以下のコードではセンターロゴと同様、ロゴ色は白のままとしている。
.hlt-top-menu-wrap .header-container {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25);
}
.hlt-top-menu-wrap .header {
background-color: unset;
}
.hlt-top-menu-wrap .navi {
box-shadow: unset;
}
●スキン「Simple‐Darkmode Always（常時ダークモード）」
同様の問題があり。
わいひら and エックスサーバー 高澤 reacted
トピックスターター 2026年1月26日 23:43
●スキン「モノクロ」
.hlt-top-menu-wrap .header-container {
background-color: #333333;
}
.hlt-top-menu-wrap .site-name-text-link {
color: #e9e9e9;
}
わいひら and エックスサーバー 高澤 reacted
トピックスターター 2026年1月26日 23:58
●スキン「tecurio」シリーズ
ヘッダーロゴ部分がグラデーションとなっている。
トップメニューの場合、図のようになり、ロゴが見えない。
スキン制御で、センターロゴのみにする？
わいひら and エックスサーバー 高澤 reacted
トピックスターター 2026年1月27日 00:04
●スキン「ほんわかライトニング」
.hlt-top-menu-wrap .header-container {
background-color: #95e7a5;
}
以下を.header-containerに変更
わいひら and エックスサーバー 高澤 reacted
トピックスターター 2026年1月27日 00:20
●スキン「ダークエンジ」
.hlt-top-menu-wrap .header-container {
background-color: #84172f;
}
●スキン「ダークカモノハ」
.hlt-top-menu-wrap .header-container {
background-color: #075f66;
}
●スキン「ダークルリ」
.hlt-top-menu-wrap .header-container {
background-color: #1b51ad;
}
●スキン「ミックスグリーン
.hlt-top-menu-wrap .site-name-text-link {
color:#fff;
}
.hlt-top-menu-wrap .header-container {
background-color: #298c60;
}
●スキン「ミックスブルー」
.hlt-top-menu-wrap .site-name-text-link {
color:#fff;
}
.hlt-top-menu-wrap .header-container {
background-color: #28569a;
}
●スキン「ミックスレッド」
.hlt-top-menu-wrap .site-name-text-link {
color:#fff;
}
.hlt-top-menu-wrap .header-container {
background-color: #ce2c5a;
}
わいひら and エックスサーバー 高澤 reacted
2026年1月27日 20:30
ご連絡いただきまた対応コードまでありがとうございます！
スキンを修正させて頂きました。
https://github.com/xserver-inc/cocoon/commit/e759ebc8774a23324d81f5f6fef428d673cf816c
2026年1月27日 21:49
すいません。その後再チェックしたら、修正ミスがあったので、ダークエンジ系のスキンを修正しました。
https://github.com/xserver-inc/cocoon/commit/35a0dd33574f405cf4944e56740c03b8cff6d51d
トピックスターター 2026年1月27日 23:13
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.9.7
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------
以下が指摘漏れでした。
●いつものローズ
.hlt-top-menu-wrap .header-container {
background-color: #f2e7c7;
}
●いつもの深海
.hlt-top-menu-wrap .header-container {
background-color: #333333;
}
.hlt-top-menu-wrap .site-name-text-link {
color: #ffffff;
}
以下のスキンに制約があります。
現状まま、人手で対応するのが望ましいと思います。
●Simple‐Darkmode
[ロゴ文字色]が白のままとなる。
仮に、以下とした場合、[ロゴ文字色]が反映されなくなってしまう。
.hlt-top-menu-wrap .site-name-text{
color:#333;
}
このため、人手で設定する必要がある。
●tecurioシリーズ
[ヘッダー全体背景色]を設定した場合、ロゴエリア背景色は変わらない。
わいひら reacted
2026年1月28日 00:23
ご確認いただきありがとうございます。
いつものローズ、いつもの深海についてはコードで修正させて頂きました。
https://github.com/xserver-inc/cocoon/commit/e4e3b931d008f7ea3fb237d9d56cea3fe3f58f6a
Simple‐DarkmodeについてはOSのライトモードでの動作確認ができておりませんでした。
ライトモードとダークモードで文字色が変わるように修正しておきました。
https://github.com/xserver-inc/cocoon/commit/e1cdc852786a4bc92d039e2c9096c79ab43195a2
tecurioについては、これについてはヘッダーの背景色と文字色の変更ができないようにスキン制御で対応しました。
https://github.com/xserver-inc/cocoon/commit/4eec3f7d944ca7bff189f364f92973ddce5fee1f
トピックスターター 2026年1月28日 00:34
----------------------------------------------
テーマ名：Cocoon
バージョン：2.8.9.7
カテゴリー数：18
タグ数：123
ユーザー数：1
----------------------------------------------
修正されていることを確認しました。
本件をクローズとします。
- いつものローズ
- いつもの深海
- Simple‐Darkmode
- tecurioはなるほどスキン制御で入力不可は割り切りですね。
わいひら reacted
2026年1月28日 00:36
ご確認いただきありがとうございます！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。