Как в меню WP добавить класс?

Здравствуйте. У меня имеется вот такое навигационное меню лендинга!
59da2845ad322460982463.jpegТаким образом оно выводится в html шаблоне
<div class="collapse navbar-collapse navbar-right" id="bs-example-navbar-collapse-1">

          <ul class="nav navbar-nav">
            <li><a class="page-scroll" href="#main">Home</a></li>
            <li><a class="page-scroll" href="#classes">Classes</a></li>
            <li><a class="page-scroll" href="#features">Features</a></li>
            <li><a class="page-scroll" href="#review">Reviews</a></li>
            <li><a class="page-scroll" href="#pricing">Pricing</a></li>
            <li><a class="page-scroll" href="#contact">Contact</a></li>
          </ul>
        </div>


Менюшку в WP я вывел

$args = [
                    'theme_location' => 'menu-1',
                    'menu_class' => 'nav navbar-nav',
                    'container_class' => 'collapse navbar-collapse navbar-right',
                    'container_id' => 'bs-example-navbar-collapse-1',
                   'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
                ];
                wp_nav_menu($args);
                ?>


Но я не понимаю как для добавить class="page-scroll"

Подскажите что делать.
  • Вопрос задан
  • 333 просмотра
Пригласить эксперта
Ответы на вопрос 1
@JustFeeLin
Начинающий веб-мастер
Попробуй в выводе в аргумент menu_class просто добавить название своего класса. Вот так:

$args = [
                    'theme_location' => 'menu-1',
                    'menu_class' => 'nav navbar-nav page-scroll',
                    'container_class' => 'collapse navbar-collapse navbar-right',
                    'container_id' => 'bs-example-navbar-collapse-1',
                   'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
                ];
                wp_nav_menu($args);
                ?>


Если надо к div'у, внутри которого лежит список, добавить класс, то добавь его к "container_class" так:

$args = [
                    'theme_location' => 'menu-1',
                    'menu_class' => 'nav navbar-nav',
                    'container_class' => 'collapse navbar-collapse navbar-right page-scroll',
                    'container_id' => 'bs-example-navbar-collapse-1',
                   'items_wrap' => '<ul id="%1$s" class="%2$s">%3$s</ul>',
                ];
                wp_nav_menu($args);
                ?>
Ответ написан
Ваш ответ на вопрос

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

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