東金 ホームページ制作

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

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

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

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

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


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

中身↓


body.mceContentBody {
font: 13px/19px ‘メイリオ’,Meiryo,’MS Pゴシック’,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’ );

よろしければコチラの記事もどうぞ


RSS Feed   Trackback URL  Add comment   Edit Page FACEBOOK Twitterに投稿する Yahoo!ブックマーク GOOGLEブックマーク はてなブックマーク お気に入りに登録



FACEBOOKへコメントはこちら

コメントをどうぞ!



CAPTCHA