css - 現在のページの「wp_nav_menu」リンクのスタイルを設定するにはどうすればよいですか？

Question

私は周りを見回しましたが、これを行う簡単な方法を見つけることができないようです。wp_nav_menuを使用したドロップダウンメニューのページのリストがあり、現在表示しているページへのリンクを別の色にしたいだけです。

Answer 1

セレクターを使ってみましたcurrent-menu-itemか？これはうまくいくはずです:)

Answer 2

ワードプレスがアクティブメニューと見なすという条件がすでにあります。したがって、別の色のcssクラスを作成する必要があります。これにより、「page_itempage-item-36current_page_item」のような現在アクティブなクラスを確認できます。だから、あなたが好きな属性を持つクラスを作りましょう。

Answer 3

webfishスタイルシートの最後にこのコードを追加します

  #DropDownMenuNav ul.children,
    #DropDownMenuNav ul.DropDownMenu li.current_page_item
    {
    background: #D0251E; // Any color code you want
    }