問題 × 解決策

WordPressのカスタムメニューでアクティブのものにcssを設定する。

問題

Wordpressのカスタムメニューでアクティブのものにcssを設定するには？

アクティブのものにはクラス「current-menu-item」が、親ページのメニューにはクラス「current-menu-parent」が付与されるので、そのクラスに対してcssを設定する。

WordPressのカスタムメニューで、該当するページだった場合に、アクティブであることがわかるようにしたいと思います。
今回はアクティブのものにcssを設定する方法をご紹介します。

アクティブのものにはクラス「current-menu-item」が、その親ページのメニューにはクラス「current-menu-parent」が付与されます。
なのでそのクラスに対してcssを設定します。

.current-menu-item{
	font-weight: bold;
}
.current-menu-parent{
	background-color: #DDDDDD;
}