手順としては「ビジュアルエディタ用のCSS作成」、「function.phpへのコード追加」の２ステップで行います。

１．function.phpへのコード追加

// ビジュアルエディタ用CSS add_editor_style(‘editor-style.css’);
function custom_editor_settings( $initArray ) {
$initArray[‘body_class’] = ‘editor-area’; return $initArray;
}

add_filter( ‘tiny_mce_before_init’, ‘custom_editor_settings’ );

２．ビジュアルエディタ用のCSS作成《editor-style.css》

/* ビジュアルエディタのフォントはこのクラスで指定 */
body.mceContentBody {
font: 14px;
font-family: ‘メイリオ’,’ヒラギノ角ゴ Pro W3′,’Hiragino Kaku Gothic Pro’,’ＭＳ Ｐゴシック’;
}

等々・・・