WordPress 投稿画面のスタイルを変更する

CKL_hunenokajinomyumento_TP_V

WordPressにて投稿画面のスタイル(エディタースタイル)を変更する方法です。

次のようにします。

1. 投稿画面のスタイルシートを指定する

現在使っているテーマのfunction.phpを開きます。function.phpは、wp-content/themes/テーマ名/ にあります。

次のように投稿画面で使用するスタイルシートを指定します。

add_editor_style('スタイルシート名')

スタイルシート名を何も指定しないと、function.phpと同じディレクトリにあるeditor-style.cssが読み込まれます。例として、editor-style.cssを読み込むように指定します。

/* function.php */
add_editor_style('editor-style.css');

2. 投稿画面のスタイルシートを作成する

投稿画面用のスタイルシートを、上のfunction.phpと同じディレクトリか、何かフォルダを作ってそこに配置します。

例として、function.phpと同じディレクトリにeditor-style.cssを作ります。

てっとり早く現在のテーマと同じスタイルにするには次のようにします。

/* editor-style.css */
@import url("style.css");

 3. 備考

テーマによっては初めからadd_editor_styleがfunction.phpにあるものがあります。その場合は適時改変します。