@MrFrumpuSs

Как добавить атрибут только первому элементу меню wordpress?

Есть меню и мне нужно выбрать только первый элемент li и добавить в него атрибут, чтобы получилось вот так:
<ul class="sec-nav_list list">
    <li class="sec-nav__item list-item" ><a href="#" class="open-modal" data-modal="#modal1">About</a></li>
    <li class="sec-nav__item list-item"><a href="https://google.com">Gallery</a></li>
    <li class="sec-nav__item list-item"><a href="https://google.com">Shop</a></li>
</ul>

Как это сделать с помощью WordPress? Я делал вот так, но добавлялось ко всем элементам:
add_filter( 'nav_menu_link_attributes', 'filter_nav_menu_link_attributes', 10, 4 );
		function filter_nav_menu_link_attributes( $atts, $item, $args, $depth ) {
	             if ( $args->theme_location === 'rightmenu' ) {
		                 $atts['data-modal'] = '#modal1';
		     }
		     return $atts;
		}
  • Вопрос задан
  • 27 просмотров
Пригласить эксперта
Ответы на вопрос 2
AntonLitvinenko
@AntonLitvinenko
HTML coder
Как вариант в админке в настройках меню добавить первому пункту класс и от этого уже плясать. Можно например через js добавить
Ответ написан
@siarheisiarhei
$('.sub-menu').before($('<li class="drop"><ion-icon name="ellipsis-vertical-outline"></ion-icon></ion-icon></li>'));
$( "span:first-of-type" ).addClass( "fot" );

:first-child
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы