Home > Tags > ビジュアルエディタ

ビジュアルエディタ

WordPress 2.7.1にアップデート

テスト環境では2.7リリース後すぐにインストールして遊んでいたものの、2.7.xx目玉である管理画面に違和感を覚えこのサイトに導入するのを見合わせていた。
最近ようやくその画面にも慣れてきたためアップデートしてみた。管理画面自体かなりカスタマイズ出来るみたいだが不要な物を2つほど非表示にしただけで殆どデフォルトでの使用。

ただビジュアルエディタ使用時のフォントだけは我慢できなかったのでメイリオに変更した。
/wp-includes/js/tinymce/wordpress.css 54行目
変更前

body.mceContentBody {
	font: 13px/19px Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
	padding: 0.6em;
	margin: 0;
}

変更後

body.mceContentBody {
	font: 13px/19px "Meiryo", Arial, Helvetica, sans-serif;
	padding: 0.6em;
	margin: 0;
}

結果
WordPress 2.7.xx ビジュアルエディタ
期待通りの表示にはなったもののバージョンアップ等でアップデートすれば、その都度書き直さなくてはいけないので根本的な解決にはなっていない。

ビジュアルエディタのフォントを変更

WordPressに標準で装備されているビジュアルエディタTinyMceの記事投稿画面のフォントはデフォルトの状態ではTimes New Romanになっている為、日本語を打ち込んだ際は少々違和感がある。

wp-includes/js/tinymce/plugins/wordpress.cssの28行目にフォントを設定する箇所があるのでお好みに変更すれば問題は解決。

body {
background: #fff;
font: 1em/1.3em Georgia, “Times New Roman“, Times, serif;
padding: .5em;
}

修正後

body {
background: #fff;
font: 1em/1.3em Georgia, “MS UI Gothic“, Times, serif;
padding: .5em;
}

TinyMceのフォント変更後

参考記事 >> ビジュアルエディタのフォントの大きさ

Home > Tags > ビジュアルエディタ

Search
Feeds
Meta

Return to page top