[WordPress] 投稿画面のエディタのフォントサイズを変更する

WordPress

この WordPress への記事の投稿には、MarsEdit というブログエディタを使用しているのですが、WordPress のカスタマイズのコツを掴んでからは、管理画面の投稿も同じように便利な環境を作れないかと試行錯誤しています。

今回は、WordPress の投稿画面のフォントサイズを大きくしてみます。

投稿画面のエディタのフォントサイズを変更する

現在、使用しているテーマファイルにある functions.php に以下の内容を記述します。

function editor_style_admin_head() {
  echo '<link rel="stylesheet" type="text/css" href="' . get_bloginfo('template_directory') . '/editor-style.css" />';
}
add_action('admin_head', 'editor_style_admin_head');

admin_head にアクションを追加します。管理画面(admin)のヘッダ(head)に、新しくスタイルシートを追加します。

ちなみに、add_editor_style でも同じことができるみたいですが、僕の環境では動作しませんでした(泣)。

テーマファイルに新しくスタイルシートを追加します。名前は先ほど宣言した editor-style.css です。エディタ部分である textarea に対し、フォントサイズの指定と色の指定を行います。個人的に #000 は、目に優しくない気がするので、#444 程度を指定します。

textarea.wp-editor-area {
	font-size: 14px;
	color: #444;
}

以上の設定を行うと以下のように、投稿画面のエディタのフォントサイズが変更されます。

関連記事

SPONSORED LINK