2021年07月25日(日)

WordPress ブロックエディタで editor-style を適用させる

• 0
• 4
• 1
• 8

ブロックエディタになってから editor-style の読み込み方法が変わっていたのでメモ

functions.php に

add_theme_support( 'editor-styles' ); function org_theme_add_editor_styles() { $editor_style_url = get_theme_file_uri( 'editor-style.css' ); wp_enqueue_style( 'block-editor-style', $editor_style_url ); } add_action( 'enqueue_block_editor_assets', 'org_theme_add_editor_styles' );

あとは editor-style.css を用意して

.editor-styles-wrapper { background-color: #eee; } .editor-styles-wrapper h2 { font-size: 2rem; }

という具合に、.editor-styles-wrapper を利用してカスケーディングすればエディタにスタイルが反映され...