
WordPressテーマ『Cocoon』でブロックエディターにテーマのスタイルが反映されずに困った際の備忘録。
原因は「そんな簡単なことだったんかーい!」という、あるあるパターンなものだった。
概要
環境情報
- WordPressバージョン:6.8.2
- Cocoonバージョン:2.8.8
当サイトで利用しているレンタルサーバーの移転作業後から、ブロックエディター(Gutenberg)のビジュアルエディターにテーマ『Cocoon』のスタイルが正常に反映されなくなっていた。
「管理画面>Cocoon設定>エディター>エディタースタイル>エディターにテーマスタイルを反映させる」にはチェックをいれて有効化していたが、ブロックエディターにはスタイルが正常に反映されないという状態だった。

原因と対処
同じサーバーに構築しているテストサイトと問題が発生してる本サイトを比較するなどして確認していくと、原因はブロックエディターの設定によるものだった。
結論は「ブロックエディターの画面右上の三点リーダー>設定>外観>テーマスタイルの使用」を有効にする、ことでテーマのスタイルがエディターに反映された。

Cocoon側の設定だけでなく、ブロックエディター側の設定でもテーマスタイルの反映を有効化する設定が必要な模様。
そもそもブロックエディター画面の「設定」にも、テーマスタイルの適用を制御する設定項目があることを知らなかった。
無意識に自分で設定を変えてしまっていたのかもしれない😭