Виджет меню Elementor Nav: элемент или Pro не требуется
Нав Меню является виджетом Главных Аддонов, который помещает любое меню WordPress в заголовок Элементора, нижний колонтитул или страницу и позволяет стилизовать его с панели Выберите горизонтальный или вертикальный макет для каждого устройства, стилизовать основные элементы, раскрывающиеся данные и подменю в их нормальных, зависающих и активных состояниях, и соединить его с расширением Мега Меню для панелей с несколькими колонками На телефонах он сворачивается в переключатель гамбургера по умолчанию. Мастер Аддоны Pro добавляет макет Гамбургера для любой ширины, с меню всплывающего окна и Offcanvas.
Горизонтальная, вертикальная планировка и компоновка гамбургеров
Установите макет отдельно для рабочего стола, планшета и телефона. горизонтальный подходит верхней панели. Вертикальный приходит в четырех типах: Нормальный с боковыми раскрывающимися, Переключить, Аккордеон, и Сторона, которая прижимает меню к краю страницы. телефоны используют переключение гамбургера по умолчанию. с Pro вы можете выбрать гамбургер для любой ширины и открыть меню как раскрывающийся по умолчанию, всплывающее окно или панель Offcanvas.
- Раскладки, установленные на устройство, включая дополнительные точки останова Elementor.
- Вертикальные меню: "Нормальное", "Переключить", "Аккордеон" или "Сторона".
- Меню гамбургеров Popup и Offcanvas с Master Addons Pro.
- Работает с Мега Меню расширение для многоколонных панелей.
Вертикальные макеты меню: нормальные, переключающие, аккордеонные и боковые
Выберите Вертикаль в макете и появится второй элемент управления, Тип. Каждый тип открывает подменю по-разному, и и макет, и тип могут быть установлены для каждого устройства, поэтому меню может оставаться нормальным на рабочем столе и переключаться на Аккордеон на телефонах.
- Нормальный открывает подменю сбоку от списка, когда читатель наводит курсор на родительский элемент.
- Переключить расширяет подменю под своим родительским при нажатии, и несколько из них могут оставаться открытыми одновременно.
- Аккордеон также расширяется при щелчке, но открытие одного подменю закрывает открытое.
- Сторона привязывает меню к краю страницы. в баре сидят только основные элементы, а их подменю открываются на панели рядом с ним.
Нормально: подменю открывается в сторону при зависании.
Переключить: подменю расширяется под своим элементом.
Аккордеон: одно подменю открывается одновременно.
Сторона: основные элементы в строке на краю страницы, а подменю находится на панели рядом с ней.
Стиль каждого уровня меню и состояния
На вкладке Стиль есть отдельные разделы для Элемента Главного Меню, Меню Выпадания, Элемента Меню Выпадания, Подменю Выпадания и Элемента Выпадающего Подменю Каждый получает цвета и фоны для Нормального, Наведения и Активного состояний, плюс заполнение, границы и разделители, так что ссылка на текущую страницу может выглядеть иначе, чем остальные.
- Нормальные состояния, состояния "Наведение" и "Активные" для основных элементов и элементов раскрывающегося списка.
- Отдельный стиль раскрывающейся панели, ее предметов и более глубоких подменю.
- Делители между предметами с указанием типа, размера и цвета.
Значки переключателя и индикатора гамбургера
Стиль гамбургер переключить как значок, текст или оба, с видом по умолчанию, Сложенный или в рамку и квадрат или круг формы. он может показать один значок, пока меню закрыто, и другой, пока он открыт. значки индикатора отмечают элементы, которые имеют выпадающие и подменю: выберите свои собственные значки, показать или скрыть их, и установить их размер, цвет, положение и вращение.
- Переключатель гамбургера в виде значка, текста или того и другого.
- Различные значки для закрытого и открытого меню.
- Пользовательские значки индикаторов раскрывающегося списка и подменю с вращением.
Расстояние падения и расположение каждого устройства
Установите выпадающую ширину и ее зазор в верхней части меню, зазоры между элементами и заполнение внутри каждой ссылки.Длительность перехода контролирует, как быстро меняются цвета и выпадающие элементы наведения. Поскольку макет установлен для каждого устройства, вы решаете, где меню переключается с горизонтальной полосы на вертикальный список или на гамбургер с Pro.
- Ширина опускания и зазор сверху.
- Пробелы между элементами и заполнением ссылок для облегчения нажатия.
- Продолжительность перехода для изменений зависания и выпадания.
Виджеты меню Elementor Pro против меню навигации Master Add
Бесплатный плагин Elementor не имеет виджета для размещения и укладки меню WordPress. его виджеты меню Menu и WordPress поставляются с Elementor Pro. вот как они сравниваются.
| Элементор Про | Меню навигации по главным дополнениям | |
|---|---|---|
| Цена | Лицензия Элементор Про | Входит в состав Master Addons; Всплывающие и нехолщовые гамбургеры с Pro |
| Макеты | Горизонтально, вертикально, раскрывающийся | Горизонтальный, вертикальный (4 вида), гамбургер |
| Мобильное меню | Переключиться ниже выбранной вами точки останова | Гамбургер на телефонах по умолчанию; Всплывающее окно и Offcanvas с Pro |
| Макет на устройство | Одна настройка точки останова | Устанавливается для каждого устройства |
| Анимация указателей наведения | Да | Нет |
| Мегаменю | Виджет меню с раскрывающимся содержимым | Расширение Мега Меню |
Если вы уже платите за Elementor Pro, его виджеты меню выполняют эту работу. Без него, Nav Menu и Мега Меню расширение предоставит вам стилизованное меню заголовка без Elementor Pro.
Краткий обзор навигационного меню
Что делает виджет, читайте из Master Addons 3.2.3.
| Пункт | Виджет меню навигации |
|---|---|
| Источник меню | Любое меню из "Внешний вид", "Меню", выбранное в разделе "Выбрать меню" |
| Макеты | Горизонтально и вертикально на каждом устройстве; Гамбургер на телефонах по умолчанию |
| Вертикальные типы | Нормальный, Переключить, Аккордеон и Сторона |
| Гамбургер на рабочем столе и планшете | Мастер Аддоны Про |
| Типы гамбургеров | По умолчанию на телефонах; Всплывающее окно и Offcanvas с Pro |
| Подменю | Отдельные разделы стиля для раскрывающегося списка, его предметов, более глубоких подменю и их предметов |
| Государства | Нормальный, наведение и активный для основных элементов и выпадающих элементов |
| Значки индикаторов | Выбираемые вами значки раскрывающегося списка и подменю с указанием размера, цвета, положения и вращения |
| Анимация указателей наведения | Нет (они есть у виджета меню Elementor Pro) |
| Липкий | Нет настройки в виджете; сделать контейнер заголовка липким |
| Панели меню Мега | Расширение Мега Меню |
| Потребности | Элементор и Мастер-аддоны, без Элементора Про |
Примеры меню навигации
Пять живых демо, построенных с помощью виджета. Откройте один, затем импортируйте макет из средства просмотра шаблонов ниже.
- Угольная навигация и мегаменю: темная панель заголовков с многоколоночной панелью мегаменю.
- Меню навигации с верхней панелью: контактная полоса над главным меню.
- Варианты раскрывающегося меню: несколько раскрывающихся стилей в одном меню.
- Меню вертикальной навигации: меню в виде вертикального списка.
- Вертикальное боковое меню: Тип "Сторона", прикрепленный к краю страницы.
Как добавить меню навигации в Elementor
Виджет использует меню, которые вы создаете в WordPress, поэтому начните с этого.
- Создайте меню в разделе Внешний вид > Меню.
- В Elementor перетащите виджет меню навигации Master Addons в заголовок, нижний колонтитул или страницу.
- Выберите меню в меню "Выбрать" и выберите макет рабочего стола.
- Переключитесь на просмотр планшета и телефона, чтобы проверить раскладку на каждом устройстве. телефоны получают переключатель гамбургера по умолчанию.
- Стиль пунктов меню, раскрывающихся данных и переключателя на вкладке Стиль, затем опубликовать.
Полный проход заголовка читайте как создать меню навигации в Elementor без Pro. Для заголовка всего сайта используйте бесплатный Тема Строитель.
Хорошо сочетается с: Мега Меню для многоколонных панелей, Внехолстовый контент (Pro) для выдвижной панели Тема Строитель для заголовка всего сайта, Условия отображения (Pro) показать другое меню для вошедших в систему посетителей, и Вкладки для внутристраничной навигации.
Часто задаваемые вопросы для меню навигации
Чем это отличается от других виджетов Nav Menu?
Виджеты собственного меню Elementor нуждаются в Elementor Pro. Master Addons Nav Menu работает без Elementor Pro и добавляет макеты для каждого устройства, четыре вертикальных типа меню, отдельный стиль для каждого уровня меню и состояния, пользовательские значки индикаторов и стильный переключатель гамбургера. Он также работает с расширением Mega Menu.
Могу ли я использовать это меню с расширением Mega Menu?
Да. включите расширение Mega Menu, создайте содержимое панели для пункта меню с экрана меню WordPress, затем выберите это меню в виджете Nav Menu. виджет показывает панели мега меню на передней части.
Трудно ли настроить разные стили для нормального, зависающего и активного?
Нет. Откройте вкладку "Стиль", выберите часть меню, например "Главный элемент меню", и переключитесь между вкладками "Нормальный", "Навести" и "Активный", чтобы установить цвета для каждого состояния.
Как редактировать меню, отображаемое в виджете?
Виджет показывает меню WordPress, поэтому вы редактируете его в разделе Внешний вид, Меню Добавляйте, переименовывайте или переупорядочивайте элементы там и сохраняйте. элемент управления Выберите Меню в виджете имеет прямую ссылку на этот экран, и изменения отображаются в Elementor после обновления.
Как добавить подменю?
В Внешний вид, Меню, перетащите элемент немного вправо под элемент, которому он принадлежит, пока WordPress не пометит его как подпункт, затем сохранить. виджет показывает его как раскрывающийся. Стиль его в Стиль, Выпадающее меню и Выпадающий пункт меню.
Получаю ли я меню гамбургеров на мобильном телефоне без Pro?
Да. на телефонах виджет переключается на гамбургер по умолчанию, и меню открывается на месте под тумблером. используя гамбургер на рабочем столе или планшете, или открывая его как всплывающую или Offcanvas панель, нужны Master Addons Pro.
Какой вариант использования лучше всего подходит для типа меню "Offcanvas" или "Popup"?
Оба типа гамбургеров Pro.Offcanvas сползает меню слева или справа, что подходит телефонам и минимальным дизайном.Popup открывает меню над страницей, что хорошо работает для полносайтовой навигации на сайте портфолио или агентства.Без Pro гамбургер на телефонах открывает меню на месте под тумблером.
Будет ли это меню работать с заголовком моей существующей темы WordPress?
Да, вы можете разместить виджет где угодно, где запускается Elementor. чтобы полностью заменить заголовок вашей темы, создайте шаблон заголовка с бесплатным Мастер-создатель тем аддонов и добавьте в него виджет Nav Menu.
Могу ли я использовать другой стиль меню на мобильных устройствах и настольных компьютерах?
Да. раскладку, выравнивание и множество настроек стиля можно установить для каждого устройства. например, держать горизонтальную планку на рабочем столе, использовать вертикальную гармошку на планшетах и тумблер гамбургера на телефонах.
Могу ли я сделать меню липким?
Виджет не имеет липкой настройки, поэтому сделать контейнер заголовка липкий вместо. с Элементором Pro, использовать Advanced, Эффекты движения, Sticky: Верх на этом контейнере. без Pro, добавить selector { position: sticky; top: 0; z-index: 99; } в контейнер в разделе Мастер Аддоны Пользовательские CSS Наше руководство по липкому заголовку охватывает полную настройку.
Почему мое меню не показывает?
Проверьте четыре вещи. виджету нужно меню, выбранное в меню "Выбрать", и сайту нужно хотя бы одно меню в разделе "Внешний вид", "Меню". Шаблон заголовка показывает только, где применимо его условие отображения. На телефонах меню сложено в гамбургер, поэтому проверьте, чтобы цвет переключения выделялся из фона заголовка. Наконец, очистите свой кэш и любые настройки задержки JavaScript после изменений.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
![Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик](https://d1asvmc6qcowgk.cloudfront.net/wp-content/uploads/2026/09/15102930/post-page-duplicator-768x403.webp)
Дубликатор сообщений/страниц
