子テーマの「editor-style.css」が効かない時の対処法-ワードプレス

こんにちは！ おもち　@_____nyam　です！

ワードプレスでサイトを作っている時に、子テーマの「editor-style.css」が効かなくて困った話です！

記事のCSSを変更した際、投稿ページのビジュアルエディターでも同じ見た目になるようにしたいので、

おもちは、「editor-style.css」を子テーマに追加しています。

だがしかし、なぜがビジュアルエディターにCSSが反映されない！

結論から言うと、子テーマの「functions.php」が原因でした！ｗ

子テーマの「functions.php」が原因

子テーマを作る際に、「functions.php」を作ってあると思います！

子テーマを作ってない方でも、使用中のテーマ内の「functions.php」
子テーマを使用していない方は、テーマ内の「functions.php」です！

「editor-style.css」は、自分であとからアップロードしました。

「editor-style.css」を追加する際に、「functions.php」を編集しないといけないらしく…ｗ

これを忘れていたようです。

子テーマの「functions.php」の設定

こちらの記事を参考にして、「functions.php」を編集しました。

// editor-style.cssを読み込む
add_action('admin_init',function(){
add_editor_style();
});

「functions.php」にこのコードを追記します。

これで、再読み込みしたり、キャッシュクリアしたりすれば、ビジュアルエディターにCSSが反映されるはず！

まとめ・手順をよく確認して編集すればよかったｗ

どこかのサイトで「editor-style.css」を設置したんでしょうね…。

「editor-style.css」をアップロードすることだけ覚えていたから、「functions.php」の編集を忘れていましたｗ

同じように、忘れている方がいたら、仲間ですね←

何かありましたらコメント下しあ。