ナレッジ・ベース

- 公開 -

リクエスト

このナレッジは次のリクエストに応じ投稿されました

投稿編集ページを公開ページの見え方にてきませんか?

公開ページでは見出し1、見出し2や段落がきれいに整って表示されますが、編集ページでは見え方が違うため作業しにくいです。

編集ページでも同じような見え方にできませんでしょうか。

通知設定

0 コメント

古い順

新着順

Inline Feedbacks

View all comments

リクエスト

編集中

修正依頼

有効

精査中

無効

issue&solution, HowTo

WordPressの編集ページ（ブロックエディタ）にCSSを適用する方法

2022-08-17

UITS_尾藤

課題

コンテンツの見出し『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'); //エディタ専用
}