スマホ表示のグローバルメニューの背景色を変更する方法【賢威6.2 カスタマイズ】

lgf01a201412211400

lgf01a201412211400
 

 

こんにちは^^

夫婦アフィリエイターのヒロトです。

 

いつも私たちのブログをご覧いただき
本当にありがとうございます!

 

私たちは夫婦でネットビジネスを楽しんでいます♪

 

奥さんはアフィリエイトに関しては全くの
初心者でしたが、2015年11月から
無料メールセミナーで基礎を学び、

 

無料ブログを卒業して、先週からいよいよ
オリジナルブログの作成に取り掛かっています!

 

無料セミナーでは、分からない事は
すぐに担当の講師の方に相談できるので、

アフィリエイト超初心者だった奥さんが
どんどん成長していくのがよく分かります^^

 

どんなブログになるか楽しみです。

 

 

それでは、本題に入りたいと思います。

 

前回は、スマホ表示のグローバルメニューを
開いたままにする設定について解説しました。

前回の記事はこちら

 

グローバルメニューを開いたままに設定すると
こんな感じになるのですが、このままだと
非常に文字が見えずらいすよね(^-^;

 

image

 

なんで初期設定がこの色のチョイスなのかは、
とても謎ですが・・・

 

そこで今回は、スマホ表示のグローバルメニューの
背景色を変えて、文字を見えやすくしていきます。

 

前回と同じように、ワードプレスのダッシュボードから
「外観」「テーマの編集」「mobile.css」を開き
下記の部分を探して下さい。

 

/*メニューのデザイン*/
#global-nav #global-nav-in #menu li a:link,
#global-nav #global-nav-in #menu li a:visited,
#global-nav #global-nav-in #menu li a:hover,
#global-nav #global-nav-in #menu li a:active{ background: url(./images/icon/icon-arrow04.png) 1em 1em no-repeat #eaeaea; }

 

赤文字の「#eaeaea」が色コードになるので、
これをお好きな色に変更してください。

 

今回は、からし色「#C8A65D」に設定してみます。

/*メニューのデザイン*/
#global-nav #global-nav-in #menu li a:link,
#global-nav #global-nav-in #menu li a:visited,
#global-nav #global-nav-in #menu li a:hover,
#global-nav #global-nav-in #menu li a:active{ background: url(./images/icon/icon-arrow04.png) 1em 1em no-repeat #C8A65D; }

 

変更すると、このようになります。

 

image

 

 

これで、グローバルメニューの文字が
見えやすくなりました^^

 

次回は、スマホ表示のグローバルメニューの
文字の色を変更をしたいと思います。

 

今回の記事などで、なにかご質問がありましたら
お気軽にメッセージして下さい^^

お問い合わせはこちら

 

注) カスタマイズする時は、
必ずメモ帳などに元の状態をコピーして
保存してから行うようにして下さい。

 

【追記】

現在の僕は脱サラしてネットビジネスで

自由な時間で仕事ができるまでになりました。

ブログアフィリエイトで月収30万達成!

 

最後まで読んでいただき本当にありがとうございました!

 

人気ブログランキングに参加しています。この記事が少しでもあなたのお役にたちましたら、応援クリックしていただけると励みになります^^

にほんブログ村 小遣いブログ ネットビジネスへ

 

応援クリックありがとうございました☆

 

お問い合わせ

お問い合わせヘッダー

お問い合わせはこちら

 

アフィリエイトをやっていると分からない事だらけだと思います。

自分で調べても解決できない事は、誰かに聞くのが一番です。

何でも気軽に聞いて下さい(^-^)

ネットビジネスの事はもちろん、私達夫婦への質問でも大歓迎です☆

お問い合わせはこちらです

 

アバター私服(青)A-1-1
最後の最後までお読み頂き本当にありがとうございました^^

これからもあなたのお役に立つ情報をどんどん配信していきますので、また遊びにきて頂けると嬉しいです☆

ヒロト

 


2 件のコメント

  • 色を変えるだけでこれほど見やすくなるんですね。
    配色も考えてみようと思います。

    私のブログでのスマホ表示という点を考えてなかった事に気がつきました^^;
    今度じっくり考えてみようと思います。

    勉強させていただきました^^
    ぽちっと~

    • ヒロト より:

      チョークさん、こんばんは^^

      ブログへのご訪問とコメント・応援
      本当にありがとうございました!

      >色を変えるだけでこれほど見やすくなるんですね。
      >配色も考えてみようと思います。

      色の効果は結構大きいなというのは感じます。
      僕もまだまだ勉強中ですが、これからも
      いろいろと試していきたいなと思っています。

      >私のブログでのスマホ表示という点を
      >考えてなかった事に気がつきました^^

      これからは、スマホやタブレットが主流に
      なると思うので、そちらの見え方も大切ですよね^^

      参考にして頂けて嬉しいです♪
      これからよろしくお願いいたします。

      ヒロト

  • コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です