京都のシステム開発・ホームページ制作会社　株式会社Nextat（ネクスタット）

WordPressで記事を書いている時、プレビューは付いているものの、いちいち確認するのが手間ですよね。

完成記事と同じCSSをビジュアルエディタに設定することで、公開時とほぼ同じデザインを見ながら記事を編集することができます。


設定の仕方は簡単。 function.phpに

add_editor_style()

と関数をひとつ追加し、テーマのディレクトリ直下にeditor-style.cssという名前のスタイルシートを設置するだけです。 これでeditor-style.cssの中身がビジュアルエディタに反映されます、 なお、editor-style.cssというのはデフォルトの名前であり、add_editor_style()の引数に任意のファイル名を指定することができます。

add_editor_style('your-style-file-name.css');