Wordpress

【WordPress】JINのスマホでハンバーガーメニューの色が見えない問題

つまづくときって…単純なとことが多いよね…。

最近ロゴ作ったんですよ!ロゴ!
サイトロゴ。

いやぁ~センスなし男の私にしては結構気にっている感じにできたので満足しているんですけどね?

そこでちょっとした問題が発生したんで、その問題と解決方法をメモしておきます。

この記事で書くこと
  • 私のロゴ作成手順
  • JINのスマホでのハンバーガーメニューの色設定

ロゴはどうでもいいからJINのスマホハンバーガーメニューの色だけ教えろー!って人は、目次からジャンプしてくださいね!

ロゴ作成

ロゴの作成はいつものようにCanvaを使用しました。

Amazingly Simple Graphic Design Software – Canva

Create beautiful designs with your team. Use Canva’s drag-and-drop feature and layouts to design, share and print business cards, logos, presentations and more.

アイキャッチ画像もこれを使っています。

いいですよねぇ~Canva。
スマホ版もあるし。

ただ欲をいえば、文字の周りに縁取りとか影とかつけられたらなぁとは思いますけど。

影絵はシルエットイラスト

メタボの男性やワンコ・足跡などは無料のAi・PNG白黒シルエットイラストからいただきました。

【無料のAi・PNG白黒シルエットイラスト】は、フリーの白黒イラストアイコンを無料ダウンロードできるサイトです。 イラストのデータはベクター加工してあるAi、背景透過PNG、高画質JPG形式がまとまってZIPファイルになっていて無料ダウンロードできます。 ロイヤリティーフリーの高品質イラストアイコンを会員登録不要で1クリックでダウンロードできます。 白黒のモノクロで汎用性も高く商用利用もOKなので、チラシやお便り、ポスター、WEBサイト、ポストカードや年賀状などの印刷媒体にもアイコンやイラストとしてご利用いただけます。 クレジット表記や許可も必要なく加工してご利用いただいても大丈夫です。イラストご利用規約の内容をご確認しイラストをご利用ください。

ありがたい。

JINのスマホ表示でハンバーガーメニューが消えた…?

ロゴを作成して意気揚々とスマホで確認する私。

え?あれ?ハンバーガーメニューが

あるぅぅぅ!!!!

でもめちゃくちゃ薄いー!!

原因:背景色を灰色にした。

これまたなんとなく気分で、背景色をちょっとだけ灰色にしました。

白ってちょっと目が疲れるかなーって。

そうしたらこうですよ!

もしかしたら別のところもいじったかもしれないけど(笑)

これ背景白なら本当に「消えた」と勘違いするかも…。

いかん、危ない危ない。

解決法:カスタマイズ

[外観]>[カスタマイズ]>[カラー設定]>[タイトルの文字色]

え?ハンバーガーメニューの色って、タイトルの文字色だったの?

と思ったあなた!

Exactly (そのとおりでございます)

タイトルの文字色なんて考えてませんでしたからね。

こうして私は無事にハンバーガーメニューを色付きにすることができたのでした。

めでたしめでたし。

ではまた!

COMMENT

メールアドレスが公開されることはありません。