Шорткоды
Шорткоды выводят мегаменю, кнопку мобильного меню, поиск и списки записей в записях, страницах, виджетах, а также внутри самого меню — в «Пользовательском контенте», подвале подменю и шапке мобильной панели.
| Шорткод | Что выводит |
|---|---|
[eldermenu] | мегаменю целиком |
[eldermenu_toggle] | кнопку открытия мобильного меню |
[eldermenu-search] | строку поиска по сайту |
[eldermenu-recent-posts] | список свежих записей с миниатюрами |
[eldermenu-colgroup] + [eldermenu-col] | колонки внутри блока HTML |
[eldermenu_mobile_close_button] | кнопку «Закрыть меню» для мобильной панели |
[eldermenu] — мегаменю
Выводит меню с настройками выбранной конфигурации. Какое меню WordPress показать, решается по порядку: параметр menu, затем theme_location, затем «Меню ручной интеграции по умолчанию» конфигурации (Интеграция).
| Параметр | По умолчанию | Что задаёт |
|---|---|---|
config_id | main | идентификатор конфигурации: main или созданной вами (footer, catalog) |
menu | — | ID, ярлык или название меню WordPress |
theme_location | — | область меню темы, например primary |
[eldermenu]
[eldermenu config_id="main" menu="165"]
[eldermenu config_id="catalog" menu="Каталог"]
[eldermenu theme_location="primary"][eldermenu_toggle] — кнопка мобильного меню
Своя кнопка, которая открывает и закрывает мегаменю ниже контрольной точки. Нужна, если стандартная кнопка отключена («Адаптивный переключатель») или должна стоять в другом месте шапки. Текст кнопки — содержимое шорткода.
| Параметр | По умолчанию | Что задаёт |
|---|---|---|
config_id | main | конфигурация, из которой берётся скин кнопки |
target | _any_ | ID элемента nav меню, которое открывает кнопка; _any_ — все мегаменю на странице |
toggle_id | — | свой ID кнопки |
tag | a | тег кнопки: a, button, div, span; для доступности лучше button |
icon_class | bars | иконка Font Awesome без префикса fa- |
close_icon | bars | times — показывать крестик, пока меню открыто |
skin | — | скин кнопки, если он отличается от скина конфигурации |
[eldermenu_toggle tag="button" close_icon="times"]Каталог[/eldermenu_toggle]
[eldermenu_toggle target="eldermenu-main-165-eldermenu_primary-2" icon_class="list"][/eldermenu_toggle]ID меню для target видно в коде страницы: атрибут id у тега <nav class="eldermenu …"> (в браузере — правый клик по меню → «Просмотреть код»).
[eldermenu-search] — поиск
Поле поиска WordPress в оформлении меню. Обычно кладётся в «Пользовательский контент» внутри подменю значка-лупы (так на витрине) или в шапку мобильной панели.
| Параметр | По умолчанию | Что задаёт |
|---|---|---|
placeholder | Поиск... | подсказка в пустом поле |
post_type | — | искать только в одном типе записей: product, post |
search_field_id | eldermenu-search-field | ID поля — меняйте, если на странице несколько поисков |
search_label_sr | Поиск | невидимая подпись поля для экранных дикторов |
button_text_sr | Поиск | невидимый текст кнопки |
autofocus | on | on — курсор встаёт в поле при открытии подменю |
autocomplete | on | off — отключить подсказки браузера |
[eldermenu-search placeholder="Поиск по сайту..."]
[eldermenu-search placeholder="Найти товар" post_type="product"]
[eldermenu-recent-posts] — свежие записи
| Параметр | По умолчанию | Что задаёт |
|---|---|---|
num | 3 | сколько записей |
category | — | ID или ярлык рубрики |
offset | 0 | пропустить первые N записей |
img | on | off — без миниатюр |
img_size | inherit | размер картинки: thumbnail, medium… |
img_width | 45 | ширина миниатюры, px |
img_height | 45 | высота миниатюры, px |
default_img | — | ID картинки из медиатеки для записей без миниатюры |
excerpt | off | on — показывать отрывок |
[eldermenu-recent-posts num="4" category="novosti" img_width="60" img_height="60" excerpt="on"][eldermenu-colgroup] и [eldermenu-col] — колонки в HTML
Делит один блок «Пользовательского контента» на колонки. Ширина считается по сумме colspan: две колонки с colspan="2" и colspan="1" — это 2/3 и 1/3.
[eldermenu-colgroup]
[eldermenu-col colspan="2"]
<h4>О компании</h4>
<p>Текст на две трети ширины.</p>
[/eldermenu-col]
[eldermenu-col]
<a class="em-btn" href="/contacts/">Контакты</a>
[/eldermenu-col]
[/eldermenu-colgroup][eldermenu_mobile_close_button] — кнопка «Закрыть»
Кнопка, закрывающая мобильную панель. Пригодится в «Содержимом подвала» панели. Без содержимого выводит крестик.
| Параметр | По умолчанию | Что задаёт |
|---|---|---|
classes | — | свои CSS-классы кнопки |
[eldermenu_mobile_close_button classes="my-close"]Закрыть меню[/eldermenu_mobile_close_button][eldermenu] выводит обычное меню WordPress, а остальные шорткоды — пусто (у шорткодов с содержимым — только само содержимое).