Cómo agregar Class en usando wp_nav_menu () en Wordpress?

Solución:

No es necesario crear un andador personalizado. Simplemente use un argumento adicional y establezca un filtro para nav_menu_css_class.

Por ejemplo:

$args = array(
    'container'     => '',
    'theme_location'=> 'your-theme-loc',
    'depth'         => 1,
    'fallback_cb'   => false,
    'add_li_class'  => 'your-class-name1 your-class-name-2'
    );
wp_nav_menu($args);

Observe el nuevo argumento ‘add_li_class’.

Y configura el filtro en functions.php

function add_additional_class_on_li($classes, $item, $args) {
    if(isset($args->add_li_class)) {
        $classes[] = $args->add_li_class;
    }
    return $classes;
}
add_filter('nav_menu_css_class', 'add_additional_class_on_li', 1, 3);

Puede agregar un filtro para el nav_menu_css_class action en su archivo functions.php.

Ejemplo:

function atg_menu_classes($classes, $item, $args) {
  if($args->theme_location == 'secondary') {
    $classes[] = 'list-inline-item';
  }
  return $classes;
}
add_filter('nav_menu_css_class', 'atg_menu_classes', 1, 3);

Documentos: https://developer.wordpress.org/reference/hooks/nav_menu_css_class/

AQUÍ WordPress agrega una clase personalizada en los enlaces wp_nav_menu

O puedes agregar una clase <li class="my_own_class"><a href="">Link</a></li> desde el panel de administración:

1. Ir a YOURSITEURL/wp-admin/nav-menus.php

2. abierto SCREEN OPTIONS

3. hacer comprobado CSS CLASSES, entonces verás CSS Classes (optional)
   campo en cada enlace de menú.

---

---

Utiliza Nuestro Buscador