Розкривне меню у вашому дизайні
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 працює так само: тема збирається однаковою.