KOKOKARAHAJIMEYOU

ウェブデザイン

WordPressのビジュアルエディタにも表画面と同じcssを適用する

記事の見た目を見やすくカスタマイズしても、ビジュアルエディタはデフォルトのまま…

これだといちいちプレビューなどで確認しなければいけません。

editor-style.cssを追加してビジュアルエディタにもカスタマイズしたcssを効かせてあげましょう。

 

editor-style.cssファイルを作ってに記事で使用しているcssを書く。

※特定のclass名やid名を付けている場合は外しましょう。

 

例えば、kijiというclass名を付けていた場合

 

class名を取ってeditor-style.cssに書く。

※記事内にはclass名が付かないため

 

function.phpにeditor-style.cssを読み込む記述を追加

 

function.phpとeditor-style.cssを下記にアップロードして終わり。

wp-content>themes>使用テーマフォルダ

 

editor-style.cssは更新しても効かない時があります…

そんな時は下記もfaunction.phpに追加してみてください。

 

pagetop