ビジュアルエディタ用CSS

hoge

functions.php

// ビジュアルエディタ用CSS
add_editor_style('//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css');
add_editor_style('editor-style.css');
 
function custom_editor_settings( $initArray ) {
    $initArray['body_class'] = 'editor-area '.get_page(get_the_ID())->post_name;
    return $initArray;
}
 
add_filter( 'tiny_mce_before_init', 'custom_editor_settings' );

editor-style.cssを作る

body.mceContentBody {
    font: 14px;
    font-family: 'メイリオ','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック';
}
 
.editor-area {
    margin: 0px 20px 0.5em 20px;
    font-size:14px;
    line-height:150%;
	width: 710px;
}