Как использовать wp_nav_menu для создания пользовательского выпадающего меню?

Question

Как использовать wp_nav_menu для создания пользовательского выпадающего меню?

7 февр. 2017 г., 11:08:03

Просмотры: 15K

Голосов: 0

В моем шаблоне есть пользовательское меню. Ниже приведен HTML-код для него. Внутри меню находится одно выпадающее меню и ссылка.

<ul class="nav navbar-nav">
    <li class="active"><a href="index.html">Главная</a></li>
    <li><a href="category.html">Страница категории</a></li>
    <li><a href="article.html">Страница статьи</a></li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Категория типа A <span class="caret"></span></a>
        <ul class="dropdown-menu forAnimate" role="menu">
            <li><a href="#">Категория первая</a></li>
            <li><a href="#">Категория вторая</a></li>
            <li><a href="#">Категория третья</a></li>
        </ul>
    </li>
</ul>

Ashkar

101

php меню подменю выпадающий список

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

Max Yudin 6.38K · Answer 1 · 2017-02-07T12:01:31Z

Используйте wp_nav_menu() с правильными параметрами, чтобы добавить класс dropdown-menu forAnimate, убрать обертку и добавить атрибут role:

<ul class="nav navbar-nav">
    <li class="active"><a href="index.html">Главная</a></li>
    <li><a href="category.html">Страница категории</a></li>
    <li><a href="article.html">Страница статьи</a></li>
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown"> Категория типа A <span class="caret"></span></a>
        <?php wp_nav_menu(array(
            'menu'       => 'my_menu_name', // указать название меню
            'menu_class' => 'dropdown-menu forAnimate', // добавить классы для выпадающего меню
            'container'  => '', // не оборачивать меню в <div>
            'items_wrap' => '<ul id="%1$s" class="%2$s" role="menu" >%3$s</ul>',
        ));?>
    </li>
</ul>

Часть '<ul id="%1$s" class="%2$s" role="menu" >%3$s</ul>' нужна для сохранения id и class как есть и добавления атрибута role.

Не тестировалось.

Смотрите wp_nav_menu() для дополнительной информации.