WordPress ビジュアルエディタを表示されている画面に合わせる。

WordPress ビジュアルエディタを表示されている画面に合わせる。

ビジュアルエディタを使って編集していると、実際のイメージとだいぶ違っていて、かなりイライラしてしまいます。

実際の表示と合わせる為には以下をします。

１、使っているテーマフォルダ内の functions.php に

　　<?php add_editor_style(); ?>

　　を記述する。

２、editor-style.css というファイルを作成し、

　　@import url(‘./style.css’);

　　を記述する。
　　※記述内容によっては抜粋版を作る必要があります。

３、editor-style.css を使っているテーマフォルダに
　　アップロードする。

これでほぼ同じイメージでビジュアルエディタでの編集が出来ます。

PS Disable Auto Formatting を入れたらもうちょっといい感じになった。