wordpressビジュアルエディタTinyMCEのフォント

投稿日：2012年07月20日(金) 01時14分 by eo　カテゴリー：HP作成などについて・・・, WORDPRESSのこと.

wordpressのビジュアルエディタ、TinyMCEのフォントをいじるのが、はぁ・・・？！ってくらい、どーにも苦労したので、忘れないようにメモ。

本体側のCSSをいじる方法なども色々紹介されていましたが、全て駄目だった・・・（汗）・・・

さらに、本体バージョンアップもあるし、テーマ側で。

・テーマに、editor-style.css　を作る

中身↓

body.mceContentBody {
font: 13px/19px ‘メイリオ’,Meiryo,’ＭＳＰゴシック’,Verdana, Arial, Helvetica, sans-serif!important;
padding: 0.6em;
margin: 0;
}

・functions.php　に下記を加える　↓

add_filter(‘excerpt_mblength’, ‘new_excerpt_mblength’);
add_editor_style(‘editor-style.css’);
function custom_editor_settings( $initArray ){
$initArray[‘body_class’] = ‘editor-area’;
$initArray[‘theme_advanced_blockformats’] = ‘p,address,pre,code,h3,h4,h5,h6’;
return $initArray;
}
add_filter( ‘tiny_mce_before_init’, ‘custom_editor_settings’ );