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

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

ブロックの背景色と文字色が反映されない
 
共有:
通知
すべてクリア

[解決済] ブロックの背景色と文字色が反映されない

31 投稿
3 ユーザー
6 Reactions
9,973 表示
(@うり)
Active Member
結合: 6年前
投稿: 19
Topic starter  

こんばんは!素敵なデザインを無料で提供していただき、どうもありがとうございます。

初心者なため、初歩的な質問ですみません。

先日ワードプレスを更新して以降、ブロックの背景色と文字色を変更しても実際の画面には反映されなくなってしまいました。泣

ググったのですが見つからなかったので、こちらにて質問させていただきました。

編集画面では変わるのですがプレビューの時点で反映されず、実際にアップしても変わらない感じです。何が原因なのでしょうか( ; ; )お忙しいところお手数ですがよろしくお願い致します。


   
(@うり)
Active Member
結合: 6年前
投稿: 19
Topic starter  

すみません、画像一枚しか貼れなかったので、編集画面上の写真も追加します。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

通常の「段落」のカラースタイルについては盲点でした。
スタイルを当てたものを、以下にアップしておきました。

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

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------

よろしければ、試してみていただけると幸いです。


   
(@うり)
Active Member
結合: 6年前
投稿: 19
Topic starter  

お忙しいところ、お手数おかけしましてすみません、どうもありがとうございます!

macだったのでFTPでのアップデートに手間取り、今完了しました。

もう一度画面を更新してみたのですが、表示がやはり変わらないままなので、何かアップデート終了後にやるべき作業などありますでしょうか? (再起動など)

もはや初心者すぎて全くわからないので、ご教授いただけたらと思います。泣

なんどもすみません、よろしくお願い致します。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

特に、アップデートをする以外にすることはありません。
僕のテスト環境では動作しているようなので、詳しくは、URLを提示していただいて、実際のページを見てみないとわからないかもしれません。


   
(@うり)
Active Member
結合: 6年前
投稿: 19
Topic starter  

お忙しいところ、ありがとうございます!

もう一度念のためアップロードしてみましたが、同じでした。。

初心者すぎて何が何かわからずなもので、すみません...泣

URL貼り付けます〜

http://senzai-biyou.com/takecare-yourself/

そういえば、ブロックの背景色・文字色変更画面もワードプレスを更新してから違う感じになったのが気にはなるのですが...

何かありましたらまたご教授いただけると幸いです。

よろしくお願いいたします。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

よろしければ、以下の方法で高速化を無効にしていただいてよろしいでしょうか。
https://wp-cocoon.com/theme-trouble/


   
(@うり)
Active Member
結合: 6年前
投稿: 19
Topic starter  

こんにちは!

いろいろとお手数おかけしてしまい、申し訳ありません ? 

ただいま設定の方を高速化無効にしました。

よろしくお願いいたします。


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

https://gyazo.com/6f7faddef7edae78ffc76895039b42ef

これの事だと思うんですが。ちがってますか?

Wordpressバージョン:5.1.1

テーマ名:Cocoon バージョン:1.6.8

上記の設定では表示されますよ。ただ最新版くらいにすれば表示されなくなった感じですかね。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

キーカラーが設定されていたんですね。
他の色は設定していたのですが、キーカラー設定はしていなかったので、追加しておきました。
よろしければ以下で試してみていただけると幸いです。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------


   
(@うり)
Active Member
結合: 6年前
投稿: 19
Topic starter  

ありがとうございます、そうです〜

最新版にしたら変わってたので、気になっていました! ? 

なるほど、やっぱりワードプレスを更新したのが原因だったのですね〜


   
(@うり)
Active Member
結合: 6年前
投稿: 19
Topic starter  

お忙しいところ、どうもありがとうございます ? 

これから試してみます!

本当にいつも丁寧に対応してくださって神すぎます〜 ? ? 

他の方も回答してくださったりとか、皆さん本当にお優しい〜感謝です!

ありがとうございます? ? 


   
(@うり)
Active Member
結合: 6年前
投稿: 19
Topic starter  

ただいまダウンロードして、同じようにfilezillaにてアップデートしてみたのですが、変わらずと言う...

すみません、本当に初心者なのでもしかしたら私のfilezillaでのアップデートがちゃんと出来ていないとかいう可能性もありそうな気もします。。。 ? 

一応、検索して説明通りにやったので出来ているとは思うのですが、初心者過ぎて全くわからないという ...? 


   
(@うり)
Active Member
結合: 6年前
投稿: 19
Topic starter  

かうたっくさま

すみません、ワードプレスじゃなくてコクーンのバージョンのことですね ? ? 

諸々未知の世界すぎて、日々格闘中です...泣

 


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

post-15607

段落ブロックの背景・文字の色が以前はカラフルで丸い『カラーパレット』は使えたけど、アップデートで確認した際Cocoon先行バージョンにしたら色を自由に変更できなくなったようです。

みたいな感じだったんですね。

私はブロック機能を使ってないんで、皆さんの書き込みでたまに確認する程度ですが、たまたまカラーパレットを見つけた感じだったので、これかな?と思っただけですが❦

https://gyazo.com/6f7faddef7edae78ffc76895039b42ef


   
わいひら reacted
(@うり)
Active Member
結合: 6年前
投稿: 19
Topic starter  

かうたっくさま

そうです、そのパレットです〜w

あとは、ブロックの背景色と文字色自体が現在管理画面?投稿画面?上で指定すると変わるのですが、プレビューや記事をアップすると色変更が適応されなくなってしまいまして...泣

あまり使う方はいないみたいで、私だけのためにわいひらさんにお手数おかけしてしまい、とても申し訳ない気分です。。。 ? 


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

あとは、ブロックの背景色と文字色自体が現在管理画面?投稿画面?上で指定すると変わるのですが、プレビューや記事をアップすると色変更が適応されなくなってしまいまして...泣

キャッシュ系や高速系のプラグインを利用していてキャッシュを削除したら反映する。などありませんか??

ちなみに私も先行バージョンで確認しました。直でプレビュー、あと下書き保存しただけで、段落の背景・文字色ともすぐに反映されるようです。


   
わいひら reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

高速化系・キャッシュ系プラグインは使っておらず、エックスサーバーの高速化設定は以下の通りの状態で確認しました。

サーバーパネル・高速化の設定

  • Xアクセラレータ Ver.1
  • サーバーキャッシュ:OFF
  • ブラウザキャッシュ:on(推奨のもの)

https://gyazo.com/25a5309532af7b730a7196bae53a3d8b

そこらへんをチェックしてみるとどうですかね?


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

環境情報をいただけますでしょうか。
https://wp-cocoon.com/theme-report/

色を自由に変更できるカラーパレットは、AMPページに適用されないので、廃止させていただきました(厳密に言うとスタイル表示はできるけど推奨する方法ではないので)。


   
(@うり)
Active Member
結合: 6年前
投稿: 19
Topic starter  

かうたっくさま

お世話になっております、ご返信ありがとうございます ? 

確認したところ、Xサーバーの設定はサーバーキャッシュのみONになっていたので、OFFにしてみました。そのほかは、かうたっくさまと同じ設定でしたので、そのままにしましたが変わらず...な感じです ? 

ううむ、謎すぎます...って、かうたっくさまの方で反映されてると言うことは、私が何かやらかしている可能性が大なんですが、すみません。。泣


   
(@うり)
Active Member
結合: 6年前
投稿: 19
Topic starter  

わいひらさま

お忙しい中、本当にすみません ? 

以下、環境情報になります。よろしくお願いいたします。

----------------------------------------------
サイト名:自分軸で美しく!Yuri's美容雑記
サイトURL: http://senzai-biyou.com
ホームURL: http://senzai-biyou.com
コンテンツ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-colors-pink/style.css
Wordpressバージョン:5.1.1
PHPバージョン:7.2.14
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_2) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.103 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:1.7.5
カテゴリ数:9
タグ数:0
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.0.6
----------------------------------------------
Gutenberg:1
AMP:1
PWA:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:1
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:1
WEBフォントLazy Load:1
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.1.1
Category Order and Taxonomy Terms Order 1.5.5
Contact Form 7 5.1.1
Google XML Sitemaps 4.1.0
Jetpack by WordPress.com 7.2.1
TypeSquare Webfonts for エックスサーバー 1.1.1
Wordfence Security 7.2.5
WP Multibyte Patch 2.8.2
----------------------------------------------


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

僕の環境では、やはり問題なく設定されるようです。
https://im-cocoon.net/267

特に、おかしな動作をするようなプラグインもないようなので、もう一度ブロックエディターから色を再設定してみてもらえますか。

僕の環境では、以下のようなclassが出力されています。

has-text-color has-background has-white-color has-indigo-background-color

けれど、該当サイトでは以下のように色情報が出力されていないようなので。

has-background has-key-color-background-color


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

今であれば問題ない。など、ないですか?わいひらさんが言ってるように。

http://seocheki.net/http-header.php?url=http%3A%2F%2Fsenzai-biyou.com

Expires Tue, 23 Apr 2019 13:36:38 GMT

Xサーバーの設定はサーバーキャッシュのみONになっていたので、OFFにしてみました。

変更に時間が多少かかる場合があるので、もしかすればサーバーのキャッシュの影響があったのか。とか思ったまでですが

*******

私がサーバーのその機能を切っているのは、反映されないって事で『なぜ?』ってことで時間を使わざるをえなかったからです。それを確認する時間が嫌だった、それで中断されアレコレ翻弄されたくない。と以前思って切ってただけで、今はわかりませんです。

※エックスサーバーでも半年前・5年前・8年前…以降略…ではスペックは多少違うかも。昔のスペックでも最新版と同じなどか。など、ハテナです???私の環境はそれなりに最新版と似た感じであるかと思われます。たぶん…。ただキャッシュに関して大差ないかもしれない。など、チェックしきれてないので、わかりません❦


   
わいひら reacted
(@うり)
Active Member
結合: 6年前
投稿: 19
Topic starter  

わいひらさま

お世話になっております。お忙しいところ、何度もすみません ? 

今Googleのキャッシュを削除してから、もう一度記事を開いて念のためブロック削除した後に同じ仕様のブロックを作り直してみましたが、変わりませんでした...

なんなんでしょうかね。。泣 気になります〜


   
(@うり)
Active Member
結合: 6年前
投稿: 19
Topic starter  

かうたっくさま

お世話になっております。

今エックスサーバーの設定も念の為見直してみましたが、かうたっくさまの環境と同じ設定でした。

謎です... でもわいひらさんのところでちゃんとできているということは、明らかに私が何か変なことをしてるってことだと思うのですが ? 

グーグルクロームですかねぇ...? 全くわからないです〜泣


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

親テーマのstyle.cssに必要なスタイルが書き込まれていません。
http://senzai-biyou.com/wp-content/themes/cocoon-master/style.css

親テーマのstyle.cssの中身を全て、以下の最新版にコピペで書き換えてみていただけますか。
https://raw.githubusercontent.com/yhira/cocoon/master/style.css


   
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

わいひらさんの書き込みを試されて、それでもダメな場合として❦

****

サーバーパネル・高速化の設定

Xアクセラレータ Ver.1
サーバーキャッシュ:OFF
ブラウザキャッシュ:on(推奨のもの)
https://gyazo.com/25a5309532af7b730a7196bae53a3d8b

ブラウザキャッシュをoffに。20分後くらいに確認してみる。

ダメならXアクセラレータをOFFにして確認してみる。など試すのも良いと思います。


   
(@オカマ主婦)
Active Member
結合: 6年前
投稿: 13
 

cssを最新版に変えるとブロック反映しました

同じく、コクーンアップデート時にブロックが反映されず困っていました!

ありがとうございます


   
(@うり)
Active Member
結合: 6年前
投稿: 19
Topic starter  

わいひらさま

わあーありがとうございます!

親テーマを更新したところ、反映されるようになりました ? 

何度もお忙しい中、時間をとらせてしまいすみませんでした。また、ご定年な返信と対応に心から感謝いたします ? 

 

かうたっくさま

お忙しい中、いろいろと懇切丁寧に回答してくださり、本当にありがとうございました ? 

解決してすっきりしました〜本当にありがとうございます!

初心者過ぎてわからないことだらけなので、また何かあれば質問の方してしまうかもしれませんが、なるべく自分でも解決できるようトピックなど見ながら頑張っていきます ? 


   
わいひら reacted
かうたっく
(@kautakku)
Famed Member Moderator
結合: 7年前
投稿: 4764
 

#post-15670 ここでCocoon親テーマの更新がうまくいかなかったようですが、無事反映されたようで良かったですね^^

オカマ主婦さん・うりさんのトピックのおかげで、対応していただけました。皆さんお疲れさまでした!


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17211
 

うまく動作したようでよかったです^^
それにしても、なんでCSSがアップデートされなかったんだろう…。


   
共有:

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

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

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

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

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

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

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

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