.EnlighterJSToolbar>a:hover{opacity:1}WordPress【WordPress】エディタの文字・背景色に好きな色をカスタム登録する方法WordPress2019.06.19WordPressのビジュアルエディタは文字や背景色を簡単に変えることができますが、カスタムで作ったカラーは新規記事を作る時には消えてしまいますよね。好きな色を登録しておくためにプラグインを使う方法もありますが、今回はプラグインを使わずに「functions.php」で登録する方法をご紹介します。ビジュアルエディタのテキスト色や背景色に自分の好きなカラーを登録することができます。5.0から搭載された新エディタ「Gutenberg」をカスタマイズする場合はこちらの記事をどうぞ↓Gutenbergの文字・背景色にカスタムカラーを登録する方法...web-ashibi.net2018.12.09この記事の目次functions.phpで文字色をカスタム登録するデフォルトのカラーは彩度がキツいfunctions.phpで文字色をカスタム登録するfunctions.phpは少しでもコードが間違っているとサイトが真っ白になります。編集は慎重にやりましょう。今回は以下のコードをfunctions.phpにコピペするだけです。文字色も背景色も共通のコードなので両方に反映されます。);「$custom_colors」で7色登録できるようになっていますので、お好きなカラーコードに書き換えてください。カラーを探すためのツールを無料で提供しています。HTMLカラーチャートとHTMLカラーピッカーは、色探しの作業を手軽にしてくれる素晴らしいツールです。7」の部分はマウスをのせた時に表示される部分なので、色の名前など分かりやすいものにしておきましょう。日本語でも大丈夫です。「$custom_colors」をさらに増やすこともできます。7;上記のコードは抜粋したものなので、この部分だけをコピペしてしまうとエラーになるので注意してください。「$default_colors」の40色は初期状態で登録されているカラーですが、この部分を書き換えても大丈夫です。不要であれば削除しても大丈夫です。);こんな感じでカスタムカラーだけを表示することもできます。デフォルトのカラーは彩度がキツい記事を書いていて赤文字などはよく使うと思いますが、個人的にデフォルトで登録されている赤(ff0000)はちょっと彩度が高すぎてまぶしく感じてしまいます。僕がよく使っているのは彩度が低めの赤(e36b6d)ですが、こっちのほうが目に優しい感じがしませんか?個人的な好みもありますが、文字の色にも少しこだわってみると他のサイトとの差別化になると思います。皆さんも色々と試してみてくださいね。CacheでTwitterのシェア数が表示されないので復活させる方法WordPressSTINGER7/Plus:記事本文の文字サイズと行間を調整して読みやすくする方法commentコメントをキャンセルメールアドレスが公開されることはありません。超オススメ!iMacの周辺機器&アクセサリ【オシャレ&機能的】タイトルとURLをコピーしました。