This post is also available in: English-US (英語)

Wordpressの公式サイトでTwenty Fourteenをカスタマイズしようと思いテーマを探していると、Twenty Fourteenの子テーマ[Anjirai](http://wordpress.org/themes/anjirai)という便利なテーマを見つけました。

早速Anjiraiをインストール・有効化し[外観 > カスタマイズ]と移動すると、画像のようにTwenty Fourteenのカスタム機能に加えて、メニューやテキストの色を変更できる機能が追加されていました。かなり便利です。

ただ、[外観 > メニュー > 位置の管理]から指定できる「左サイドバーのメニュー 2」(Secondary Bar)にマウスカーソルをのせた時に表示される色(hover)の変更はできないようなので、独自にコードを設定する必要があります。

といっても簡単で、Anjiraiテーマの[style.css]に下記のコードを付け加えます。
ここで注意するべき点は、コードの順番です。追加するコードは[@import ...]と[//** You don't need to ...]の間に挿入してください。

/*** 追加するコード  ***/
.secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a {
		background-color: #000;
		color: #fff;
	}

出来上がったAnjiraiテーマの[style.css]のコードは以下のような順番になります。
[background-color]にマウスカーソルをのせた時に表示される背景色、[color]には文字色の色コードを指定します。

/* Import the CSS file-------------------------*/
@import  '../twentyfourteen/style.css';

.secondary-navigation li:hover > a,
	.secondary-navigation li.focus > a {
		background-color: #fff;
		color: #000;
	}

//**  You don't need to write any code to change colors, just goto customizer and customize your own color **//

---

wordpressのおすすめ本。