Все для начинающих интернет-предпринимателей

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

mega-meny-17

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

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

Установка JetMenu

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

1 Общие

mega-meny-1

2 Стили

mega-meny-2

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

mega-meny-3

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

mega-meny-4

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

mega-meny-5

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

mega-meny-6

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

mega-meny-7

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

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

mega-meny-8

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

mega-meny-9

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

mega-meny-10

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

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

mega-meny-11

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

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

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

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

mega-meny-12

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

mega-meny-13

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

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

mega-meny-14

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

mega-meny-15

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

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

Понравился материал? Поделитесь с друзьями!

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

  1. Николай

    Добрый день! Ребята, подскажите в чем проблема. Скачал ваш архив, плагин jet-menu установился отлично, а elementor-pro-v2.5.11 пишет что установить не возможно, вордпресс не нашел нужных файлов.

  2. Добрый день Николай! Сначала распакуйте архив. В нем находится не только плагин, но еще и конструктор. Когда распакуете и найдете плагин, снова запакуйте его в архив и можете устанавливать на свой сайт.

  3. Доброго времени суток

    Спасибо авторам за познавательную и интересную статью и за плагин

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *