WordPress 投稿画面のビジュアルエディター・テキストエディター・テーマの編集のフォントサイズを変更するいちばん簡単な方法

2017年9月12日2020年5月22日

WordPressの投稿画面のエディターの文字が小さくて読みにくいので、大きくしようといろいろ試してみましたがなぜか上手くいかず、面倒なのでFireFoxのアドオン「Stylus」※で変更しました。ついでにフォントも変更して読みやすくします。

Stylusをインストールするとツールバーにアイコンが表示されるので、クリックして管理　>　新しいスタイルを作成　をクリック。タイトルを適当に入力し、コード入力欄に下記のCSSをコピーして貼り付け、保存をクリックすればOK。
フォントやフォントサイズ、色はお好みに応じて変更してください。

/* テキストエディター */
textarea#content.wp-editor-area {
 font-family: '源ノ角ゴシック code JP';
 font-size: 16px;
 color: #444;
}
/* TinyMCE ビジュアルエディター */
#tinymce.mce-content-body {
 font-family: '源ノ角ゴシック code JP';
 font-size: 16px;
 color: #444;
}
/* テーマの編集 */
textarea#newcontent{
 font-family: 源ノ角ゴシック code JP N ;
 font-size: 15px;
 color: #444;
}

僕の環境ではこれくらいがいい感じ。
（ビジュアルエディターはTinyMCE用です）

もし反映しない場合はページのソースを見るかブラウザーの開発ツール（F12）を使ってidやらクラスやらを探して変更してみてください。
源ノ角ゴシックがインストールされていない場合はここからダウンロードしてください。

Firefoxでビジュアルエディター画面に反映しない場合はセレクターの括弧の前に　*　を入れてみてください。