How to manually specify the current active page with wp_nav_menu()

wordpress.stackexchange https://wordpress.stackexchange.com/questions/1230

  •  16-10-2019
  •  | 
  •  

Question

Is there a way of manually specifying which page is currently "active" when using wp_nav_menu()?

I have a "Products" page, and on that page I have links to various (dynamic) custom taxonomies. When I click on one of these taxonomies, I stay on the "Products" page but wp_nav_menu() loses reference to that fact that I'm still on the "Products" page. Is there a way I can fix this?

Thanks!

Jon

Was it helpful?

Solution

If you just want to add the current_page_item class to one menu item, you could hook up to the nav_menu_css_class filter, and add that class if needed. It is called when the menu is printed.

If you want access to the whole menu and add classes, hook in to the wp_get_nav_menu_items filter, where you get the whole $items array. You can edit the classes properties of individual items.

OTHER TIPS

@Jon As long as you are using <body <?php body_class(); ?>> WordPress will assign the class current_page_item to your menu along with current_page_parent if your using drop down menus.

Jan mentioned nav_menu_css_class filter, so I looked it up and this example was helpful to me Source: https://codex.wordpress.org/Plugin_API/Filter_Reference/nav_menu_css_class

function my_special_nav_class( $classes, $item ) {
    if ( is_single() && $item->title == 'Blog' ) {
        $classes[] = 'special-class';
    }
    return $classes;
}    
add_filter( 'nav_menu_css_class', 'my_special_nav_class', 10, 2 );
Licensed under: CC-BY-SA with attribution
Not affiliated with wordpress.stackexchange
scroll top