web-dev-qa-db-ja.com

ナビゲーションメニューで現在のページを強調表示する方法

私は私の学校のためにWordPressテーマをカスタマイズしています、そして私はナビゲーションメニューの現在のページが示されていないという事実に少しイライラしています。

例えば:

enter image description here

ナビゲーションメニューのページの上にカーソルを置いていること、およびその上にカーソルを置いているページがハイライト表示されていることがはっきりとわかります。

しかし、私が現在アクセスしているページ、 "Arhiva"はハイライトされていません、そしてこれは多少混乱を招く可能性があると思います。

現在のページとマウスが移動しているページを同じ方法で強調表示したくありません。ナビゲーションメニューの太字の入力テキストで、現在のページを他のページから分離することができます。

どうすればこれを達成できますか?

テーマの現在のCSSはここで見ることができます: http://petagimnazija.hr/wp/wp-content/themes/chiron/style.css

2
jcora

Navigation Menusシステムは現在のページのマッチングを含む多くのクラスを追加しています(むしろインテリジェントに、それは明示的に入力されたカスタムURLを検出しようとさえします)。

最も簡単に利用できるクラスはcurrent-menu-itemですが、親や祖先などを扱うものがもっとたくさんあります。

Codexはそれらを wp_nav_menu()>メニュー項目CSSクラス で文書化しています。

4
Rarst