wordpressビジュアルエディタTinyMCEのフォント
投稿日:2012年07月20日(金) 01時14分 by eo カテゴリー:HP作成などについて・・・, WORDPRESSのこと.
![Edit Page](https://blog.eosdesign.jp/wp-content/themes/eosdesign2/images/pageedit.png)
FACEBOOKへコメントはこちら
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](https://blog.eosdesign.jp/wp-content/themes/eosdesign2/images/feed-icon-14x14.png)
![Trackback URL](https://blog.eosdesign.jp/wp-content/themes/eosdesign2/images/trackback.png)
![Add comment](https://blog.eosdesign.jp/wp-content/themes/eosdesign2/images/addcomment.png)
![Edit Page](https://blog.eosdesign.jp/wp-content/themes/eosdesign2/images/pageedit.png)
![](https://eosdesign.jp/image/line.gif)
![FACEBOOK](https://eosdesign.jp/image/facebook.jpg)
![Twitterに投稿する](https://eosdesign.jp/image/tw.gif)
![Yahoo!ブックマーク](https://i.yimg.jp/images/sicons/ybm16.gif)
![はてなブックマーク](https://d.hatena.ne.jp/images/b_entry.gif)
![お気に入りに登録](https://eosdesign.jp/image/fav.gif)
次の投稿 »
茂原の町は七夕祭り一色ですね
茂原の町は七夕祭り一色ですね
FACEBOOKへコメントはこちら