Бесплатный виджет меню Elementor Nav: элемент или Pro не требуется
Нав Меню является бесплатным виджетом Master Addons, который помещает любое меню WordPress в заголовок, нижний колонтитул или страницу Элементора и позволяет стилизовать его с панели Выберите горизонтальный или вертикальный макет для каждого устройства, стилизовать основные элементы, раскрывающиеся данные и подменю в их нормальных, зависающих и активных состояниях, и соединить его с бесплатным расширением Mega Menu для многоколоночных панелей. на телефонах он сворачивается в переключатель гамбургера по умолчанию. Master Addons Pro добавляет макет Гамбургера для любой ширины, с меню Popup и Offcanvas.
Как добавить меню навигации в Elementor
Виджет использует меню, которые вы создаете в WordPress, поэтому начните с этого.
- Создайте меню в разделе Внешний вид > Меню.
- В Elementor перетащите виджет меню навигации Master Addons в заголовок, нижний колонтитул или страницу.
- Выберите меню в меню "Выбрать" и выберите макет рабочего стола.
- Переключитесь на просмотр планшета и телефона, чтобы проверить раскладку на каждом устройстве. телефоны получают переключатель гамбургера по умолчанию.
- Стиль пунктов меню, раскрывающихся данных и переключателя на вкладке Стиль, затем опубликовать.
Полный проход заголовка читайте как создать меню навигации в Elementor без Pro. Для заголовка всего сайта используйте бесплатный Тема Строитель.
Горизонтальная, вертикальная планировка и компоновка гамбургеров
Установите макет отдельно для рабочего стола, планшета и телефона. горизонтальный подходит верхней панели. Вертикальный приходит в четырех типах: Нормальный с боковыми раскрывающимися, Переключить, Аккордеон, и Сторона, которая прижимает меню к краю страницы. телефоны используют переключение гамбургера по умолчанию. с Pro вы можете выбрать гамбургер для любой ширины и открыть меню как раскрывающийся по умолчанию, всплывающее окно или панель Offcanvas.
- Раскладки, установленные на устройство, включая дополнительные точки останова Elementor.
- Вертикальные меню: "Нормальное", "Переключить", "Аккордеон" или "Сторона".
- Меню гамбургеров Popup и Offcanvas с Master Addons Pro.
- Работает с бесплатным Мега Меню расширение для многоколонных панелей.
Стиль каждого уровня меню и состояния
На вкладке Стиль есть отдельные разделы для Элемента Главного Меню, Меню Выпадания, Элемента Меню Выпадания, Подменю Выпадания и Элемента Выпадающего Подменю Каждый получает цвета и фоны для Нормального, Наведения и Активного состояний, плюс заполнение, границы и разделители, так что ссылка на текущую страницу может выглядеть иначе, чем остальные.
- Нормальные состояния, состояния "Наведение" и "Активные" для основных элементов и элементов раскрывающегося списка.
- Отдельный стиль раскрывающейся панели, ее предметов и более глубоких подменю.
- Делители между предметами с указанием типа, размера и цвета.
Значки переключателя и индикатора гамбургера
Стиль гамбургер переключить как значок, текст или оба, с видом по умолчанию, Сложенный или в рамку и квадрат или круг формы. он может показать один значок, пока меню закрыто, и другой, пока он открыт. значки индикатора отмечают элементы, которые имеют выпадающие и подменю: выберите свои собственные значки, показать или скрыть их, и установить их размер, цвет, положение и вращение.
- Переключатель гамбургера в виде значка, текста или того и другого.
- Различные значки для закрытого и открытого меню.
- Пользовательские значки индикаторов раскрывающегося списка и подменю с вращением.
Расстояние падения и расположение каждого устройства
Установите выпадающую ширину и ее зазор в верхней части меню, зазоры между элементами и заполнение внутри каждой ссылки.Длительность перехода контролирует, как быстро меняются цвета и выпадающие элементы наведения. Поскольку макет установлен для каждого устройства, вы решаете, где меню переключается с горизонтальной полосы на вертикальный список или на гамбургер с Pro.
- Ширина опускания и зазор сверху.
- Пробелы между элементами и заполнением ссылок для облегчения нажатия.
- Продолжительность перехода для изменений зависания и выпадания.
Виджеты меню Elementor Pro против меню навигации Master Add
Бесплатный плагин Elementor не имеет виджета для размещения и укладки меню WordPress. его виджеты меню Menu и WordPress поставляются с Elementor Pro. вот как они сравниваются.
| Элементор Про | Меню навигации по главным дополнениям | |
|---|---|---|
| Цена | Лицензия Элементор Про | Бесплатно, с гамбургерами типа Pro |
| Макеты | Горизонтально, вертикально, раскрывающийся | Горизонтальный, вертикальный (4 вида), гамбургер |
| Мобильное меню | Переключиться ниже выбранной вами точки останова | Гамбургер на телефонах по умолчанию; Всплывающее окно и Offcanvas с Pro |
| Макет на устройство | Одна настройка точки останова | Устанавливается для каждого устройства |
| Анимация указателей наведения | Да | Нет |
| Мегаменю | Виджет меню с раскрывающимся содержимым | Бесплатное расширение меню Mega |
Если вы уже платите за Elementor Pro, его виджеты меню выполняют эту работу. Без него, Nav Menu и Мега Меню расширение бесплатно предоставит вам стилизованное меню заголовка.
Часто задаваемые вопросы для меню навигации
Чем это отличается от других виджетов Nav Menu?
Виджеты собственного меню Elementor нуждаются в Elementor Pro. Master Addons Nav Menu бесплатны и добавляют макеты для каждого устройства, четыре вертикальных типа меню, отдельный стиль для каждого уровня меню и состояния, пользовательские значки индикаторов и стильный переключатель гамбургера. Он также работает с бесплатным расширением Mega Menu.
Могу ли я использовать это меню с расширением Mega Menu?
Да. включите расширение Mega Menu, создайте содержимое панели для пункта меню с экрана меню WordPress, затем выберите это меню в виджете Nav Menu. виджет показывает панели мега меню на передней части.
Трудно ли настроить разные стили для нормального, зависающего и активного?
Нет. Откройте вкладку "Стиль", выберите часть меню, например "Главный элемент меню", и переключитесь между вкладками "Нормальный", "Навести" и "Активный", чтобы установить цвета для каждого состояния.
Какой вариант использования лучше всего подходит для типа меню "Offcanvas" или "Popup"?
Оба типа гамбургеров Pro.Offcanvas сползает меню слева или справа, что подходит телефонам и минимальным дизайном.Popup открывает меню над страницей, что хорошо работает для полносайтовой навигации на сайте портфолио или агентства. на бесплатной версии гамбургер открывает меню на месте под тумблером.
Будет ли это меню работать с заголовком моей существующей темы WordPress?
Да, вы можете разместить виджет где угодно, где запускается Elementor. чтобы полностью заменить заголовок вашей темы, создайте шаблон заголовка с бесплатным Мастер-создатель тем аддонов и добавьте в него виджет Nav Menu.
Могу ли я использовать другой стиль меню на мобильных устройствах и настольных компьютерах?
Да. раскладку, выравнивание и множество настроек стиля можно установить для каждого устройства. например, держать горизонтальную планку на рабочем столе, использовать вертикальную гармошку на планшетах и тумблер гамбургера на телефонах.
Виджеты и расширения трендовых элементов
Создавайте сложные веб-сайты за меньшее время.
Стекломорфизм
Дополнительные контейнеры
Шаблоны
Дубликатор сообщений/страниц
