Written by Kasumi

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

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

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

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

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

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

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

以上で解決です。

まとめ

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

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

目次

関連記事

WordPress

WordPressの投稿一覧で、最初もしくは最後の記事かを判別する方法

2022.06.23
875
WordPress

【WordPress】カスタムタクソノミーのURL階層にカスタム投稿タイプのスラッグを追加する方法

2023.02.16
1613
WordPress

WordPressログイン画面のロゴを変更する方法

2022.07.18
1245
WordPress

【WordPress】投稿記事の本文を文字数制限して表示する方法

2023.05.28
1056