TwentyTen グローバルナビゲーションの背景色を変更する方法

ワードプレスのテーマは、デフォルトでグローバルナビゲーションが実装されています。TwentyTenもその内の一つですね。

残念ながらデフォルトでは黒一色(単色)…。せめてこの背景色だけでも変えたいモノです。それでは、スタイルシートの以下の部分を見つけて下さい。(小テーマを使用している方は、小テーマ側のスタイルシートを変更して下さい)

/* =Menu
-------------------------------------------------------------- */

#access {
	background: #000;    /* 背景色設定部分 */
	display: block;
	float: left;
	margin: 0 auto;
	width: 940px;
}
#access .menu-header,
div.menu {
	font-size: 13px;
	margin-left: 12px;
	width: 928px;
}
#access .menu-header ul,
div.menu ul {
	list-style: none;
	margin: 0;
}
#access .menu-header li,
div.menu li {
	float: left;
	position: relative;
}

※赤色で表示したところが、グローバルナビゲーションの背景色を設定しているところです。

ココに変更したい色のカラーコードを入力すると、背景色が変わったハズです。カラーコード取得についてはコチラ⇒カラーコード(色コード)超簡単取得方法

WordPress 3.xデザイン&カスタマイズスタイルブック 複数ブログ管理からスマートフォンサイトまで、一歩進んだWordPressサイト構築術
WordPress 3.xデザイン&カスタマイズスタイルブック 複数ブログ管理からスマートフォンサイトまで、一歩進んだWordPressサイト構築術

 


にほんブログ村 ブログブログ ブログノウハウへ

1 thoughts on “TwentyTen グローバルナビゲーションの背景色を変更する方法

  1. ピンバック: TwentyTen グローバルナビゲーションのリンク/マウスオーバー時の色変更 | 初めてのワードプレス カスタマイズ

コメントを残す

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