Перейти к содержимому 
Что такое виджет меню?
На большинстве веб-сайтов меню располагается в верхней или нижней части страницы, предоставляя пользователям быстрый доступ к различным разделам ресурса. Как правило, меню содержит ссылки на главную страницу, раздел «Обо мне», «Контакты» и «Блог», что делает навигацию по сайту удобной и понятной для посетителей.
Рассмотрим старый вариант оформления меню в верхней части сайта
Для создания меню в header необходимо зайти в административную панель. Выбираем пункт “Внешний вид” => “Меню”
На открывшейся странице меню создаем наше первое меню, так как сайт новый, и у нас еще его нет.
Для этого в блоке “Структура меню” в поле “Название меню” вводим название нашего меню и обязательно нажимаем кнопку “Создать меню”.
Далее в наше новое меню необходимо добавить пункты. Пункты можно создавать из страниц, записей, рубрик. Eсть возможность добавлять произвольные ссылки, которые необходимы для переходов между блоками страницы
Данные странницы автоматически отобразились в пункте “Меню” в админке.
Далее ставим чекбоксы напротив страниц, которые нужно разместить в меню и нажимаем кнопку “Добавить в меню”.
Если пункты меню стоят не по порядку. Выставляем пункты создаваемого меню по иерархии обычным перетаскиванием элементов. После не забываем нажать кнопку “Сохранить меню”.
Все. Настройку меню в админке WordPress мы закончили.
Следующим шагом приступаем к добавлению навигации на странице редактора Elementor.
Переходим в редактор страницы Elementor и добавляем виджет “Меню навигации”.
Далее заходим в настройки виджета Содержимое => MENU => Меню и в выпадающем списке выбираем меню, которое мы до этого создали в консоли WordPress.
Тут мы можем задать направление меню, добавить анимации выбора и цветовую палитру раздела меню. Готово.
В новой версии WordPress 6.6.2 Elementor Pro появился новый виджет версии меню сайта
В данном виджете не требуется заранее создавать прототип “Меню” через административную панель. Все необходимые инструменты есть внутри.
Разберем подробнее для чего нужно каждое поле.
1. Menu Name – поля для ввода наименования
2. Menu Items – поля для ввода наименований предполагаемых выводимых страничек меню
После заполнения полей основного Меню, можно приступить к заполнению внутренних раскладок выводимого Меню
Изначально в раскладке меню открывается пустой контейнер, в который можно расположить как текст, изображение или вывести листинг.
В окошках заполняется информация о выводимых страничках: дается наименование, также можно сделать раскладку, что будет отображаться в данном разделе или закрепить листинг, в котором можно настроить выпадающее подменю сделав нужную страницу дочерней по отношению к другой.
Тщательно продумайте пункты меню которые должны отображаться в основном меню вашего сайта. Названия должны быть краткими, но в то же время весомыми и понятными. Поместите в главное меню только самую важную информацию. Если страниц на сайте много, попробуйте сгруппировать их по категориям и создать дополнительные страницы. Это поможет представить весь ваш контент в более структурированном и удобном для восприятия формате.
Можно задать анимацию для меню, скорость раскрытия окошек, цвет отображения.
Данный виджет меню удобен своей функциональностью и относительной простотой в построении Вашего идеального сайта.
