WP TinyMCE Advanced で投稿エディターにオリジナルスタイルを追加する

2018.02.27
自分用メモなので、ちゃんとまとまってないです！

TinyMCE Advancedにオリジナルスタイルを追加したい

1. divとかにクラスつけてくくりたい
2. h4とかもクラスつけたい
3. エディターにもCSS反映させたい

editor-style.cssを使う

1. wp-content/theme/ [自分の使ってるテーマ] の下に配置する。
2. header.php で読み込む。

editor-style.cssで追加したクラスなどが、TinyMCE Advancedのスタイルボックスで選択できるようになります。

editor-style.cssは、エディターと投稿表示画面両方に適用されます！

エディター画面にのみCSSを反映させる

エディター画面にのみ反映させたいCSSは、#tinymceをつけて記述します。

#tinymce p{
    color: red;
}