Written by Kasumi

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

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

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

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

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

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

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

以上で解決です。

まとめ

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

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

目次

関連記事

WordPress プログラミング

Breadcrumb NavXTをカスタマイズ。パンくずにメインサイトを追加する方法。

2022.01.04
745
WordPress

【WordPress】get_the_categoryで子カテゴリのみ取り出す方法

2022.11.04
131
WordPress

よく使う条件分岐をまとめました。【ワードプレス】

更新日:2019.11.28
154
WordPress

【簡単】wordpressのアーカイブでタイトルの文字数を制限して表示、3点リーダーを付ける方法

更新日:2022.07.15
534