Как дать свои классы меню wordpress включая li > a?

Question

[Павел]

в документации есть такой код

wp_nav_menu( [
                            'theme_location'  => 'header-menu',
                            'menu'            => '',
                            'container'       => 'div',
                            'container_class' => '',
                            'container_id'    => '',
                            'menu_class'      => 'navbar-nav navbar-nav-right',
                            'menu_id'         => '',
                            'echo'            => true,
                            'fallback_cb'     => 'wp_page_menu',
                            'before'          => '',
                            'after'           => '',
                            'link_before'     => '',
                            'link_after'      => '',
                            'items_wrap'      => '<ul id="%1$s" class="%2$s">%3$s</ul>',
                            'depth'           => 0,
                            'walker'          => '',
                        ] );

где для menu_class я задал стили , но мне нужно задать стили и для "li" и для "a" , как это сделать?
подгонять наоборот не вариант, верстку сделали на совесть и там эти стили везде во всех разрешениях прописаны , там целый день придется править наследование

Answer 1

[Иван Жук]

https://misha.blog/wordpress/nav-menu-walkers.html...

Comments

[Павел]

а можно немного подробнее? Вижу
$classes[] = 'menu-item-' . $item->ID;
я так понял это класс для li , а для "a" ?

[Иван Жук]

class True_Walker_Nav_Menu extends Walker_Nav_Menu {

    function start_lvl(&$output, $depth) {
        $output .= '<ul class="menu_sublist">';
    }
    
    function start_el(&$output, $item, $depth, $args) {
        global $wp_query;           
        
        $indent = ( $depth ) ? str_repeat( "\t", $depth ) : '';
 
        $class_names = $value = '';
        $classes = empty( $item->classes ) ? array() : (array) $item->classes;
        $classes[] = 'menu-item-' . $item->ID;

        //тут добавляешь класс для li
        $classes[] = 'my-class-for-li'
 
        $class_names = join( ' ', apply_filters( 'nav_menu_css_class', array_filter( $classes ), $item, $args ) );
        $class_names = ' class="' . esc_attr( $class_names ) . '"';

        $id = apply_filters( 'nav_menu_item_id', 'menu-item-'. $item->ID, $item, $args );
        $id = strlen( $id ) ? ' id="' . esc_attr( $id ) . '"' : '';
 
        
        $output .= $indent . '<li' . $id . $value . $class_names .'>';
 
        
        $attributes  = ! empty( $item->attr_title ) ? ' title="'  . esc_attr( $item->attr_title ) .'"' : '';
        $attributes .= ! empty( $item->target )     ? ' target="' . esc_attr( $item->target     ) .'"' : '';
        $attributes .= ! empty( $item->xfn )        ? ' rel="'    . esc_attr( $item->xfn        ) .'"' : '';
        $attributes .= ! empty( $item->url )        ? ' href="'   . esc_attr( $item->url        ) .'"' : '';

        //тут добавляешь класс для a
        $attributes .= ' class="my-class-for-a"';
 
        
        $item_output = $args->before;
        $item_output .= '<a'. $attributes .'>';
        $item_output .= $args->link_before . apply_filters( 'the_title', $item->title, $item->ID ) . $args->link_after;
        $item_output .= '</a>';
        $item_output .= $args->after;
 
        $output .= apply_filters( 'walker_nav_menu_start_el', $item_output, $item, $depth, $args );
    }
}

Answer 2

[Олег Громель]

add_filter( 'nav_menu_link_attributes', 'my_nav_link_filter', 10, 4 );
function my_nav_link_filter( $atts, $item, $args){
  $atts['class'] = 'menu--link';//для всех
  if( $args->theme_location == ('top_menu_right' || 'top_menu_left') ){//если нужно для конкретного меню
    $atts['class'] .= ' top-menu--link';
  }
  return $atts;
}

Comments

[Павел]

top-menu--link это класс у li ?

[Олег Громель]

Павел, https://wp-kama.ru/hook/nav_menu_link_attributes
link = ссылка, класс к а.
У li в меню достаточно своих классов, куда больше-то?

[Павел]

Олег Громель, ок , я нашел как добавить класс для ul , нашел для "a" , а как для li добавить?)