このナレッジは次のリクエストに応じ投稿されました
公開ページでは見出し1、見出し2や段落がきれいに整って表示されますが、編集ページでは見え方が違うため作業しにくいです。
編集ページでも同じような見え方にできませんでしょうか。
コンテンツの見出し『h1,h2』などがCSSでデザインされている場合でも、ブロックエディタの編集画面では同じ様に表示されない。フロントエンドに近い見え方で編集したい場合どうしたらよいか。
子テーマ配下の『style.css』があるディレクトリに『editor-style.css』を作成する。
下のコードをCodeSnippetsに追加し『editor-style.css』に対し必要なコードを追記していく。
//GutenbergにオリジナルのCSSを適用する
add_action(\'after_setup_theme\', \'block_editor_css\');
function block_editor_css() {
add_theme_support(\'editor-styles\');
add_editor_style(\'style.css\'); //サイトオリジナル
add_editor_style(\'editor-style.css\'); //エディタ専用
} 【WordPress】エディタにもサイトと同じCSSを適用させる | WEBの技 (websuccess.jp)
これはSEにとってオペレーションの効率が悪い作業です。特にCSS追加や変更の際、エディタ専用のCSSにも追記を忘れずに行わなければなりません。自動で同期させる方法もあるとは思いますが、更に工数の大きな対応となります。それが本当に必要なことか検討して行うと良いでしょう。
