編集画面で、「右上の3点ボタン>設定>一般」と辿ったところにある「テーマスタイルの使用」はオンになっていますか？

私は本番サイトをWordPress6.3、Cocoon2.6.4.4、momoonスキン(色違い)にしていますが、特にトラブル起きていません。

タイミング的にWordPress本体のアップデートでなぜか設定が変わってしまったとかかなと思いました。

私の環境では、はるさんに仰る場所がオフでも、Cocoonの方がオンであれば、反映されている感じがします。
（設定の後ろ側を見ていただればと。こちらをオフにすると、タイトル上の余白が広がりますね）

ダメ元ですけれど。

投稿者:: @udjwoc643s

↑

・Gutenbergエディターを有効、エディターにテーマスタイルを反映させるの２箇所チェック済

これをもう1度ご確認いただいて。

上記の通りだとしても、「変更をまとめて保存」を押してみていただけますでしょうか。
（何も変更しなくても良いです）

投稿者:: @haruinoue

↑

編集画面で、「右上の3点ボタン>設定>一般」と辿ったところにある「テーマスタイルの使用」はオンになっていますか？

私は本番サイトをWordPress6.3、Cocoon2.6.4.4、momoonスキン(色違い)にしていますが、特にトラブル起きていません。

タイミング的にWordPress本体のアップデートでなぜか設定が変わってしまったとかかなと思いました。

はるさま

さっそくの対応ありがとうございます。

確認しましたが、「テーマスタイルの使用」はオンになっています。

  ｍｋ２さま

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

もう一度確認し、「まとめて保存」も行いましたが、改善しませんでした。

ボックスタブなどの、枠や背景の色についても、投稿画面には色がつかず配色しにくい状態です。

プレビュー画面ではしっかりと色はついています。

udjwoc643sさん

同じような感じにしてみたのですが、私の環境では表示され、今のところ原因が分からないです。 

投稿者:: @udjwoc643s

↑

ボックスタブなどの、枠や背景の色についても、投稿画面には色がつかず配色しにくい状態です。

上記の実際、問題となっている編集画面のキャプチャを、添付願えませんか？

udjwoc643sさん

編集画面のキャプチャ画像（スクリーンショット）はぜひ添付いただきたいです。
すべての投稿編集で、同様なのですよね。

ちなみに、「スポットライトモード」にすると、以下のようになりますが、それとも違うということですよね。
（スポットライトモードは、色はありますものね）

@mk2_mk2 さま

遅くまで対応していただきありがとうございます。

そうですなんです、すべての記事で装飾、というか色がなくなります。

「F12」を押したときの画面を添付いたします。

お手数おかけして申し訳ありません。

@chu-ya さま

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

スクリーンショットは私の配慮不足でした。

申し訳ありません。

投稿画面とプレビュー画面を添付します。

@chu-ya

udjwoc643sさん

もうPCは落としてしまい、スマホしか手元にないのです。（そして、もう寝ますけれど）

ちなみに、この「null」の部分を展開すると、何か書かれていますか？

おそらく、三角矢印をクリックすれば、展開されると思います。

mk2 さま

遅くまで本当にありがとうございます。

今先ほどの記事を開いたら少しメッセージが違いますが、展開された分を添付します。

どうぞよろしくお願いします。

udjwoc643sさん

添付いただいた一番上のものは、WordPress 6.3から出ていて、こちらでも把握しています。

私の環境でも、これは出ているのですが、編集画面は問題ないんですよね。

（先程のものは、どこかに行ってしまったのですね。他に何かメッセージがあれば）

ちなみに、Chromeの拡張機能をすべてOFFにしてみても、編集画面は変わらないでしょうか。（これまたダメ元です）

OFFにするのが面倒であれば、Edgeなどで編集画面を開いてみても良いと思います。（普段使っていないブラウザで、拡張機能などもないということで）

流石にもう寝てしまいます。（布団の中からスマホで書いてると、もう落ちそうです、私が）

（先程のものは、どこかに行ってしまったのですね。他に何かメッセージがあれば）

 →すみません、ほかの記事でも開いてみましたが、先ほどのメッセージと同じです。

Edgeでも開いてみましたが、相変わらず投稿画面は不具合が残っています。

夜遅くまで対応していただいてありがとうございます。

とりあえず、投稿自体はできるので一時的な不具合であることを願って、しばらく様子をみてみようと思います。

丁寧な対応に感謝いたします。

下の2つは、Chromeの拡張機能「MozBar」が出しているものみたいです。

私の環境に入れてみましたが、同様なメッセージが出てきました。

①

編集画面を開いて、ブラウザのリロードをしてみて、何か変わりますでしょうか。

完全にダメ元です。

ダメ元の続きで。

②

それでもダメならば、WordPressの再インストール。

@udjwoc643s さん

スタイルシートが読み込まれていないのかもしれません。

Cocoon 設定 > エディターの「エディターにテーマスタイルを反映させる」にチェックは入っていますか？

mk2さん

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

①リロード行うも変わらず

②ワードプレス再インストールするも変わらず

③については画像のように「テーマは最新」となるのですが、テーマのダウンロードから再度一から行うということでしょうか？

@akira さま

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

「エディターにテーマスタイルを反映させる」については何度も保存かけなおしたりしてますが変わりありませんでした。

udjwoc643sさん

投稿者:: @udjwoc643s

↑

③については画像のように「テーマは最新」となるのですが、テーマのダウンロードから再度一から行うということでしょうか？

はい、以下の手順にある通りです。

投稿者:: @mk2_mk2

↑

更に、テーマの手動アップデート。
（同じバージョンでも実施）

Cocoonテーマファイルを手動でアップデートする方法

https://wp-cocoon.com/manual-update-of-cocoon-theme/

テーマが壊れている可能性を考えて、同じバージョンで上書きしてみようと思った次第です。

先の②も、同様にWordPress本体の一部のファイルが壊れた可能性を考えたのですが、変化ないようですので、そうではなかったのだと思います。

僕の環境でもスキンの装飾が問題なく表示されているようです。
一時的に違うスキン（例えば、「てがきノート(ブルーコーラル) 」）に変更してみても装飾は反映されませんか？
※確認後は元に戻していただいて構いません。

@mk2さま

連絡が遅くなり申し訳ありません。

手順通りに上書きアップデートしてみましたが、不具合は残っている状態です。

色々と対応していただいているのに申し訳ないです。

@yhiraさま

対応していただきありがとうございます。

スキンも変更してみましたが、改善しませんでした。

@yhira さま

udjwoc643sさん

他に何か症状は出ていないでしょうか。

添付いただいた編集画面では、他に何もないため、こちらからは良く分かりませんけれど。

他のものを表示させてみて、変な部分などないでしょうか。

@mk2さま

特に違和感があるような部分は、思い当たらないです。

画像添付します。

@udjwoc643s さん

気付いた事として「エディターにテーマスタイルを反映させる」をオフした場合、タブ見出しボックスの枠すら表示されません。
CSSが反映されないので、修飾がなくなり、文字のみとなります。

Gutenberg中で、投稿の見出しh2に、どのCSSが反映(読まれているのか)、Chromeデベロッパーで調査してみるのが、一手段かと。

再確認ですが、プラグインを全て停止しても同じなんですよね？

@chu-ya さま

プラグインを再度すべて停止しましたが、投稿画面変わりありませんでした。

udjwoc643sさん

編集画面の右サイドバーに、カテゴリーやタグは表示されていますでしょうか。

@mk2さま

カテゴリー、タブともに表示されています。

udjwoc643sさん

そうですか・・・。

ちなみに、現在子テーマが有効かと思います。

親テーマを有効にすると、変化ありますでしょうか。

親テーマに切り替えると、設定も変わると思いますので、スキンも選択してください。

（子テーマに戻せば、設定も戻ります）

udjwoc643sさん

そろそろPCを落としてしまいますので、書いておきます。
親テーマに切り替えても、変化ない場合ですが・・・。

WAFのログに何か落ちていないかも、確認してみてください。

ログの確認方法
https://support.conoha.jp/w/waf/#02

可能性は低いかもしれませんがWAFの無効でも試してみていただけますか。設定にはしばらく時間がかかるかもしれません。確認は元に戻していただければと思います。

あとConoHa WINGのWEXAL（高速化設定）が有効になっていたら無効にしてみてください。
https://support.conoha.jp/w/wexal/
こちらの方が原因としての可能性は高いかも。

@mk2さま

・親テーマを有効にし、スキンの変更など行いましたが、投稿画面については変化なし。でしたので子テーマに戻しました。

・ログについて確認しましたので画像を添付します。

@yhira 

WAFの無効を行いましたが、特に変わりなしです。

@yhiraさま

ConoHa WINGのWEXAL（高速化設定）については、元々無効になってたようです。

有効、無効ともためしてみましたが、変わりありません。

@udjwoc643s さん

念のために、WordPress 管理画面 > 設定 > パーマリンクの「変更を保存」をクリックします。パーマリンクは何も変更する必要はありません。その後、Cocoon 設定 > エディターの「エディターにテーマスタイルを反映させる」にチェックが入っているかを確認します。

もしチェックが入っている場合は、以下の操作をしていただけますか？

① 投稿ページの編集画面でデベロッパーツールを開きます。

② Elements パネルで ctrl + F キーを押せば、左下に検索語句を入力できます（添付画像の①）。css-cache と入力しエンターキーを押せば、該当件数が表示されます（添付画像の②）。

該当件数は 2 件と出てくるはずなのですが、udjwoc643s さんの環境では何件と出てくるでしょうか？

@akiraさま

詳しいやり方ありがとうございます。

やってみたところ、「１of２」と表示されました。

@udjwoc643s さん

スタイルシートは読み込まれていますね。

では、このような操作結果のスクリーンショットを撮っていただけないでしょうか。

① 投稿ページの編集画面で <h2> の見出しの上で右クリックをします。そして、「検証」をクリックし、デベロッパーツールを開きます。

② デベロッパーツールの Elements パネルで <h2> が選択されているいるはずです（<h2> に背景色が付いている状態）。もし、<h2> が選択されていない場合は、<h2> をクリックします。※添付画像の①

③ 右側の CSS を確認できる部分で Computed をクリックします。そして、background-color を探し、マウスポインターを乗せます。マウスポインターを乗せると矢印が出てきますのでクリックします。※添付画像の②

④ background-color の矢印のクリック後は、右側の CSS を確認できる部分が Computed から Styles に変わります。この Styles のスクリーンショットを撮っていただけないでしょうか。

@akiraさま

すごくわかりやすい説明ありがとうございます。

H2見出しに合わせて、Computed をクリックした後に、「background-color」の表示がないようです。

やり方は間違っていないと思うのですが。（汗）

udjwoc643sさん

スクロールバーが下りているようなので、上に移動させるとありませんか？

@mk2さま

ありがとうございます。

上にスクロールすると、こんな感じです。

問題の現象が再現しました。

●再現
Gutenbergのプレビューで「デスクトップ」以外をクリックし、「デスクトップ」に戻した際、CSSが反映しなくなる。
Gutenbergをリロードすると元に戻り、CSS反映される。

●原因
editor-styles-wrapperから以下が消えている。
結果、スキンCSSが反映されなくなった。
「cocoon-block-wrap body article admin-page font-awesome-5」

投稿者:: @chu-ya

↑

結果、スキンCSSが反映されなくなった。
「cocoon-block-wrap body article admin-page font-awesome-5」

ちょうど今そこを修正していたところでした。
以下にアップしてみたのでudjwoc643sさん以下のファイルで確認してみていただければ幸いです。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------

とりあえずリロードした時は反映されると思います。

投稿者:: @chu-ya

↑

Gutenbergのプレビューで「デスクトップ」以外をクリックし、「デスクトップ」に戻した際、スキンCSSが反映しなくなる。

これを行なうとまだダメかもしれません。
後で修正します。

モバイルプレビューについては、既知の問題なんですよね、確か。
（少なくともWordPress 6.2.2でも発生）

ただ、今回リロードも試していただいたと思っていたのですが・・・。
https://wp-cocoon.com/community/postid/73123/

@yhiraさま

＠mk2さま

@chu-yaさま

@akiraさま

まとめての返事で申し訳ありません。

ダウンロードしたところ、無事装飾が表示されました。

数日間にわたり親切、丁寧に対応していただき、本当にありがとうございました。

そして、私の知識不足により色々とご迷惑おかけしました。

これからますます記事の投稿楽しんでいきたいと思います。

本当にありがとうございました。

ご確認いただきありがとうございます。
今回の不具合Firefoxだと問題なくてChromeだと出るケースもあってなかなか不具合を確認できませんでした。

あと無理やりな方法でほんと申し訳ないのですが、プレビュー画面のタブレット・モバイルiframeの中でもスタイルが反映されるように修正しておきました。
------------------------------------------------
https://github.com/xserver-inc/cocoon
開発中の最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

WordPressでの手動アップデート方法はこちら
https://wp-cocoon.com/manual-update-of-cocoon-theme/
------------------------------------------------
※Font Awesomeはまだ表示されないままです。

@yhiraさま

とんでもございません、私一人では到底解決できず、勇気を出して質問してよかったです。

何度も言いますが、色々と対応していただきありがとうございました。