Written by Kasumi

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

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

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

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

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

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

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

以上で解決です。

まとめ

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

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

目次

関連記事

WordPress プログラミング

【wordpress】子カテゴリページで親カテゴリの情報を取得する方法

2021.11.01
1788
WordPress

【簡単】Contact Form 7に確認画面・完了ページを設定する方法

2023.02.24
1476
WordPress

【WordPress】function.phpの関数をhead・footerに呼び出す方法

2022.11.03
1743
WordPress

WordPressでカテゴリ一覧を表示する方法【結論:get_categories関数を使おう】

更新日:2022.05.28
1274