WordPressのHTMLエディタのフォントサイズを変更する

Firefox専用です。
私はビジュアルエディタを無効化してHTMLエディタだけ使ってますが、文字が小さくて見づらいなぁ…と思ってました。
最近 Stylish という Firefox のアドオンを使い始めたんですが、もしかしてフォントサイズを変更できるかも!と思って試してみました。

Firefoxの調査機能を使って調べつつ、以下のようなユーザースタイルを書いてみました。

#wp-content-editor-container textarea#content.wp-editor-area {
  font-family: "IPAゴシック", sans-serif !important;
  font-size: 17px !important;
  color: #fff !important; text-shadow: 1px 1px 1px #000 !important;
  line-height: 120% !important;
  background-color: #333 !important;
  height: 600px !important;
}
#wp-content-editor-container textarea#content.wp-editor-area::-moz-selection {
  background: #359; color: #ff7;
}

フォントの大きさは font-size というプロパティのところです。
その他のプロパティは見易くするために追加してみました。
以下のような感じになります。

Stylish適用前
Stylish適用前
Stylish適用後
Stylish適用後

かなり見易くなりました。
いい感じです。
Stylish、便利ですね~(^_^)


COMMENT

コメントをどうぞ

日本語が含まれない投稿は無視されますのでご注意ください。(スパム対策)