Written by Kasumi

WordPressのメニューで現在のページを表示してるメニューにCSSで装飾する方法

WordPressのメニュー機能を使っている。

現在表示しているページのメニュー項目をCSSで装飾したい。

本記事ではこのような悩みを解決します。

current-menu-itemクラスにCSSをあてる

現在開いてるページのメニュー項目にはcurrent-menu-itemクラスが付与されます。

current-menu-itemクラスにCSSを追加する事で、他のメニュー項目と差別化し装飾する事ができます。

以上で解決です。

まとめ

WordPressのメニュー機能を使えば、現在開いてるページのメニュー項目に新たなクラスを自動で付与してくれるので便利です。

以上で解説を終わります。

目次

関連記事

WordPress

【簡単】WordPressで編集するテンプレートファイルを一目で確認する方法

2022.09.07
246
WordPress

WordPressでアーカイブページの並び順を変更する方法【一括変更】

2022.10.21
1033
WordPress

【WordPress】カスタマイズ可能な年別アーカイブリストを表示する方法

2022.07.19
2086
jQuery WordPress

【簡単に代替】Contact Form 7 Datepickerが使えなくなった?jQuery UIを使って日付選択を実装しよう

更新日:2022.09.09
4116