あまろぐ!

WordPressのテーマ「Responsive」のメニュー文字色を変更する方法

62-1
 
このブログのテーマには「Responsive」を使ってます。
 
シンプルで良いテーマなのですが、画面上部にあるメニューの文字がすべて白色なのが少し困ります。
 
 
メニューには、
  • 他のサイトへのリンク
  • カテゴリのリンク
  • すべての記事へのリンク
などがあるのですが、全部同じ色だと区別がつかず、少しわかりずらいのです。
 
標準では文字色を変更する方法が無さそうだったので、とりあえずできる方法を紹介します。
 



CSSを設定すればOK!

方法はとても簡単です。
 
メニューの文字は「メニュー – 外観 – メニュー」のナビゲーションラベルで指定するのですが、ここに文字色用のHTMLタグ(CSS設定)を追加するだけです。
 
例えばこんな感じ。
<span style="color:#99FFFF;">■ポータルへ行く</span>
 
62-3
 
スタイルシートを変更する方法もありますが、若干めんどくさかったので、ベタな方法でやってみました。
 

気になるところあり

 しかし、この方法には1つ弱点が。
 
トップやヘッダーのメニューの場合は問題ないのですが、「文字色を変えたメニューと同じもの」をフッターメニューにも指定している場合、指定した文字色によっては見えにくくなる場合があります。 
62-2
 
回避方法は2つ。
  1. フッターメニュー用に別のメニューを作成して指定する。
  2. フッターメニューを外す。
 
このブログでは特にフッターメニューが必要なかったので外しました。
 
もっと良い方法があるとは思いますが、とりあえず出来れば良い場合は一度お試しくださいね。
 
スポンサーリンク

コメント

  1. お世話になっております。

    ドロップダウンメニューのバックカラーと
    文字カラーの変更方法が分からなくて
    悪戦苦闘しております。

    cssで変更しておりますので、もしご存知でしたら、
    クラス名だけでも教えて頂きたいのです。

    お手数をお掛けして申し訳ありませんが
    どうぞ宜しくお願い致します。

    • お世話になっております。

      クラス名が分かりました。「sub-menu」でした。
      これで何とかなりそうです。

      お騒がせして申し訳ありませんでした。

      今後とも宜しくお願い致します。

  1. この記事へのトラックバックはありません。

ゴゴゴゴゴゴ「荒木飛呂彦の奇妙なホラー映画論」がおもしろい!

WordPressのカスタマイズのお伴に「PHPの絵本」を買いました

最近のコメント

だーしゅ
IT関係のお仕事してます。焚き火がしたい。
[当ブログについて]