2019-09-30-月1こんにちは😀広瀬ユキです。今回は、スマホのハンバーガーメニューの「MENU」の文字色と背景色のCSSカスタマイズについてご紹介します。CSSにコードを追加して、ハンバーガーメニューの「MENU」の文字色と背景色を変えてみましょう🍔WordPress有料テーマ【JIN】を使っている方向けの記事です。質問させていただきます。スマホのグローバルメニューを展開した時に、背景になぜか広告が出てきてしまい、メニューの文字が見えなくなるのですが何か原因があるのでしょうか。【WordPress】【JIN】ハンバーガーメニューの閉じるボタンが表示されないときの対処法:2種類【WordPress】【JIN】スマホのハンバーガーメニューの閉じるボタンが表示されないときの対処法について書きました。「閉じるボタン」のCSSカスタマイズ編集後記ハンバーガーメニューの基本の配色スマホのハンバーガーメニューの基本の配色は、下記のような配色になっています。これは、JINのカスタマイズ画面から設定できる配色です。上記の設定にプラスで、CSSにコードを追加して、ハンバーガーメニューの「MENU」の文字色と背景色を変えてみます!それぞれ色を変えると、下記のようになります。After※Afterの上部のバーは、ヘッダー広告です。ハンバーガーメニューの「MENU」の文字色が変わり、背景色がやや濃くなりました。CSSにコードを追加するでは、実際にCSSにコードを追加して、ハンバーガーメニューの「MENU」の文字色と背景色を変えてみましょう!CSSにコードを追加する方法がよく分からない方は、下記の記事を参考にしてください。【WordPress】【JIN】ブログのデザインをカスタマイズする方法:2種類【追加CSS】【WordPress】有料テーマ【JIN】を使っている方向けにブログのデザインをカスタマイズする方法:2種類について書きました。囲ってある部分はメモ書きなので、削除してもOKです。「MENU」の文字色の部分について解説します。「#aaa」の部分にお好きなカラーコードを入れると、色を変えることができます。*/※スマホのハンバーガーメニューの「MENU」の文字色のみ変わります。サイトタイトルは、こちらのコードでは変わりません。背景色の部分の解説をします。「rgba」のカッコ内にお好きなカラーと透明度の数値を入れると、色を変えることができます。デフォルト(初期設定)では、下記の数値になっていて、白の透明度60%となっています。*/透明度が不要な場合は、コチラ↓「#aaa」にお好きなカラーコードを入れてください。*/「RGBA」とは・・・コンピューター上で色を表す方法の一種。カラーを数値で表すことができる。数値の範囲は、R,G,Bが0~255、Aが0.0~1.0である。1.0)が白で、透明度がない色の数値です。透明度がないので、#fffと同じ色です。【「RGB」の数値を調べるのに便利なサイト】カラーコードを入力して、R,G,Bを調べることができますwww.color-site.comあわせて読みたいカラーサイト.com色見本や色コードなど色に関する「カラーサイト.com」です。HTMLで使われる配色やカラーコードの変換もできます。続きを読むスマホのハンバーガーメニューの文字色と背景色を変更することができました!!「閉じるボタン」のCSSカスタマイズスマホのハンバーガーメニューの画面右上にある×ボタンの色のCSSカスタマイズについては、下記の記事を参考にしてください。【WordPress】【JIN】ハンバーガーメニューの閉じるボタンが表示されないときの対処法:2種類【WordPress】【JIN】スマホのハンバーガーメニューの閉じるボタンが表示されないときの対処法について書きました。【WordPress】【JIN】スマホの背景色を変えるCSSカスタマイズ★オススメ★【WordPress】有料テーマ【JIN】スマホの背景色を変えるCSSカスタマイズについて書きました。標準設定では変えられないスマホの背景色を変えることができるカスタマイズなので、オススメです。...【WordPress】【JIN】サイトタイトルの色を変えるCSSカスタマイズ★オススメ★【WordPress】有料テーマ【JIN】を使っている方向けに、サイトタイトルの色を変えるCSSカスタマイズについて書きました。☆オススメ☆...【WordPress】表を横スクロールするためのコード【便利】【WordPress】表をスクロールするためのコードについて書きました。【便利】CSSとfunctions.phpにコードを追加します。ファイルが含まれていないサイトがあります。yuki_hirose_広瀬ユキ2019年5月16日(木)ブログ開設。