Выпадающее меню в вашей вёрстке
wp-menu-tree="Header Menu" Когда у выпадающего списка своя вёрстка и анимация, этот атрибут их сохраняет: каждый пункт меню WordPress выводится по вашему образцу.
Куда ставить
На блок меню, значение — название меню. Внутри два образца: wp-menu-tpl="link" для обычного пункта и wp-menu-tpl="drop" для пункта с подпунктами.
Внутри образцов: wp="menu-title-link" (название и адрес пункта) и wp="menu-children" на элементе, который повторяется для каждого подпункта. Если этот элемент — сама ссылка с подписью, сборка подставит в неё название и адрес подпункта.
Пример: «Menu» с напитками и кухней
<nav class="nav" wp-menu-tree="Header Menu">
<a href="#" class="nav-link" wp-menu-tpl="link"
wp="menu-title-link">Home</a>
<div class="dropdown" wp-menu-tpl="drop">
<a href="#" class="nav-link" wp="menu-title-link">Menu</a>
<div class="dropdown__list">
<a href="#" class="dropdown__link" wp="menu-children">Drinks</a>
</div>
</div>
</nav>- Home
- Menu
- — Drinks
- — Kitchen
- Contacts
Что важно
- Уровней сколько угодно:
wp="menu-children"внутри подпункта выводит следующий уровень. - Если образец один, по нему выводятся все пункты.
- Для простого меню короче wp-menu.
Частые ошибки
Журнал сборки — вкладка «Логи» вашего проекта на themeforge.pro; те же замечания показывает бесплатная проверка разметки.
<nav wp-menu-tree="Header Menu">
<div class="item">
<a href="#" wp="menu-title-link">Menu</a>
<div class="sub" wp="menu-children">
<span class="sub__text">Drinks</span>
</div>
</div>
</nav>Внутри повторяемого подпункта своя вёрстка, но нет метки названия: каждый подпункт выводит один и тот же текст. Сборка пишет об этом в журнал.
<nav wp-menu-tree="Header Menu">
<div class="item">
<a href="#" wp="menu-title-link">Menu</a>
<div class="sub" wp="menu-children">
<span class="sub__text" wp="menu-title">Drinks</span>
</div>
</div>
</nav>Подпись подпункта — с wp="menu-title" или wp="menu-title-link".
Альтернативная запись
wp_menu_tree работает так же: сборка даёт одинаковую тему.