Adicione classes personalizadas para ancorar em wp_nav_menu

3

Eu quero adicionar uma classe personalizada a âncoras em wp_nav_menu outputs.

O padrão, por exemplo, é:

<li id="menu-item" class="menu-item menu-item-type-custom">
    <a href="http://example.com">example</a>
</li>

Eu quero isso:

<li id="menu-item" class="menu-item menu-item-type-custom ">
    <a href="http://example.com" class="class">example</a>
</li>
    
por Hector 29.07.2014 / 14:11

2 respostas

7

Você pode fazer isso com o filtro nav_menu_link_attributes .

add_filter( 'nav_menu_link_attributes', 'wpse156165_menu_add_class', 10, 3 );

function wpse156165_menu_add_class( $atts, $item, $args ) {
    $class = 'class'; // or something based on $item
    $atts['class'] = $class;
    return $atts;
}
    
por cjbj 30.09.2016 / 11:41
3

Você pode adicionar classes originalmente via interface em admin. Abra Screen Options (canto superior direito da tela) e verifique CSS Classes . Não me lembro se a classe se aplica ao link em si, mas você sempre pode direcionar o link dentro do container com CSS ( .class a ).

    
por Rarst 29.07.2014 / 16:34