Вы можете построить рабочее, стилизованное меню навигации в Elementor, не покупая Pro. Виджет собственного меню Elementor - только Pro, но бесплатный виджет Master Addons Nav Menu втягивает в редактор любое меню WordPress, стилизует его с панели и сворачивается к переключателю гамбургера на маленьких экранах.
Ниже: почему ядро Elementor покидает пробел, три способа заполнить его, сама сборка и где бесплатные остановки. Последняя часть имеет большее значение, чем обычно, потому что один популярный мобильный режим не является бесплатным, и большинство гидов говорят обратное.
Почему Elementor free не имеет виджета меню
Бесплатный плагин Elementor поставляет десятки виджетов макета и контента и никак не может разместить меню навигации WordPress на странице или в шаблоне. виджет, который это делает, первоначально назывался Nav Menu, а теперь виджет WordPress Menu, только Pro. Собственная документация Элементора подтверждает.
Вы все еще можете построить само меню под Внешний вид > Меню. WordPress регистрирует его нормально. разрыв находится на стороне дизайна: ядро Elementor не в что опустить это меню, поэтому вы застряли там, где ваша тема решает его распечатать.
На простом сайте с готовой к меню темой, что может быть достаточно. в тот момент, когда вы хотите пользовательский заголовок, липкая полоса, гамбургер переключатель вы управляете, или мега меню, бесплатный Элементор один не может попасть туда.
Именование менялось с годами, что добавляет путаницы. Старые учебные пособия говорят, что Nav Menu, новые говорят, WordPress Menu. Лицензия никогда не менялась. Он всегда нуждался в Pro.
Три способа добавить меню навигации без Pro
Три реальных варианта, каждый из которых по-разному сочетается со стилем и поведением мобильных устройств.
| Метод | Стоимость | Стиль редактора | Мобильный | Лучший для |
|---|---|---|---|---|
| Расположение меню темы | Бесплатно | Нет, тема контролирует это | Зависит от темы | Простые сайты на тему готовности меню |
| Виджет меню навигации Master Addons | Бесплатно | Полный, с панели | Гамбургер переключатель на телефонах | Пользовательский заголовок без Pro |
| Мегаменю Master Addons | Бесплатно | Полный | Рухнет на переключатель | Многоколонные панели, большая навигация |
| Виджет меню Elementor Pro | Платная лицензия | Полный | Включает внехолст | Сайты уже на Elementor Pro |
Расположение меню темы. Каждая тема регистрирует хотя бы одну область меню. Назначьте свое меню, и оно будет работать с нулевым количеством плагинов. Вы не получите контроля над его внешним видом от Elementor, а мобильное поведение - это то, что построил автор темы. Если меню вашей темы уже выглядит правильно и полностью рушится, действительно нет причин добавлять виджет сверху.
Виджет меню навигации Master Addons. Элементор-родной вариант без лицензии Pro. Бросить Виджет меню навигации в любой шаблон укажите его в меню из меню "Внешний вид" > "Меню", а также цвета стиля, интервал, подменю и переключатель мобильного телефона с панели.
Мегаменю Master Addons. Для сайтов с большим количеством категорий расширение Mega Menu строит многоколонные панели, а также бесплатно. это отдельный инструмент со своим прохождением: как построить мегаменю в Elementor без Pro.
Элементор Про. Если вы уже владеете им, его виджет Меню и Theme Builder делают это изначально, и вы должны использовать их. запуск двух плагинов для одного задания только добавляет веса.
Постройте меню, начните заканчивать
Вся сборка происходит в wp-admin и редакторе Elementor.Никакого фрагмента кода, ни редактирования дочерней темы. прежде чем начать, проверьте, что ваша тема еще не печатает свой собственный заголовок, потому что два сложенных заголовка - это самый распространенный беспорядок, который люди здесь устраивают.
Шаг 1: Зарегистрируйте меню
Перейдите в "Внешний вид" > "Меню", создайте меню, добавьте свои страницы и ссылки и дайте ему имя, которое вы узнаете через шесть месяцев. Это простой WordPress, не имеющий никакого специфического плагина, и у WordPress есть руководство по экрану Меню если вы не построили его раньше.
Шаг 2: Создайте шаблон заголовка
Открыть бесплатное Мастер-создатель тем аддонов и добавьте новый шаблон с набором типов в Заголовок Это контейнер, в котором живет ваше меню, и именно он позволяет вам заменить заголовок темы, а не бороться с ним.
Шаг 3. Добавьте виджет меню навигации и выберите меню
Поиск на панели Элементор для “Nav Menu” и перетащите его в заголовок В настройках виджета выберите меню, которое вы построили на первом шаге из раскрывающегося списка Выберите меню, затем установите Макет Горизонтальный подходит стандартный заголовок; Вертикальный подходит боковой панели и дает вам Подтипы Нормальный, Переключить, Аккордеон и Сторона.
Макет установлен для каждого устройства. телефоны используют переключатель гамбургера по умолчанию, поэтому меню рабочего стола там сворачивается без дополнительной настройки.
Шаг 4: Создайте стиль
Шрифт, цвет, интервал, состояния наведения и поведение подменю - все это на вкладке Стиль. Никакой пользовательской CSS не требуется. Это часть ядра Elementor вообще не может сделать, что является всей причиной добавления виджета, а не использования местоположения тематического меню.
Шаг 5: Опубликуйте и назначьте его
Сохраните шаблон и назначьте его всему сайту. на свободном уровне, который является единственным доступным условием отображения, что хорошо, когда вы хотите один заголовок везде.
Шаг 6: Проверьте его на передней части
Загрузите сайт и подтвердите, что один заголовок отображается, а не два. если вы также видите меню темы, отключите его в настройках собственного настройщика темы, а не скрывайте его с помощью CSS.
Заставить его работать на мобильном телефоне
Меню, которое работает только на рабочем столе, не закончено. на телефонах виджет Nav Menu сворачивается в гамбургер, и этот переключатель бесплатен, включая его значок, активное состояние и стиль.
Переключатель создан для использования клавиатуры и программы чтения с экрана, а не только мыши. Enter и Space открывают его, Esc закрывает его. Это стоит проверить на любом установленном вами виджете меню, поскольку многие из них построены из дивов, до которых клавиатура не может добраться.
Узнайте, что такое бесплатное мобильное меню: сложенная панель расширяется на месте под переключателем. Он хорошо подходит для коротких и средних меню. Полная панель, не связанная с холстом, которая вставляется сбоку, - это функция Pro, описанная в следующем разделе.
Тестируйте на реальном телефоне, а не на панели инструментов браузерного устройства. коснитесь целей, скорости перехода и того, закрывается ли панель на внешнем касании, - все это ведет себя на сенсорном экране иначе, чем в окне рабочего стола измененного размера. проверьте, что значок меняет состояние, поэтому очевидно, что меню открыто, и что элемент подменю доступен одним большим пальцем.
Где бесплатная версия останавливается
Два ограничения, и оба стоит знать, прежде чем проектировать вокруг них, а не после.
Вне холста и выбор макета Hamburger - Pro. Управление раскладкой предлагает Горизонтальный и Вертикальный на бесплатно, с Гамбургер маркированный Pro. телефоны используют гамбургер с типом По умолчанию из коробки, но выбор Гамбургера для других ширин, или переключение на типы Popup или Offcanvas, нуждается в Pro. Так что скользящая боковая панель, что “off-canvas menu” обычно означает здесь платная функция Свободный путь к чему-то подобному - это тип Вертикальный расклад Боковая, который паркует меню вниз по стороне страницы, или стандартный гамбургер переключение для мобильного.
Таргетирование Theme Builder - одно из правил. Бесплатный Theme Builder сохраняет ровно одно условие отображения: Весь сайт. хорошо, если вы хотите один заголовок везде. недостаточно для другого заголовка на целевой странице, другое меню для вошедших в систему участников или заголовок, перенесенный на один тип сообщения. им нужен Pro. Наш разбивка условий отображения отслеживает эту линию через источник плагина и бесплатное руководство по созданию тем охватывает остальную часть этого уровня.
Если у вас уже есть Elementor Pro, ни один из этих обходных путей не применяется. И если достаточно расположения меню вашей темы, простой внешний вид > Меню без дополнения вообще - правильный вызов. Добавьте плагин, как только значения по умолчанию темы перестанут быть достаточными.The каталог виджетов и расширений перечисляет, что еще поставляется бесплатно, если вы взвешиваете плагин в целом.
Если заголовку нужен раздел, который вы продолжаете восстанавливать вручную, Виджет Строитель позволяет вам написать его один раз как настоящий виджет. Это находится в Pro, и страница ценообразования перечисляет уровни.
Часто задаваемые вопросы
Есть ли виджет бесплатного меню для Elementor?
Не от самого Elementor. основной плагин не имеет виджета меню; что один поставляется только с Pro. Master Addons, бесплатное расширение, добавляет свой собственный виджет Nav Menu, чтобы вы могли разместить и стилизовать настоящее меню навигации без лицензии.
Можете ли вы создать меню навигации в Elementor без Pro?
Да. Зарегистрируйте меню в разделе Внешний вид > Меню как обычно, затем используйте бесплатный аддон, чтобы поместить виджет меню навигации в шаблон заголовка и стилизовать его с панели. Elementor бесплатно не может разместить или стилизовать меню, поэтому вам нужно либо расположение меню темы, либо виджет дополнения.
Как бесплатно добавить мобильное меню гамбургеров в Элементоре?
Добавьте виджет меню навигации Master Addons в шаблон заголовка, выберите меню, и он по умолчанию сворачивается в гамбургер по телефонам Переключатель, его значок и его стиль - все бесплатно Панель расширяется на месте под переключателем.
Бесплатно ли меню вне холста в Master Addons?
Нет. Off-canvas - один из трех типов внутри макета Hamburger. для выбора этого макета или его типов Popup и Offcanvas требуются Master Addons Pro. бесплатно вы получаете горизонтальные и вертикальные макеты плюс переключатель гамбургера по умолчанию на телефонах. Если вам нужно меню с боковой привязкой без оплаты, тип стороны вертикального макета является ближайшим бесплатным эквивалентом.
Как мне создать мегаменю в Элементоре бесплатно?
Мастер-аддоны включает в себя бесплатное расширение Mega Menu, которое строит многоколоночные панели и сворачивается на мобильных устройствах. оно отделено от стандартного виджета Nav Menu и создано для более широкой навигации с категориями, столбцами или рекламным контентом.
Почему мое меню навигации Elementor не отображается?
Обычно неназначенное меню. проверьте, что меню действительно выбрано в настройках виджета, а не просто создано в разделе "Внешний вид" > "Меню". Затем подтвердите, что шаблон заголовка назначен всему сайту в сборщике тем, и что ни один заголовок темы по-прежнему не активен и не перекрывает его.
Нужны ли мне Master Addons Pro или меню бесплатное?
Виджет Nav Menu бесплатен, включая стиль, подменю, макеты для каждого устройства и переключатель гамбургера на телефонах. Pro добавляет макет Hamburger для любой ширины с его всплывающими и нехолщовыми типами, а также условия Theme Builder за пределами единого правила Entire Site.
Что делать дальше
Постройте заголовок с горизонтальной компоновкой, затем загрузите его на свой телефон, прежде чем стилизовать что-либо еще. Большинство проблем меню - это проблемы с мобильностью, и они появляются за десять секунд на реальном устройстве.
Если меню окажется необходимым многоколоночные панели, мега-руководство по меню оттуда поднимается. The Страница виджета Nav Menu сравнивает его с виджетами меню Elementor Pro, и Документация меню навигации перечисляет каждый контроль.
