Cómo resaltar la página actual en el menú de navegación de WordPress

Cómo eliminar las clases CSS de los menús excepto las que desee

Ultima actualización en por Debjit Saha

Extractos de IsItWP

¿Está buscando una forma de eliminar las clases CSS de los menús, excepto las que desee? Si bien probablemente haya un complemento para esto, hemos creado un fragmento de código rápido que puede usar para eliminar las clases CSS de los menús, excepto las que desee en WordPress.

Instrucciones:

Todo lo que necesita hacer es agregar este código al archivo functions.php de su tema o en un complemento 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) {
 $newnavclasses = is_array($var) ? array_intersect($var, array('current-menu-item', 'current_page_item', 'current-page-ancestor', 'current-page-parent')) : ''; //modify to the classes you want to keep
	 return $newnavclasses;
}

Notar: Si es la primera vez que agrega fragmentos en WordPress, consulte nuestra guía sobre cómo agregar fragmentos correctamente en WordPress, para que no rompa accidentalmente su sitio.

Si le gustó este fragmento de código, consulte nuestros otros artículos en el sitio, como: Los 27 mejores temas comerciales de WordPress para su sitio web y Cómo configurar el seguimiento de autores en WordPress.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba