¿Desea eliminar todas las clases e IDs no deseados del menú de navegación de WordPress? Puede haber muchas clases e IDs que pueden entrar en conflicto con su estilo requerido. Hemos creado un fragmento de código rápido que puede utilizar para eliminar todas las clases e ID del wp_nav_menu excepto la clase current-menu-item.
Instrucciones:
Todo lo que tienes que hacer es añadir este código al archivo functions.php de tu tema o en un plugin específico del sitio:
add_filter('nav_menu_css_class', 'my_css_attributes_filter', 100, 1);
add_filter('nav_menu_item_id', 'my_css_attributes_filter', 100, 1);
add_filter('page_css_class', 'my_css_attributes_filter', 100, 1);
function my_css_attributes_filter($var) {
return is_array($var) ? array_intersect($var, array('current-menu-item')) : '';
}
Nota: Si es la primera vez que añade fragmentos de código en WordPress, consulte nuestra guía sobre cómo copiar / pegar correctamente fragmentos de código en WordPress, para no romper accidentalmente su sitio.
Si le ha gustado este fragmento de código, por favor, considere consultar nuestros otros artículos en el sitio como: Cómo crear un formulario de contacto en WordPress y 27 mejores temas de negocios de WordPress para su sitio web.
How if i want to replace current-menu-item to active? thx
thanks. but if there have custom css class then i want show that too. but rid of all other default class. any idea how
this renders the custom classes that you can add via the menus backend useless (they are stored as post meta associated with the menu item), so you have to also merge those into the returned array if you want to use them
this renders the custom classes that you can add via the menus backend useless (they are stored as post meta associated with the menu item), so you have to also merge those into the returned array if you want to use them
should i put it under any functions? or i just paste the code on my functions.php?~~
Thanks for sharing this coding, will try at once, nice idea…..
Cool glad to help.
How would you go about making one of the li elements with an ID? Like I mean you’d have say a ul list of 6 links for example and one of them (the first one for arguments sake) would be oh I don’t know with the id ‘login’?
Like so:
Login
Carry on with the rest
Be interesting to know