ビジュアルエディタのCSS調整

cms wordpress

ビジュアルエディタの書体がデフォだとなぜかセリフ（明朝）なので、ついカッとなって修正した。

エディタをゴシック体に

下記CSSを開く。



/wp-includes/js/tinymce/wordpress.css
「body.mceContentBody」のfontを修正。

エディタ内のHTMLにスタイル適用

ついでにエディタと出力画面のスタイルを合わせたくなったので…

  • /css/mce.cssを作成
  • 下記ファイルを開く



/wp-includes/js/tinymce/themes/advanced/skins/wp_theme/content.css

  • 1行目に下記を追記。



「@import "../../../../../../../css/mce.css";」
※ルートパスで書いてもいいですが、設置環境に左右されない相対パスにしてます。
あとは好きなようにmce.cssを調整。




というわけで、いきなりWordpressに浮気し始めました。
昔試した時とダッシュボードのUIが丸変わりしていて、MTより圧倒的に使いやすくユーザフレンドリーで、なおかつ記事公開のワークフローなども標準装備していたりしたので、ちょいとWPに慣れてみようと思った次第でございます（ ＾ω＾）