Add the current menu item CSS class to a custom page type archive in Wordpress menu

Question

I've been reading a lot about this but couldn't find a solution.

Basically I'm trying to show a current menu item on a dynamic page that is created by a custom page type archive. The default menu control doesn't add the current-menu-item CSS class names. I've found a solution here - http://bloggingsquared.com/blogging-tips/how-to-add-the-current-menu-item-css-class-to-a-custom-link-in-a-wordpress-menu/

Which is like this:

add_filter('nav_menu_css_class', 'AddCurrentMenuItemClass',1,2);

function AddCurrentMenuItemClass($classes,$item)
{
    $link = site_url().$_SERVER['REQUEST_URI'];
    if(strpos($link, $item->url) !== false)
    {
        $classes[] = 'current-menu-item';
    }
    return $classes;
}

The problem I'm having is that the Home page (which is a custom menu item) is highlighted as well as the page I'm on. If I change the if statement to:

     if ( $link == $item->url )

Then in works on that page as but not on sub pages.

Can you please help me sort this out? I'm working on a client project with a right deadline...

I'm on WP 3.4.2 with a premium WooThemes template: Whitelight

Answer 1

This is what you want to do,

  add_filter( 'wp_get_nav_menu_items', 'cpt_archive_menu_filter', 10, 3 );
  function cpt_archive_menu_filter( $items, $menu, $args ) {
    foreach ( $items as &$item ) {
    if ( $item->type != 'custom' ) continue;
      if (  get_query_var( 'post_type' ) == 'your-post-type' && $item->title == 'Title of Link' ) {
        $item->classes []= 'class-name-your-want';
        } 
    }
    return $items;
  } 

Although the above will work, Custom Links get assigned the current-menu-item class so this shouldn't be necessary, if I follow you correctly.

Answer 2

This works out-of-the-box, thanks for the heavy part of the work to both of you.

add_filter( 'wp_get_nav_menu_items', function($items, $menu, $args) {
  foreach ($items as &$item) {
    if (is_single()) {
      if (strpos(site_url().$_SERVER['REQUEST_URI'], $item->url) !== false) {
        $item->classes[] = 'current-menu-item';
      }
    }
  }
  return $items;
}, 10, 3);

Answer 3

I had the same problem. This is what I do: Change the YourMenuItem to your menu name item.

/* Add a custom class to a specific menu item */
function my_class( $classes, $item ) {
    if ( $item->title == "YourMenuItem" ) {
        $classes[] = 'current-page'; 
    }
    return $classes;
}
add_filter( 'nav_menu_css_class', 'my_class', 10, 2 );