問題 × 解決策

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

問題

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

解決策

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

アクティブのものにcssを設定する。

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

アクティブのものに付与されるクラスを活用する。

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

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

コメント

コメントを残す

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

one + 20 =

「問題 × 解決策」
月別アーカイブ一覧

「問題 × 解決策」
月別アーカイブ一覧