はじめに
今回はWordPressのビジュアルエディタの文字色と背景色をカスタマイズするやり方について紹介していきます。
ブログの記事を執筆されている方は、常にビジュアルエディタと向かい合って作業します。
ビジュアルエディタが自分好みになるとモチベーションが上がりますよね。
気になる方はぜひ参考にしてください。
対象者
ビジュアルエディタのカスタマイズまとめについてはこちら。
それでは説明に移ります。
目指す形
目指す形は以下です。

文字色と背景色が変更されているのが分かりますよね。
それではビジュアルエディタをカスタマイズしていきましょう。
カスタマイズのやり方
ビジュアルエディタの文字色と背景色をカスタマイズするにはstyle.cssを編集していきます。
style.cssの編集方法は以下参考にしてください。
style.cssを編集しよう
それではstyle.cssを編集していきましょう。
上記編集をすることでビジュアルエディタの文字色と背景色が変更されます。
色の指定はご自身のお好みでかまいません。
サイト側の文字色と背景色に合わせることをおすすめします。
ビジュアルエディタ側を確認しよう
変更が完了したらビジュアルエディタ側を確認しましょう。
以下のようになっているはずです。

参考
1つの例として私のスタイリングを載せておきます。
特にこだわりはないですがどこがどのように変更されるか参考になるかと思います。
ビジュアルエディタ側は以下のようになります。

ちなみにすべてのスタイリングを反映した場合はこんな感じ。

他のカスタマイズ箇所を知りたい方はこちら
おわりに
以上WordPressのビジュアルエディタの文字色と背景色をカスタマイズするやり方について紹介しました。
いかがだったでしょうか。
ビジュアルエディタをカスタマイズしてブログ執筆のモチベーションを上げていきましょう。
コメント