¿Quieres eliminar todas las clases e IDs no deseados del menú de navegación de WordPress? Puede haber muchas clases e IDs que entren en conflicto con el estilo que necesitas. Hemos creado un fragmento de código rápido que puedes usar para eliminar todas las clases e IDs de wp_nav_menu, excepto la clase current-menu-item.
Instrucciones:
Todo lo que tienes que hacer es agregar este código al archivo functions.php de tu tema o a 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 agregas fragmentos de código en WordPress, consulta nuestra guía sobre cómo copiar / pegar fragmentos de código correctamente en WordPress, para que no rompas accidentalmente tu sitio.
Si te gustó este fragmento de código, considera echar un vistazo a nuestros otros artículos en el sitio como: Cómo crear un formulario de contacto en WordPress y Los 27 mejores temas de WordPress para negocios para tu sitio web.
¿Qué pasa si quiero reemplazar current-menu-item por active? Gracias
gracias. pero si hay una clase CSS personalizada, quiero que también se muestre. pero deshacerse de todas las demás clases predeterminadas. ¿alguna idea?
esto hace que las clases personalizadas que puedes agregar a través del backend de los menús sean inútiles (se almacenan como meta de publicación asociadas al elemento del menú), por lo que también tienes que fusionarlas en la matriz devuelta si quieres usarlas
esto hace que las clases personalizadas que puedes agregar a través del backend de los menús sean inútiles (se almacenan como meta de publicación asociadas al elemento del menú), por lo que también tienes que fusionarlas en la matriz devuelta si quieres usarlas
¿Debo ponerlo bajo alguna función? ¿o simplemente pego el código en mi functions.php?~~
Gracias por compartir este código, lo intentaré de inmediato, buena idea…..
Genial, me alegra ayudar.
¿Cómo harías para que uno de los elementos li tenga un ID? Como quiero decir, tendrías una lista ul de 6 enlaces, por ejemplo, y uno de ellos (el primero, para poner un ejemplo) tendría, no sé, el ID 'login'?
Así:
Iniciar sesión
Continúe con el resto
Sería interesante saber