サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
16/10/2022 9:20 am
不具合・カスタマイズ対象ページのURL： https://stone.yim-i.net/
相談内容：
Cocoon設定の「フッター」にて、文字色の設定をしていますが、コピーライト部分のみ別の色になってしまっていまい、よく見えなくなっています。CSSでいじっているわけでもないので、原因がわからず困っています。
不具合の発生手順：
フッターメニューを設定し、表示を確認したらそうなっていた。
解決のために試したこと：
追加CSS等に何か書いていないか確認した。
「フッター」の文字色設定を再設定した。
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：
----------------------------------------------
サイト名：老いた犬に芸は仕込めない ～声楽 ＆ 身の回り日記～
サイトURL： https://stone.yim-i.net
ホームURL： https://stone.yim-i.net
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-ganchan02/style.css
WordPressバージョン：6.0.2
PHPバージョン：8.0.21
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/106.0.0.0 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate, br
言語：ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名：Cocoon
バージョン：2.5.0
カテゴリ数：30
タグ数：269
ユーザー数：2
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.3
style.cssサイズ：845バイト
functions.phpサイズ：593バイト
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：1
Retina：0
ホームイメージ：/wp-content/uploads/2022/08/o0khf.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
----------------------------------------------
利用中のプラグイン：
Akismet Anti-Spam 5.0.1
All In One WP Security 5.1.0
Autoptimize 3.1.2
Category Order and Taxonomy Terms Order 1.7.1
Contact Form 7 5.6.3
Google XML Sitemaps 4.1.5
ImageMagick Engine 1.7.4
Movable Type and TypePad Importer 0.4
WP Multibyte Patch 2.9
WP Super Cache 1.9
----------------------------------------------
※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
16/10/2022 10:04 am
●原因
[Cocoon設定]→[フッター]→フッター文字色
スキン「いつものローズ」は「クレジット表記」に個別の色が指定されている。
またフッター文字色は以下の要素のみ反映される。
#footer, #footer a, .footer-title {
color: #fff;
}
この為、反映されません。
●対策
子テーマCSSに以下を追加して下さい。
.copyright {
color: #fff;
}
わいひら reacted
16/10/2022 10:38 am
前略、karen-ppさん
別件ですが、プラグインの「Autoptimize」はCocoonと併用すると不具合が出ると過去のトピックで話題に上っています。
「Autoptimize」については削除されることをお勧めします。
Cocoonには独自の高速化設定がありますので、そちらをご利用になるとよろしいかと存じます。
わいひら reacted
16/10/2022 10:43 am
karen-ppさん
コピーライトの文字色の件ですが、chu-yaさんご案内のように、スキンの「いつものローズ」によるデザイン指定ですので、スキンの「いつものローズ」に拘りがなければ、スキンを「なし」にする、という選択肢もあります。
わいひら reacted
Topic starter
16/10/2022 3:33 pm
chu-yaさん、リフィトリーさん、ありがとうございます。
なるほど、スキンで指定されているのですね。
chu-yaさんのアドバイス通りに子テーマに書き込んでみたのですが、反映されませんでした。
おそらくスキンのほうが優先なのでしょう。
だったらと、追加CSSに書き込んでみたところ、無事反映されました。
追加CSSは外部読み込みではないので優先なのでしょうか…？
いまいちこの辺りがわかっていませんが、とりあえずは希望の挙動になったので良かったです。
ありがとうございました。
なお、プラグインの変更も試してみます。重ねて、ありがとうございました。
16/10/2022 4:13 pm
@karen-pp さん
chu-yaさんのアドバイス通りに子テーマに書き込んでみたのですが、反映されませんでした。
おそらくスキンのほうが優先なのでしょう。だったらと、追加CSSに書き込んでみたところ、無事反映されました。
追加CSSは外部読み込みではないので優先なのでしょうか…？
キャッシュ系のプラグインをお使いになっているので、即時に反映されなかったのではと推測します。
私のテスト環境では、子テーマのCSSファイルにchu-yaさんのご案内のとおりで、反映されるようです。
This post was modified 2年前 3回 by リフィトリー
わいひら reacted
16/10/2022 4:43 pm
●確認
おそらくスキンのほうが優先なのでしょう。
想像でなく、Chromeのデベロッパーツールで現物、確認しましょう。
子テーマCSSが優先で反映されます。
但し、以下のメディアクエリ内に書くと、画面幅に応じ適用されるので、反映されない場合があります。
/*1023px以下*/
@media screen and (max-width: 1023px){
/*必要ならばここにコードを書く*/
}
/*834px以下*/
@media screen and (max-width: 834px){
/*必要ならばここにコードを書く*/
}
/*480px以下*/
@media screen and (max-width: 480px){
/*必要ならばここにコードを書く*/
}
●CSSの優先順
番号の大きい方が優先されます。
- 親テーマCSS
#cocoon-style-css(cocoon-master/style.css) - 親テーマスキンCSS
#cocoon-skin-style-css(cocoon-master/skins/skin-ganchan02/style.css) - 子テーマCSS
#cocoon-child-style-css(cocoon-child-master/style.css) - 追加CSS
#wp-custom-css
わいひら reacted
Topic starter
16/10/2022 7:16 pm
みなさま、本当にいろいろありがとうございます。
わいひらさんまで…。お手数おかけしてすみません。
不勉強なばかりに不愉快な思いをなさった方がいらしたら申し訳ありません。
もうちょっと勉強して出直します。
余計な文字も消しておきます。
ご回答くださった皆様、ありがとうございました。
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。