Añadir clase personalizada al menú de WordPress

Si queremos que cuando un item del menú tenga una clase específica deberemos añadir el siguiente en el archivo functions.php


//Añadimos un clase active al menú
add_filter('nav_menu_css_class' , 'special_nav_class' , 10 , 2);

function special_nav_class ($classes, $item) {
    if (in_array('current-menu-item', $classes) ){
        $classes[] = 'active '; // Añadimos el nombre que queremos que tenga la clase
    }
    return $classes;
}

La clase será añadida:
howw_to_add_active_class_to_wp_menu
..un poquito de zoom.. 🙂
add_active_custom_class_to_wp_menu

Si no hubiésemos añadido esta funcion aparecería así:
add_active_class_to_wp_menu

Que tampoco está mal, ya que por defecto WP nos añade por defecto la clase .current_page_item


Tu opinión es importante para mi, ¿Te ha resultado útil este artículo?

¿Eres programador/a?

En Pulpo están buscando nuevos talentos, envíales un email a developers@pulpoapp.com.

Deja una respuesta

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

*