サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
Topic starter
2020年1月17日 16:40
はじめまして、こんにちは。
Wordpressを最近始めたものです。
スキンをぽんひろさん作の「Season (Autumn)」を利用させていただいています。
このスキンをとても気に入っているのですが、テーマやスキンの不具合なのか、スキンの仕様なのか分からない現象がありますので、ご教授いただけると幸いです。
▼困っている内容
サイト全体の「文字色が変更できない。」
・cocoon設定→「全体」タブの「サイトフォント」で色を変更しても反映されませんでした。（フォントプレビューでは反映されています。）
・スタイルシートで直接cssを記述しても反映されませんでした。
▼試したこと
１．スキンの変更
他のスキンに変更したら、サイト全体の文字色の変更が反映されました。
cocoonの設定
AMPは無効にしてあります。
プラグインは全て無効化してあります。
----------------------------------------------
サイト名：コトリノ木 | 就労継続支援B型事業所
サイトURL： http://i-nakama.org/kotorinoki
ホームURL： http://i-nakama.org/kotorinoki
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-master/skins/skin-season-autumn/style.css
WordPressバージョン：5.3.2
PHPバージョン：7.3.12
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/79.0.3945.130 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：gzip, deflate
言語：ja-JP,ja;q=0.9,en-US;q=0.8,en;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.0.5
カテゴリ数：11
タグ数：8
ユーザー数：4
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.0
----------------------------------------------
Gutenberg：1
AMP：0
PWA：0
Font Awesome：4
Auto Post Thumbnail：1
Retina：0
ホームイメージ：/wp-content/uploads/2019/11/top.jpg
----------------------------------------------
ブラウザキャッシュ有効化：0
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：0
WEBフォントLazy Load：0
JavaScript（フッター）：1
----------------------------------------------
利用中のプラグイン：
----------------------------------------------
文字色を変更したいので、変更方法を教えていただけると助かります。
お手数ですがよろしくお願いいたします。
わいひら reacted
2020年1月17日 19:13
.entry-content {
color: #333;
}
例えば記事内の文字であればこれでイケるかと思われます。
2020年1月17日 19:22
CSSで反映させた結果、やりたかったことはあってますか？その意味であってますか？？？
▼困っている内容
サイト全体の「文字色が変更できない。」
・cocoon設定→「全体」タブの「サイトフォント」で色を変更しても反映されませんでした。（フォントプレビューでは反映されています。）
body {
color: #d33;
}
赤色にされてるようですが、スキンのデザインで茶色にしているようです。 設定された色をはじめに書いたCSSで子テーマで上書きするのが良いかもしれないですね。
2020年1月17日 19:33
わいひらさんに
http://i-nakama.org/kotorinoki/blog/
子のスキンの一覧記事・デフォルトのスタイルがおかしいようです。
上記サイトでは@media screen and (max-width: 1310px)より少し小さい幅で余白がおかしくなってるようです。
https://gyazo.com/24e3d9c5c6c73ab89f3c583acda77dbe
.entry-card-content {
margin-left: 40%;
}
Cocoonサイト上での表示も同様です。
https://gyazo.com/1b3a617960bdd531571bd4a4cea91243
https://wp-cocoon.com/category/theme/making-article/?theme-switch=skin-season-autumn
This post was modified 5年前 by かうたっく
わいひら reacted
2020年1月17日 19:33
ご連絡ありがとうございます。
不具合を確認したので、修正しておきました。
修正ファイルはこちら。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
2020年1月17日 19:34
調べたり修正している間に、書き込みがかぶってしまった ?
2020年1月17日 19:36
あ、ご対応ありがとうございます！
すごい入れ子になってました＾＾；
Topic starter
2020年1月18日 13:34
.entry-content { color: #333; }例えば記事内の文字であればこれでイケるかと思われます。
上記のcssで記事の文字色が変更できました！
Topic starter
2020年1月18日 14:49
補足
スキン作成者のぽんひろ様にも同じ問い合わせいたのですが、回答をいただきました。
参考までに記載いたします。
・文字色の変更できないのは仕様
・変更するにはCSSを入力する必要があります。
CSSで色が変わらなければimportantを入れると強制的に変更できる。
例）
.main p, .sidebar p {
color: #000000 !important;
}
実際にimportantを入れると変更可能でした。
よろしくお願いいたします。
2020年1月18日 17:29
補足
スキン作成者のぽんひろ様にも同じ問い合わせいたのですが、回答をいただきました。
参考までに記載いたします。・文字色の変更できないのは仕様
・変更するにはCSSを入力する必要があります。
CSSで色が変わらなければimportantを入れると強制的に変更できる。
例）
.main p, .sidebar p {
color: #000000 !important;
}実際にimportantを入れると変更可能でした。
よろしくお願いいたします。
スキン作成者のぽんひろ様にも同じ問い合わせいたのですが、回答をいただきました。
参考までに記載いたします。・文字色の変更できないのは仕様
・変更するにはCSSを入力する必要があります。
その対応を、Cocoon側でしてくれた感じです。
CSSで色が変わらなければimportantを入れると強制的に変更できる。
例）
.main p, .sidebar p {
color: #000000 !important;
}実際にimportantを入れると変更可能でした。
それはオススメしません。別にしても良いですけど、AMPでは反映しないよ。ってまた質問が来るタイプの修正方法なので。
※現在AMPではなくっても、有効化したら反映されない。
オススメは、わいひらさんが修正したファイルを有効にすることだと思います。
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
すでに先行バージョンのFTPアップロード方法を含め、すべてわいひらさんが出してます。
難しいと思うのははじめだけなので、チャレンジしてみることをオススメします！！！
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。