Как добавить классы всем ссылкам меню кроме 1-й?

Question

[Лобстер]

Есть у меня меню у всех кнопок кроме одной одинаковые классы для навигации по странице.
Мне удалось добавить классы всем ссылками, но не могу сделать так чтобы не было класса section-scroll у 1-й кнопки

function nav_link_filter($attr){
        $attr['class'] = 'section-scroll';
    return $attr;
}
add_filter( 'nav_menu_link_attributes', 'nav_link_filter', 10, 4 );

Дело в том что с классом section-scroll 1-я кнопка работает не корректно. Самому мне не удалось решить эту задачу. Помогите =)

Comments

[Ярослав Иванов]

Все это делается через css или js . Но нет, будем это на стороне сервера решать))
например .section-scroll:first-child { // другие стили}

[Лобстер]

Ярослав Иванов, О_о чё как? СТОП!

Я вывел меню из админки:

<?php
            wp_nav_menu( array(
                'theme_location'  => 'menu-1',
                'container'       => 'div',
                'container_class' => 'collapse navbar-collapse',
                'container_id'    => 'custom-collapse',
                'menu_class'      => 'nav navbar-nav navbar-right',
            ) );
            ?>

Т.е. у ссылок невозможно добавить классы!!! Только < li > и то если разрешить это. Зачем мне добавлять класс в стилях? Я не могу этого понять! Их можно случайно затереть и тогда никто и никогда не узнает что был такой класс.

[Ярослав Иванов]

Лобстер, Я че-то не пойму, что за биполярное расстройство)) то вы добавляете классы то пишете, что этого не нужно. Итог-то какой надо ? чтобы у первой кнопки был стиль отличных от других ? так это через css.

[Лобстер]

Ярослав Иванов, Не нужно меня оскорблять!

Меню выглядит вот так:

<div class="collapse navbar-collapse" id="custom-collapse">
            <ul class="nav navbar-nav navbar-right">
              <li><a href="#totop">Home</a></li>
              <li><a class="section-scroll" href="#services">Services</a></li>
              <li><a class="section-scroll" href="#works">Works</a></li>
              <li><a class="section-scroll" href="#alt-features">Features</a></li>
              <li><a class="section-scroll" href="#team">Team</a></li>
              <li><a class="section-scroll" href="#pricing">Prices</a></li>
              <li><a class="section-scroll" href="#news">News</a></li>
              <li><a class="section-scroll" href="#contact">Contact</a></li>
            </ul>
          </div>

И как видно на 1-й кнопке его быть не должно. Я не понимаю почему я должен добавлять его с помощью CSS

[Ярослав Иванов]

Лобстер, ну так вы опять итог не говорите. Итог какой нужен ? почему класса не должно быть ?

[Лобстер]

Потому что для кнопок с классом .section-scrol отрабатывает это скрипт:

$('.section-scroll').bind('click', function(e) {
            var anchor = $(this);
            $('html, body').stop().animate({
                scrollTop: $(anchor.attr('href')).offset().top - 50
            }, 1000);
            e.preventDefault();
        });

А для кнопки HOME отрабатывает другой скрипт:

$('a[href="#totop"]').click(function() {
            $('html, body').animate({ scrollTop: 0 }, 'slow');
            return false;
        });

В следствии чего эта кнопка работает не корректно

Answer 1

[WP Panda]

function wpp_nav_link_filter( $attr, $item, $args ){

		$menu_items = wp_get_nav_menu_items ($args->menu->term_id);

		if( $menu_items[0]->ID !== $item->ID ) {
			$attr['class'] = 'section-scroll';
		}
		
		return $attr;
	}
	add_filter( 'nav_menu_link_attributes', 'wpp_nav_link_filter', 10, 3 );

Comments

[Лобстер]

Спасибо