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

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

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

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

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

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

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

以上で解決です。

まとめ

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

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

Ads

関連記事

WordPress プログラミング

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

2022.02.13
474
WordPress プログラミング

【プラグイン不要】WordPress・PHPサイトでCSS・JS・画像ファイルのキャッシュを常に自動削除する方法【簡単】

2022.04.09
60
WordPress プログラミング

【簡単wordpress】すべての投稿記事内にある同じURL・文字列を一括置換する方法【Search Regexプラグイン】

2022.02.08
121
WordPress

投稿タイプ記事を画像も含めて丸ごと移行する方法【簡単便利】

更新日:2019.11.28
69