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

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

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

 

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

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

 

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

 

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

 

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

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

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

 

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

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

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

 

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

参考 WordPressでオリジナルのeditor-style.cssを設置・適用する方法【子テーマ対応】WEB TIPS

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

 

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

 

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

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

 

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

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

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

 

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

 

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

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です