wordpressのビジュアルエディタにcssが反映されない

Question

###前提・実現したいこと
wordpressの投稿画面のビジュアルエディタに、自分で編集したcssの見た目を反映させたい。

使用している親テーマ：LION MEDIA
http://lionmedia.fit-jp.com/

###発生している問題・エラーメッセージ
現在子テーマにcssを作成して、それを読み込ませています。
子テーマのfunction.phpにadd_editor_styleを追加して投稿画面にも読み込ませています。
しかし、投稿画面には全く反映されず、デフォルトの見出しのデザインのままです。（実際の記事ページやサイト上にはしっかりと読み込まれています）
投稿画面でキャッシュも消したのですが変化はありませんでした。
function.phpに読み込ませている関数の書き方が間違っているのでしょうか。ご教授お願い致します。

###function.phpのadd_editor_styleを使っている箇所

function my_add_editor_style() {
	add_editor_style("style.css");
}
add_action( 'after_setup_theme', 'my_add_editor_style', 20 );

※function.phpとstyle.cssは同階層にあります。

Answer 1

まず、エディタ用のCSSファイルを用意してください。
ファイル名は何でも良いですがここはstyle-editor.cssとしておきます。

このCSSファイル内に、見出しや文章の装飾などのCSSを追記します。
元のstyle.cssから該当部分だけコピペで良いでしょう。

次に子テーマのfunctions.phpに次の一行を追加します。

add_editor_style('style-editor.css');

これは特にフックする必要はありません。
どうしてもフックが必要なのであれば、after_setup_themeではなくadmin_initが適切でしょう。

Comments

[退会済みユーザー]

無事解決しました！ありがとうございました