現在デフォルトスキンとして「Season (Autumn)」を適用中。

ブロックの背景色と文字色が反映されない | Cocoonテーマに関する質問 | Cocoon フォーラム

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

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

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

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

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

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
ブロックの背景色と文字色が反映されない
 
Share:

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


うり
 うり
(@うり)
ゲスト
参加: 5か月 前
投稿: 15
2019年4月18日 18:45  

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

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

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

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

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


未解決
うり
 うり
(@うり)
ゲスト
参加: 5か月 前
投稿: 15
2019年4月18日 18:48  

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


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 6508
わいひら - Facebookわいひら - Twitter
2019年4月18日 20:58  

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

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

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

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


うり
 うり
(@うり)
ゲスト
参加: 5か月 前
投稿: 15
2019年4月19日 10:53  

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

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

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

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

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


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 6508
わいひら - Facebookわいひら - Twitter
2019年4月19日 18:55  

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


うり
 うり
(@うり)
ゲスト
参加: 5か月 前
投稿: 15
2019年4月19日 20:20  

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

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

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

URL貼り付けます〜

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

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

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

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

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

わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 6508
わいひら - Facebookわいひら - Twitter
2019年4月20日 20:23  

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


うり
 うり
(@うり)
ゲスト
参加: 5か月 前
投稿: 15
2019年4月21日 12:12  

こんにちは!

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

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

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


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 3424
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年4月21日 13:59  

https://gyazo.com/6f7faddef7edae78ffc76895039b42ef

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

Wordpressバージョン:5.1.1

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

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


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 6508
わいひら - Facebookわいひら - Twitter
2019年4月21日 19:30  

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

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


うり
 うり
(@うり)
ゲスト
参加: 5か月 前
投稿: 15
2019年4月22日 14:50  

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

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

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


うり
 うり
(@うり)
ゲスト
参加: 5か月 前
投稿: 15
2019年4月22日 14:56  

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

これから試してみます!

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

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

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


うり
 うり
(@うり)
ゲスト
参加: 5か月 前
投稿: 15
2019年4月22日 15:51  

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

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

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


うり
 うり
(@うり)
ゲスト
参加: 5か月 前
投稿: 15
2019年4月22日 15:54  

かうたっくさま

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

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

 


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 3424
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年4月22日 16:14  

post-15607

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

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

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

https://gyazo.com/6f7faddef7edae78ffc76895039b42ef


わいひら 件のいいね!
うり
 うり
(@うり)
ゲスト
参加: 5か月 前
投稿: 15
2019年4月22日 16:53  

かうたっくさま

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

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

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


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 3424
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年4月22日 19:05  

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

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

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


わいひら 件のいいね!
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 3424
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年4月22日 19:10  

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

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

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

https://gyazo.com/25a5309532af7b730a7196bae53a3d8b

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


わいひら 件のいいね!
わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 6508
わいひら - Facebookわいひら - Twitter
2019年4月22日 20:16  

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

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


うり
 うり
(@うり)
ゲスト
参加: 5か月 前
投稿: 15
2019年4月23日 12:33  

かうたっくさま

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

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

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


うり
 うり
(@うり)
ゲスト
参加: 5か月 前
投稿: 15
2019年4月23日 12:36  

わいひらさま

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

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

----------------------------------------------
サイト名:自分軸で美しく!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)
メンバーサイト Admin
参加: 2年 前
投稿: 6508
わいひら - Facebookわいひら - Twitter
2019年4月23日 19:13  

僕の環境では、やはり問題なく設定されるようです。
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)
メンバーサイト Moderator
参加: 2年 前
投稿: 3424
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年4月23日 22:59  

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

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


わいひら 件のいいね!
うり
 うり
(@うり)
ゲスト
参加: 5か月 前
投稿: 15
2019年4月24日 16:25  

わいひらさま

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

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

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


うり
 うり
(@うり)
ゲスト
参加: 5か月 前
投稿: 15
2019年4月24日 16:31  

かうたっくさま

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

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

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

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


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 6508
わいひら - Facebookわいひら - Twitter
2019年4月24日 19:18  

親テーマの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)
メンバーサイト Moderator
参加: 2年 前
投稿: 3424
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年4月25日 09:09  

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

****

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

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

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

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


オカマ主婦
 オカマ主婦
(@オカマ主婦)
ゲスト
参加: 10か月 前
投稿: 13
2019年4月25日 10:21  

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

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

ありがとうございます


うり
 うり
(@うり)
ゲスト
参加: 5か月 前
投稿: 15
2019年4月25日 14:25  

わいひらさま

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

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

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

 

かうたっくさま

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

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

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


わいひら 件のいいね!
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 2年 前
投稿: 3424
かうたっく - Facebookかうたっく - Twitterかうたっく - Google+
2019年4月25日 17:07  

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

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


わいひら
(@yhira)
メンバーサイト Admin
参加: 2年 前
投稿: 6508
わいひら - Facebookわいひら - Twitter
2019年4月25日 19:50  

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


Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
◎ドメインとサーバー代のチャージ払いが可能
○サーバ引っ越しオプションあり(有料)
サービス運営期間:1年1ヶ月

1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2019/12/31まで)。

クーポンコード:PK4JK4RJ

クーポンの使用方法はこちら

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
◎アダルト・出会い系サイト可
○サーバ引っ越しオプションあり(有料)
○サーバー料金をチャージ払いが可能
サービス運営期間:3年

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可
サービス運営期間:16年

とにかく速い。サイトに表示スピードを求めるならココ。

◎nginxを用いた高速サーバー(完全SSD)
◎プランのアップ・ダウングレードが自由自在
◎ディスク容量が多い
◎転送量が多い
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
○DB復旧は無料(ファイルは有料)
○サーバ引っ越しツールあり
○サーバー料金をチャージ払いが可能
△新しいサービスなので運営櫪がまだ短い
サービス運営期間:11ヶ月

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
◎アダルト・出会い系サイト可
○http/2(高速化プロトコル)に対応
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)
サービス運営期間:3年

Cocoon
  
動作中

ログイン または 登録 してください

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