grayishスキン適用中

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カスタマイズ依頼

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

サイトのヘッダーにあるカテゴリーが消え...
 
共有:
通知
すべてクリア

[解決済] サイトのヘッダーにあるカテゴリーが消えてしまいました。

8 投稿
3 ユーザー
4 Likes
281 表示
(@oda1238)
New Member Registered
結合: 6か月前
投稿: 2
Topic starter  

カテゴリー部分が透明になってしまいました。

カーソルを合わせると触れるようにはなっていますが、文字が表示されていません。

 

携帯で見ると薄く文字を確認できますが、PCで見るとやはり文字が見えなく、見えるようご教示いただけるでしょうか。よろしくお願い致します。

 

https://oda1238.com/

サイトURLです。

 


   
引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 1928
 

●原因

[Cocoon設定]→[ヘッダー]→

白色に設定していませんか?


●仮対策

設定した色を、クリア願います。


●補足

画面幅1023px以下(モバイル)の時、ヘッダーモバイルメニューが、色付きの背景(方眼)となる為、白文字が見える事となります。

わいひら さん

●根本原因

ソースコードに問題があります。

https://github.com/xserver-inc/cocoon/blob/d75c8337f63d17bcdcd1dcf3650fddfe66f3136d/tmp/css-custom.php#L154-L167

get_header_container_background_color()が設定されると、文字色を白色にしている。
この為、背景色が白の場合、現象の通り、文字が見えなくなってしまう。


●根本対策

以下の部分が不要と思います。

https://github.com/xserver-inc/cocoon/blob/d75c8337f63d17bcdcd1dcf3650fddfe66f3136d/tmp/css-custom.php#L161-L166


   
わいひら reacted
返信引用
(@oda1238)
New Member Registered
結合: 6か月前
投稿: 2
Topic starter  

@chu-ya chu-ya様

早いご対応ありがとうございます。

解決致しました。


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16109
 

これは元々get_header_container_background_colorとかには比較的濃いめの色を入れる想定だったため文字色を白色にしています。
get_header_container_background_colorが例えば黒色が入った場合、今度は黒色の文字が見えなくなります。
なので、設定項目に説明文を入れるか、get_header_container_background_colorの反対色を入れる対応するしかないのかもしれません。


   
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 1928
 

@yhira さん

仕様として変です。

ヘッダー全体色で、ヘッダー全体背景色とは別に、ヘッダー全体文字色の設定あり。
背景白なら、文字色を別途設定すればよく。

何もヘッダー全体背景色を設定したからと言って、決め打ちで、文字白色を自動設定する必要はないです。

https://github.com/xserver-inc/cocoon/blob/d75c8337f63d17bcdcd1dcf3650fddfe66f3136d/tmp/css-custom.php#L168-L176

結果、上記で書かれた部分は不要と思います。

 


   
わいひら reacted
返信引用
chu-ya
(@chu-ya)
Famed Member Registered
結合: 2年前
投稿: 1928
 

投稿者:: @chu-ya

結果、上記で書かれた部分は不要と思います。

誤解を生みそうなので、書き足します。

●ヘッダー全体文字色

以下で設定しており。

https://github.com/xserver-inc/cocoon/blob/d75c8337f63d17bcdcd1dcf3650fddfe66f3136d/tmp/css-custom.php#L168-L176


●不要

以下のコードは不要と思います。

https://github.com/xserver-inc/cocoon/blob/d75c8337f63d17bcdcd1dcf3650fddfe66f3136d/tmp/css-custom.php#L161-L166C2


   
わいひら reacted
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16109
 

これはもともと「ヘッダー全体背景色」は濃い色で使用されている方が多いので、「ヘッダー全体文字色」を設定せずとも見やすいように、設定する項目を1つ減らせるかとそのようにしました。
それこそ文字が見づらくなったら「ヘッダー全体文字色」を設定すれば良いかなと当時思って。
とはいえ本来であれば、「ヘッダー全体背景色」の設定なのに文字色まで変更してしまうのはやりすぎと言われればその通りとも言えます(作成当時も悩んだところでした)。

ただここを変更する場合、今まで「ヘッダー全体背景色」だけしか設定していなかった人が、アップデートで「文字が見づらくなった」となる方だ結構いる可能性はあるかもしれません。
なので変更するにしても、次のバージョンで説明文(案内)とともにになると思います。

変更する場合「グローバルナビ背景色」のところも同様に変更します。
https://github.com/xserver-inc/cocoon/blob/d75c8337f63d17bcdcd1dcf3650fddfe66f3136d/tmp/css-custom.php#L196-L199

This post was modified 6か月前 by わいひら

   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16109
 

折衷案としてis_dark_hexcolor関数を定義し「ヘッダー全体背景色」等の設定色が濃い時だけ文字に白色を設定することにしました。
薄い色を設定した際はデフォルトの文字色になるようにしました。
https://github.com/xserver-inc/cocoon/blob/3304e766bc27c39ab408f8a57dfd5559bc8c8c21/tmp/css-custom.php#L168
これで仕様変更による以下のような影響を受けるような人は減り、できる限りアップデートの影響を少なくできるかと思います。

投稿者:: @yhira

ただここを変更する場合、今まで「ヘッダー全体背景色」だけしか設定していなかった人が、アップデートで「文字が見づらくなった」となる方だ結構いる可能性はあるかもしれません。

 


   
返信引用
共有:

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

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

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

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

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

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

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

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