Как создать мега-меню для Elementor с помощью дополнения JetMenu

Приветствуем вас! JetMenu — это простое в использовании и настраиваемое премиальное дополнение конструктора сайтов Elementor, которое позволяет изменять цвета, шрифты, цвета фона, добавлять тени, значки, значки и многое другое! Лучшее в этом то, что он позволяет вам создавать мегаменю, просто перетаскивая в него виджеты Elementor, так как вы это делаете при создании страниц.

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

Установка JetMenu

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

1 Общие

2 Стили

3 Стили главного меню

4 Стили меню второго порядка

5 Меню мобильного устройства

6 Расширенные

7 Менеджер предустановок

Создание мегаменю для Elementor с помощью дополнения JetMenu

Теперь давайте посмотрим, как создается мегаменю, которое мы будем использовать. Перейдите в «Внешний вид» — «Меню», выберите меню, которое хотите редактировать (обычно это главное меню), включите для него JetMenu, затем нажмите кнопку «Сохранить».

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

Появится всплывающее окно.

Включите Mega Submenu, если вы хотите, чтобы при наведении курсора отображался любой контент. Прежде чем приступить к редактированию содержимого пункта меню, пройдите через настройки слева и посмотрите, хотите ли вы изменить или добавить что-либо, например, значки, цвета и т.д.

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

В мегаменю мы добавили виджеты «Изображение», «Текст» и «Кнопка» с помощью Elementor. Возможно, вам потребуется установить некоторые отступы и поля в JetMenu, чтобы все выглядело хорошо, особенно если вы используете значки.

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

Добавление мегаменю в разных местах с помощью Elementor

Вы можете использовать виджет JetMenu Mega Menu в Elementor, чтобы добавить созданное вами меню в любое место на странице. Все, что вам нужно сделать, это перетащить его.

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

Добавление мега-меню по вертикали

JetMenu также позволяет добавлять мегаменю по вертикали. В Elementor просто перетащите виджет «Вертикальное мегаменю».

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

Мы надеемся, что с помощью нашего руководства вам удалось создать потрясающее мегаменю на вашем сайте WordPress с помощью Elementor и дополнения JetMenu. Оба этих плагина платные, но сегодня вы можете забрать их совершенно бесплатно, перейдя по данной ссылке. А у нас на этом все. Всем пока.

С уважением Вячеслав и Валерия!