it-swarm.xyz

Добавить пользовательские классы для привязки в wp_nav_menu

Я хочу добавить собственный класс к якорям в выходных данных wp_nav_menu.

По умолчанию, например:

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

Я хочу этот :

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

Вы можете сделать это с помощью фильтра 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;
}
8
cjbj

Вы можете добавить классы изначально через интерфейс администратора. Откройте Screen Options (в верхнем правом углу экрана) и отметьте CSS Classes. Я не помню, применяется ли класс к самой ссылке, но вы всегда можете нацелить ссылку внутри контейнера с помощью CSS (.class a).

3
Rarst