Бесплатный виджет меню Elementor Nav: элемент или Pro не требуется

Нав Меню является бесплатным виджетом Master Addons, который помещает любое меню WordPress в заголовок, нижний колонтитул или страницу Элементора и позволяет стилизовать его с панели Выберите горизонтальный или вертикальный макет для каждого устройства, стилизовать основные элементы, раскрывающиеся данные и подменю в их нормальных, зависающих и активных состояниях, и соединить его с бесплатным расширением Mega Menu для многоколоночных панелей. на телефонах он сворачивается в переключатель гамбургера по умолчанию. Master Addons Pro добавляет макет Гамбургера для любой ширины, с меню Popup и Offcanvas.

Параметры макета меню навигации в Elementor

Горизонтальная, вертикальная планировка и компоновка гамбургеров

Установите макет отдельно для рабочего стола, планшета и телефона. горизонтальный подходит верхней панели. Вертикальный приходит в четырех типах: Нормальный с боковыми раскрывающимися, Переключить, Аккордеон, и Сторона, которая прижимает меню к краю страницы. телефоны используют переключение гамбургера по умолчанию. с Pro вы можете выбрать гамбургер для любой ширины и открыть меню как раскрывающийся по умолчанию, всплывающее окно или панель Offcanvas.

  • Раскладки, установленные на устройство, включая дополнительные точки останова Elementor.
  • Вертикальные меню: "Нормальное", "Переключить", "Аккордеон" или "Сторона".
  • Меню гамбургеров Popup и Offcanvas с Master Addons Pro.
  • Работает с бесплатным Мега Меню расширение для многоколонных панелей.

Стиль каждого уровня меню и состояния

На вкладке Стиль есть отдельные разделы для Элемента Главного Меню, Меню Выпадания, Элемента Меню Выпадания, Подменю Выпадания и Элемента Выпадающего Подменю Каждый получает цвета и фоны для Нормального, Наведения и Активного состояний, плюс заполнение, границы и разделители, так что ссылка на текущую страницу может выглядеть иначе, чем остальные.

  • Нормальные состояния, состояния "Наведение" и "Активные" для основных элементов и элементов раскрывающегося списка.
  • Отдельный стиль раскрывающейся панели, ее предметов и более глубоких подменю.
  • Делители между предметами с указанием типа, размера и цвета.
Настройки стиля Nav Menu для пунктов меню и раскрывающихся данных
Настройка переключателя гамбургера и значка индикатора меню навигации

Значки переключателя и индикатора гамбургера

Стиль гамбургер переключить как значок, текст или оба, с видом по умолчанию, Сложенный или в рамку и квадрат или круг формы. он может показать один значок, пока меню закрыто, и другой, пока он открыт. значки индикатора отмечают элементы, которые имеют выпадающие и подменю: выберите свои собственные значки, показать или скрыть их, и установить их размер, цвет, положение и вращение.

  • Переключатель гамбургера в виде значка, текста или того и другого.
  • Различные значки для закрытого и открытого меню.
  • Пользовательские значки индикаторов раскрывающегося списка и подменю с вращением.

Расстояние падения и расположение каждого устройства

Установите выпадающую ширину и ее зазор в верхней части меню, зазоры между элементами и заполнение внутри каждой ссылки.Длительность перехода контролирует, как быстро меняются цвета и выпадающие элементы наведения. Поскольку макет установлен для каждого устройства, вы решаете, где меню переключается с горизонтальной полосы на вертикальный список или на гамбургер с Pro.

  • Ширина опускания и зазор сверху.
  • Пробелы между элементами и заполнением ссылок для облегчения нажатия.
  • Продолжительность перехода для изменений зависания и выпадания.
Раскрывающийся интервал меню навигации и адаптивные настройки макета

Виджеты меню Elementor Pro против меню навигации Master Add

Бесплатный плагин Elementor не имеет виджета для размещения и укладки меню WordPress. его виджеты меню Menu и WordPress поставляются с Elementor Pro. вот как они сравниваются.

Элементор ПроМеню навигации по главным дополнениям
ЦенаЛицензия Элементор ПроБесплатно, с гамбургерами типа Pro
МакетыГоризонтально, вертикально, раскрывающийсяГоризонтальный, вертикальный (4 вида), гамбургер
Мобильное менюПереключиться ниже выбранной вами точки остановаГамбургер на телефонах по умолчанию; Всплывающее окно и Offcanvas с Pro
Макет на устройствоОдна настройка точки остановаУстанавливается для каждого устройства
Анимация указателей наведенияДаНет
МегаменюВиджет меню с раскрывающимся содержимымБесплатное расширение меню Mega

Если вы уже платите за Elementor Pro, его виджеты меню выполняют эту работу. Без него, Nav Menu и Мега Меню расширение бесплатно предоставит вам стилизованное меню заголовка.

Просмотрщик шаблонов
Фейсбук
Твиттер
WhatsApp
Копировать ссылку
Купить сейчас
Мегаменю и угольная навбарная панель
Мегаменю и угольная навбарная панель
Вариации раскрывающегося меню
Вариации раскрывающегося меню
Меню Вертикальной Навигации
Меню Вертикальной Навигации
Меню навигации - с верхней панелью
Меню навигации - с верхней панелью
Вариации меню гамбургера
Вариации меню гамбургера

Как добавить меню навигации в Elementor

Виджет использует меню, которые вы создаете в WordPress, поэтому начните с этого.

  1. Создайте меню в разделе Внешний вид > Меню.
  2. В Elementor перетащите виджет меню навигации Master Addons в заголовок, нижний колонтитул или страницу.
  3. Выберите меню в меню "Выбрать" и выберите макет рабочего стола.
  4. Переключитесь на просмотр планшета и телефона, чтобы проверить раскладку на каждом устройстве. телефоны получают переключатель гамбургера по умолчанию.
  5. Стиль пунктов меню, раскрывающихся данных и переключателя на вкладке Стиль, затем опубликовать.

Полный проход заголовка читайте как создать меню навигации в Elementor без Pro. Для заголовка всего сайта используйте бесплатный Тема Строитель.

Часто задаваемые вопросы для меню навигации

Узнайте о меню навигации по наиболее часто задаваемым пользователям запросам и найдите ответы в одном месте.
Чем это отличается от других виджетов Nav Menu?

Виджеты собственного меню Elementor нуждаются в Elementor Pro. Master Addons Nav Menu бесплатны и добавляют макеты для каждого устройства, четыре вертикальных типа меню, отдельный стиль для каждого уровня меню и состояния, пользовательские значки индикаторов и стильный переключатель гамбургера. Он также работает с бесплатным расширением Mega Menu.

Да. включите расширение Mega Menu, создайте содержимое панели для пункта меню с экрана меню WordPress, затем выберите это меню в виджете Nav Menu. виджет показывает панели мега меню на передней части.

Нет. Откройте вкладку "Стиль", выберите часть меню, например "Главный элемент меню", и переключитесь между вкладками "Нормальный", "Навести" и "Активный", чтобы установить цвета для каждого состояния.

Какой вариант использования лучше всего подходит для типа меню "Offcanvas" или "Popup"?

Оба типа гамбургеров Pro.Offcanvas сползает меню слева или справа, что подходит телефонам и минимальным дизайном.Popup открывает меню над страницей, что хорошо работает для полносайтовой навигации на сайте портфолио или агентства. на бесплатной версии гамбургер открывает меню на месте под тумблером.

Да, вы можете разместить виджет где угодно, где запускается Elementor. чтобы полностью заменить заголовок вашей темы, создайте шаблон заголовка с бесплатным Мастер-создатель тем аддонов и добавьте в него виджет Nav Menu.

Да. раскладку, выравнивание и множество настроек стиля можно установить для каждого устройства. например, держать горизонтальную планку на рабочем столе, использовать вертикальную гармошку на планшетах и тумблер гамбургера на телефонах.

Виджеты и расширения трендовых элементов

Создавайте сложные веб-сайты за меньшее время.

Расширение Master Addons Glassmorphism для Elementor: карты из матового стекла с элементом управления значением размытия, установленным в 20px

Стекломорфизм

Главная Бесплатный элемент Расширение стекломорфизма: эффект матового стекла в одном переключении Стекломорфизм - это матовый...
Посмотреть детали
Расширение Master Addons Container Extras для Elementor: контейнер с максимальной шириной 1400px, с регуляторами максимальной ширины, максимальной высоты, минимальной ширины и минимальной высоты

Дополнительные контейнеры

Главная Элементор Контейнер Максимальная ширина и максимальная высота Контролирует контейнер Дополнительно является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Patterns для Elementor: герой со стилем Purple Gradient Grid Left, еще тремя стилями шаблонов и панелью Enable Pattern

Шаблоны

Главная 70+ бесплатных шаблонов фона элементара - это бесплатное расширение Master Addons, которое добавляет...
Посмотреть детали
Расширение Master Addons Post/Page Duplicator для Elementor: ссылка на строку MA Duplicator в списке WordPress Pages, создающая целевую страницу - [Дублированный № 128] черновик

Дубликатор сообщений/страниц

Главная Дублировать страницы Элементор и сообщения в один клик Пост/Пейдж Дупликатор является бесплатным Мастер...
Посмотреть детали
Расширение Master Addons Reading Progress Bar для Elementor: синяя полоса на 42% заполнена в верхней части страницы политики конфиденциальности с настройками включения, положения, высоты и цвета заполнения

Прогресс-бар чтения

Главная Добавить панель прогресса чтения в WordPress (Элементор) Панель прогресса чтения бесплатна...
Посмотреть детали