WordPress クラシックエディターのフォントが明朝体なのをゴシックに変更する

2024年9月9日

大東信仁（ものくろ）

WordPressノウハウ

クラシックエディタのCSSを変更するは、editor-style.css を読み込ませる必要がある。（style.cssだと管理画面には反映されない）

editor-style.cssを作成

子テーマの中に、editor-style.cssのCSSファイルを作成し、以下のコードでフォントをゴシックに変更するように指示する。

/* editor-style.css */
body {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
}

functions.phpにコードを追加してCSSを読み込む

子テーマのfunctions.phpに以下のコードを追加し、クラシックエディタにCSSファイルを当てる。これでクラシックエディターのフォントがゴシック体になる。

function my_custom_editor_styles() {
    add_editor_style('editor-style.css'); // 作成したCSSファイルを読み込む
}
add_action('admin_init', 'my_custom_editor_styles');