内的SEO満載の賢威６．１でトップメニューの色と文字色を変える方法

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　ご訪問有難うございます。

上の画像の①の部分が内的SEO満載の賢威６．１でトップメニューの部分です。当サイトでも右の一番上にサイトマップが設定して有りますが、当サイトはトップメニューの色は変えませんのでいま製作中のホームページで表示いたしました。

この、サイトマップ・メニューの背景色の色が白色なので何か違う色に変えたいという時の方法を解説いたします。

ワードプレスの管理画面（ダッシュボード）から外観＞＞テーマ編集＞＞design.cssと進みます。

design.cssの以下の部分の＃fffをお好みの色に変えて下さい。色見本⇒http://www.colordic.org/

■ソース■

/*——————————————————–
トップ
——————————————————–*/

#top{
position: absolute;
top: 0;
background-color: #fff;
font-size: 1.2em;
}

トップメニューの部分のいろを＃fff白色から#9370db変えてみます。

■ソース■

/*——————————————————–
トップ
——————————————————–*/

#top{
position: absolute;
top: 0;
background-color: #9370db;
font-size: 1.2em;
}

design.css編集後です。

サイトマップの文字が青色ですので紫色と被ってしまい見えにくいですね。（と言うより全く見えなくなってしまいました。）

ワードプレスの管理画面（ダッシュボード）＞＞外観＞＞テーマ編集＞＞design.cssと進みます。design.cssの

最後に以下を記述して完了。下のソースを付け加えるだけです。

■ソース■

#top-menu li a {
color: #fff;
}

以上です。

photo by: Illusive Photography

内的SEO満載の賢威６．１でトップメニューの色を変える方法