wordpressのエディタはとても便利ですが、エディタでの編集時と実際に投稿後ではデザインが変わる事が多々あります。

エディタとブログ上で適応されるcssが違うわけですね。というわけで、エディタ画面で利用できるcssを作りましょう。

テーマによっては既に用意されてる場合もある

「editor-style.css」というファイルがテーマフォルダに入ってますか？　入っているなら既にエディター用のcssが設定済みです。直接このファイルの内容を変更していけばＯＫです。簡単ですね。

用意されてない場合

さて、入っていない場合です。この場合、cssファイルを追加してもwordpressは認識しません。function.phpにコードを一行追加しましょう。

add_editor_style('editor-style.css');

これでエディターでcssファイルを利用する事が出来ますよ！