WP Nav Menu: String replacements

Question

I have a short function to clean up the WP Nav Menu.

add_filter('nav_menu_css_class','strip_classes');

function strip_classes($a){ 
    return (in_array('menu-item-71',$a))? array('contact') : array(); 
}

The class name menu-item-71 of a certain nav point is replaced by contact. Now I’d like a second nav point with a class named menu-item-34 to be renamed to about-me. How is this possible?

Answer 1

Why does this need to be done programmatically? WordPress's menu editor lets you manually add a CSS class. If you aren't seeing this option then look in the top, right of your screen for the "Screen Options" and click it so that it expands. Then check "CSS Classes".

Answer 2

With helgatheviking’s advice in mind giving the nav items speaking class names I came across this solution, with about-me and contact being the two classes that won’t be removed.

add_filter('nav_menu_css_class', 'my_css_attributes_filter', 100, 1);
add_filter('nav_menu_item_id', 'my_css_attributes_filter', 100, 1);

function my_css_attributes_filter($var) {
    return is_array($var) ? array_intersect($var, array('about-me', 'contact')) : '';
}