WordPressのエディタのフォントを変更する方法

WordPressのテーマにTHE THOR 2.2.0を適用すると,サイトの表示に使われるフォントはゴシック体なのに,エディタページのフォントだけ明朝体になってしまいます。

明朝体なエディタ

機能的には別に問題ないのですが,なんとなく気持ちが悪いので修正する方法を調べました。WordPressの管理ページの[外観]>[テーマエディタ]で[テーマのための関数 (functions.php)]を選択し,以下のコードを追加すればOKです。

add_action( 'enqueue_block_editor_assets', 'karkn_set_mytheme_font_family' );

function karkn_set_mytheme_font_family() {
	$inline =
".editor-styles-wrapper {
    font-family: sans-serif !important;
}";
	wp_add_inline_style( 'wp-edit-post', $inline );
}

これでエディタがゴシック体で表示されるようになりました。

ゴシック体なエディタ

最新情報をチェックしよう!

WordPressの最新記事4件