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

Question

Лобстер @YoManYo

*

WordPress

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

Есть у меня меню у всех кнопок кроме одной одинаковые классы для навигации по странице.
Мне удалось добавить классы всем ссылками, но не могу сделать так чтобы не было класса 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-я кнопка работает не корректно. Самому мне не удалось решить эту задачу. Помогите =)

Вопрос задан более трёх лет назад
302 просмотра

6 комментариев

Подписаться 2 Простой 6 комментариев

Ярослав Иванов @space2pacman

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

Написано более трёх лет назад
Лобстер @YoManYo Автор вопроса
Ярослав Иванов, О_о чё как? СТОП!

Я вывел меню из админки:
<?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 > и то если разрешить это. Зачем мне добавлять класс в стилях? Я не могу этого понять! Их можно случайно затереть и тогда никто и никогда не узнает что был такой класс.
Написано более трёх лет назад
Ярослав Иванов @space2pacman

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

Написано более трёх лет назад

Лобстер @YoManYo Автор вопроса

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

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

<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

Написано более трёх лет назад

Ярослав Иванов @space2pacman

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

Написано более трёх лет назад

Лобстер @YoManYo Автор вопроса

Потому что для кнопок с классом .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;
        });

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

Написано более трёх лет назад

Решения вопроса 1

1 комментарий

Пригласить эксперта

Ваш ответ на вопрос

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

Войти через центр авторизации

Похожие вопросы

PHP

+3 ещё

Простой
Как исправить file_get_contents(): SSL operation failed на Open Server Panel?
- 1 подписчик
- 10 часов назад
- 34 просмотра
1

ответ
WordPress

Средний
Реализовал мультирегиональность, но некорректно работают настройки публикации, там почти ничего нет. Как исправить?
- 1 подписчик
- 17 часов назад
- 20 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как при помощи js создать поле дополнительных ингридиентов?
- 1 подписчик
- вчера
- 78 просмотров
0

ответов
WordPress

+1 ещё

Простой
Какой есть плагин для регистрации и добавлением дополнительных полей и с поддержкой Woocommerce?
- 1 подписчик
- вчера
- 27 просмотров
2

ответа
WordPress

+1 ещё

Простой
Woocommerce rest api, как реализовать филтрацию с учетом вариаций?
- 1 подписчик
- вчера
- 23 просмотра
1

ответ
WordPress

Средний
Каким способом лучше сделать натяжку верстки на Wordpress? ACF либо другие способы?
- 1 подписчик
- 24 апр.
- 62 просмотра
1

ответ
WordPress

Простой
Как сделать pagination в WordPress для Custom Post Type?
- 1 подписчик
- 23 апр.
- 31 просмотр
0

ответов
WordPress

Простой
Как создать шаблон вывода записей с произвольным типом?
- 1 подписчик
- 23 апр.
- 31 просмотр
1

ответ
WordPress

+2 ещё

Средний
Как сделать автоматический выбор региона по IP в Wordpress?
- 1 подписчик
- 22 апр.
- 64 просмотра
2

ответа
WordPress

+1 ещё

Простой
Как добавить RSS widget на wordpress?
- 1 подписчик
- 22 апр.
- 30 просмотров
1

ответ
Показать ещё Загружается…

WordPress developer (Contractor, Remote)

Hicaliber

До 2 300 $

Разработчик на Wordpress

Nocodered

от 40 000 до 140 000 ₽

Бэкэнд разработчик сайтов

Валверде

от 40 000 до 60 000 ₽

Подключить сервер к сети

27 апр. 2024, в 02:39

1500 руб./за проект

Необходимо сверстать приложение согласно макету Figma используя React

26 апр. 2024, в 22:22

1500 руб./за проект

Написать модуль подключения матрицы Sony к ПЛИС (Verilog)

26 апр. 2024, в 21:30

15000 руб./за проект

Все это делается через 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 · 2017-11-20 23:12:17

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 );

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

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

Минуточку внимания

Войдите на сайт