Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

ヘッダーのグローバルナビメニューの文字...
 
共有:
通知
すべてクリア

ヘッダーのグローバルナビメニューの文字色が反映されない

9 投稿
4 ユーザー
6 Reactions
564 表示
(@taka13lsjj)
Active Member Registered
結合: 1年前
投稿: 4
トピックスターター  

cocoonを使い始めた初心者のtakaと申します。

トピックのタイトル通りなのですが、文字色を変更しても、コクーンのヘッダー編集のプレビューでは、変更通り「白色」になるのですが、その他では全く変わりません。なぜか黒になります。

過去同様の不具合をしているケースが2つあり、いずれも試しましたが、解決しません。

https://wp-cocoon.com/community/bugs/%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%81%AE%E3%82%B0%E3%83%AD%E3%83%BC%E3%83%90%E3%83%AB%E3%83%8A%E3%83%93%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AE%E6%96%87%E5%AD%97%E8%89%B2%E3%81%8C%E5%8F%8D/

→追加CSSに追加しても変化なし

https://wp-cocoon.com/community/bugs/%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%81%AE%E3%82%B0%E3%83%AD%E3%83%BC%E3%83%90%E3%83%AB%E3%83%8A%E3%83%93%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%8C%E8%A8%AD%E5%AE%9A%E3%81%AB%E3%82%88%E3%82%89/

→「辿ったリンクは期限が切れています」と表示され、ダウンロードできない。FTPもPWが不一致となり、先に進めない。

恐れ入りますが、解決方法を教えてください。よろしくお願いします。

 

エンコーディング:gzip, deflate, br
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.6.9----------------------------------------------
サイト名:アラフィフロマンス
サイトURL: https://around50-romance.sakura.ne.jp/wp
ホームURL: https://around50-romance.sakura.ne.jp
コンテンツURL:/wp/wp-content
インクルードURL:/wp/wp-includes/
テンプレートURL:/wp/wp-content/themes/cocoon-master
スタイルシートURL:/wp/wp-content/themes/cocoon-master
親テーマスタイル:/wp/wp-content/themes/cocoon-master/style.css
スキン:/wp/wp-content/themes/cocoon-master/skins/monochrome/style.css
WordPressバージョン:6.4.2
PHPバージョン:8.0.30
ブラウザ:Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/120.0.0.0 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
カテゴリー数:7
タグ数:0
ユーザー数:1
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
----------------------------------------------
利用中のプラグイン:
Aurora Heatmap 1.6.0
Useful Blocks 1.7.4
WP Multibyte Patch 2.9
----------------------------------------------

このトピックは1年前 2回からtaka13lsjjに変更されました

   
引用
(@taka13lsjj)
Active Member Registered
結合: 1年前
投稿: 4
トピックスターター  

設定情報です。


   
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 

taka13lsjjさん

「文字色」で良いのですよね?

投稿者:: @taka13lsjj

過去同様の不具合をしているケースが2つあり、いずれも試しましたが、解決しません。

https://wp-cocoon.com/community/bugs/%E3%83%98%E3%83%83%E3%83%80%E3%83%BC%E3%81%AE%E3%82%B0%E3%83%AD%E3%83%BC%E3%83%90%E3%83%AB%E3%83%8A%E3%83%93%E3%83%A1%E3%83%8B%E3%83%A5%E3%83%BC%E3%81%AE%E6%96%87%E5%AD%97%E8%89%B2%E3%81%8C%E5%8F%8D/

→追加CSSに追加しても変化なし

上記を適用すると、以下のようになりますが・・・。

 
現在、追加CSSにお書きになっていますでしょうか?

 

ちょっと、私の環境でも試してみます。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 

他の色の設定も関係あるかもしれませんので、はっきりとは分かりませんけれど・・・。
私の環境で試した結果は。

スキン「モノクロ」を選択。
「Cocoon設定」-「ヘッダー」の色の設定は、以下。

 
すると、グローバルナビは以下のような感じ。
 
 
「グローバルナビ文字色」を白(#ffffff)にすると。
 
グローバルナビは、以下のような感じ。

   
わいひら reacted
返信引用
大門未知子
(@chu-ya)
Illustrious Member Registered
結合: 3年前
投稿: 3162
 

スキンに問題があります。

●原因

以下でメニューの部分を個別に黒としている。
この為、[Cocoon設定]→[ヘッダー]で設定した色が反映されない。

https://github.com/xserver-inc/cocoon/blob/63b347ccc4f3668bf27908c6f97e6b007b7987c1/skins/monochrome/style.css#L57


●仮対策

以下を追加し、メニュー部分の黒を無効にする。
これで、[Cocoon設定]→[ヘッダー]で設定した色が反映されます。

#navi .navi-in a {
background-color: unset;
}

●本対策

上記の部分を削除する。


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 

taka13lsjjさん

子テーマをインストールなさっているようですが、有効になっていないようです。

有効にするのは、子テーマです。

親テーマではありません。

以下に記載の通り、カスタマイズ有無に関わらず、子テーマのご利用をお勧めします。

Cocoonテーマをインストールする方法
https://wp-cocoon.com/theme-install/

親テーマのみインストールした場合は、テーマのアップデート時にCSSやテンプレートカスタマイズがリセットされてしまいます。子テーマをインストールすることで、テーマカスタマイズを保持したままアップデートができます。CSSやテンプレートをカスタマイズしない場合でも、子テーマを利用することをおすすめします。

 


なお、テーマ設定は親子別々に保存されます。

そのため、現在の親テーマの設定を、子テーマに反映させる場合は、

  • 親テーマで、Cocoon設定をバックアップ
  • 子テーマで、Cocoon設定をリストア

上記のような手順が必要です。

詳しくは、以下をご確認ください。

テーマ設定のバックアップ方法
https://wp-cocoon.com/how-to-theme-settings-backup/

テーマ設定の復元(リストア)方法
https://wp-cocoon.com/how-to-theme-settings-restore/

上記「注意点」に書かれているように、対象外のものもありますので、必ずご確認ください。


   
わいひら reacted
返信引用
(@taka13lsjj)
Active Member Registered
結合: 1年前
投稿: 4
トピックスターター  

 mk2様、chu-ya
解決方法につきまして、ご教授いただき、誠にありがとうございます。

テーマは子テーマを有効にしておりました。

chu-ya様の仮対策にて解決いたしました。

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


   
わいひら reacted
返信引用
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 4年前
投稿: 8118
 

taka13lsjjさん

以下の環境情報だと子テーマがないのです。

投稿者:: @taka13lsjj

コンテンツURL:/wp/wp-content
インクルードURL:/wp/wp-includes/
テンプレートURL:/wp/wp-content/themes/cocoon-master
スタイルシートURL:/wp/wp-content/themes/cocoon-master
親テーマスタイル:/wp/wp-content/themes/cocoon-master/style.css
スキン:/wp/wp-content/themes/cocoon-master/skins/monochrome/style.css

私がソースを拝見したときは有効になっていなかったと思いますが、キャプチャはしていませんので、それはおいておきます。(今は子テーマが有効になっていました)

とりあえずでも、解決したのであれば良いです。(文字色ではなく背景色?)


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17407
 

ご連絡ありがとうございます。
chu-yaさんの本対策方法を使用させていただいて修正させていただきました。
https://github.com/xserver-inc/cocoon/commit/60c6ecdfb909a21567e8ba83459bafa38e0b819b

修正版はこちら
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------


   
返信引用
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました