Плагины авторизации WordPress
В репозитарии Вордпресс можно найти множество плагинов для входа на Вордпресс сайт.
В этой статье плагины, которые добавляют ссылки на Вход, Выход и Регистрацию на сайте в меню Вордпресс.
Большинство плагинов — несколько Килобайт, могут служить альтернативой снипетам в functions.php.
Содержание:
Плагины, которые скрывают элементы меню
Плагины, которые добавляют элементы меню
Плагин комбайн для создания шапки сайта
Плагины, которые скрывают или показывают элементы меню в зависимости от роли или авторизации посетителя.
Этот плагин показывает или скрывает элементы меню в зависимости от роли или авторизации пользователя. Если вы хотите показывать какую-то ссылку в меню только авторизованным пользователям, определенной роли пользователей или только не-авторизованным пользователям, то используйте этот плагин.
Например, вы можете добавить две Произвольных ссылки во Внешний вид —
В настройках меню выберите показывать ссылку на Вход только не-авторизованным посетителям (Logged Out Users).
Ссылку на Выход показывать только авторизованным посетителям (Logged In Users).
Настройки плагина Nav Menu RolesРазмер плагина 30 Кб.
Аналогичный плагин авторизации, но имеет больше условий, по которым может показывать или скрывать элементы меню:
- Показывает / Скрывает элементы меню на мобильных,
- В зависимости от типа страницы
- Для разных ролей пользователей
- Для посетителей из разных стран
- В зависимости от языка браузера
- Статус Мембершипа
Плагин If Menu работает с плагинами WooCommerce Subscriptions, WooCommerce Memberships, Groups, WishList Member и Restrict Content Pro.
Размер плагина 332 Кб.
User Menus показывает или скрывает элементы меню для авторизованных и неавторизованных посетителей, или для пользователей с выбранными ролями.
Особенность плагина в том, что он может выводить Имя, Фамилию, Аватар, Никнейм или Е-мейл пользователя в меню сайта.
Размер плагина 932 Кб.
Для отображения или скрытия элементов меню в этом плагине вы можете использовать Условные теги Вордпресс.
Довольно гибкий плагин, с помощью которого вы можете настроить множество условий для отображения пунктов меню, но требует некоторых знаний.
Плагин состоит из 1 файла длиной 100 строк. Размер 4 Кб.
Эти плагины не скрывают элементы меню, но добавляют свои собственные динамические элементы меню, которые показываются или скрываются в зависимости от авторизации посетителя.
Login or Logout Menu Item
С помощью этого плагина вы можете добавить динамический пункт меню входа / выхода в любое меню на вашем сайте. Пункт меню будет меняться в зависимости от того, авторизован посетитель, или нет.
Также вы можете настроить адрес страницы входа, адрес перенаправления после входа и адрес выхода.
1 Файл, 200 Строк. Размер плагина 4 Кб.
Этот плагин добавляет динамическую кнопку входа / выхода, ссылку на регистрацию и на аккаунт пользователя, которые скрываются или отображаются в зависимости от авторизации посетителя.
1 Файл, 300 Строк. Размер плагина 4 Кб.
Платный плагин JetBlocks, с помощью которого вы можете создать любую шапку сайта и настроить ее показ на любых страницах. Например, одна шапка для всех Страниц сайта, вторая шапка для Магазина WooCommerce, третья — для Аккаунта пользователя.
Плагин JetBlocksВ версии 1.2.2 вы можете использовать такие виджеты:
- Вход на сайт
- Динамическая авторизация
- Регистрация
- Поиск (по страницам, по продуктам или оба)
Виджет Auth Links показывает Войти и Регистрация для неавторизованных пользователей, и Выйти для авторизованных пользователей.
Все Элементы настраиваются как и все другие виджеты Elementor — Типографика, Цвет, Размер, Отступы и так далее.
Меню JetBlocksЭффекты наведения можно добавить из библиотеки CSS, например, Hover CSS.
Хороший плагин, который делает все, что нужно. Перейти на сайт плагина.
Читайте также:
- Как добавить кнопку Войти / Выйти в меню Вордпресс вручную с помощью кода в functions.php
- Как отключить админ-бар WordPress для всех пользователей, кроме администратора
- Как изменить админку WooCommerce
Надеюсь, статья была полезна. Оставляйте комментарии.
Как создать дубликат меню в WordPress в один клик
В WordPress есть встроенная система для добавления меню навигации на ваш сайт. Насколько бы она не была удобна, но система не позволяет вам создавать дубликаты меню. Если вам вдруг понадобится создать похожее меню в кратчайшие сроки, то вам придется проделывать все вручную, накидывая элементы. В сегодняшней статье мы покажем вам как создать дубликат меню в WordPress всего лишь в один клик.
Зачем и когда вам может понадобиться дублировать меню?
Когда вы применяете новую тему, а в вашей старой теме было сформировано идеальное меню, у вас есть два варианта.
Изменить оригинальное меню или же быстро создать дубликат меню и уже там проделывать изменения.
Дубликаты меню также будут полезны, если вы хотите использовать теги условий для того, чтобы выводить различные меню различным типам пользователей. Например, отображать другое меню для залогиненных пользователей WordPress.
Как быстро создать дубликат меню в WordPress
Первым делом вам необходимо установить и активировать плагин Duplicate Menu. После активации просто переходим в раздел Внешний вид » Duplicate Menu административной панели сайта для того, чтобы быстро продублировать существующее меню в WordPress.
Вам нужно выделить меню, которое нужно скопировать, а затем задать имя для новой копии. Далее, кликаем на кнопку Duplicate Menu и все готово.
Теперь можно перейти в раздел Внешний вид » Меню, где уже выбрать дубликат меню из выпадающего списка.
Мы надеемся, что эта статья помогла вам продублировать свои меню в WordPress в один клик. Также вам может быть интересна наша статья о том, как стилизировать меню в WordPress.
По всем вопросам и отзывам просьба писать в комментарии ниже.
Не забывайте, по возможности, оценивать понравившиеся записи количеством звездочек на ваше усмотрение.
VN:F [1.9.22_1171]
Rating: 5.0/5 (2 votes cast)
JQuery плагин вертикального аккордеон меню для блога WordPress
Здравствуйте, дорогие читатели блога. В этот день расскажу Вам я про превосходный плагин, который создаёт на блоге WordPress классное меню аккордеон — JQuery Accordion Menu Widget. Я сам пользуюсь этим плагинов, и естественно Вы его можете посмотреть в действии справа в рубриках. Очень удобный плагин, просто вставляешь через админку виджет и радуйся.
Плагин
Плагин JQuery Accordion Menu Widget легок в установке и в использовании, к тому же очень функционален. В нем присутствует несколько тем оформления, цветов самого меню, а именно красное, синее, чёрное и серое. Соответственно это аккордеон меню вольётся практически в любой дизайн блога.
Ещё огромный плюс плагина — это простота установки. Всего лишь нужно его скачать, затем установить, после плагин создаст виджет, который Вам просто нужно будет добавить в сайдбар Вашего блога.
Ну а теперь давайте перейдём к процессу установки и настройки плагина.
Установка плагина
Теперь нужно, в админке блога, зайти во вкладку плагины, затем выбрать Добавить новый и в поле для поиска вписать JQuery Accordion Menu Widget далее нажать поиск.
Нужный нам плагин будет самый первый в списке. А под ним будет ссылка Установить плагин. После того как он установится нужный нам виджет появится во вкладке
На рисунке выше я подчеркнул название самого виджета.
После Вам всего лишь понадобится перетащить его в сайдбар, который находится сплава, в нужно Вам место.
Настройки плагина
После того как виджет будет добавлен в сайдбар его можно будет настроить по Вашему вкусу. А именно выбрать цвет самого меню, тему оформления. Как будет открываться меню при наведении на него или при клике. Углубляться сильно в настройки не буду, они лёгкие и понятные.
Важный момент: рубрики и подрубрики.
Если на Вашем блоге есть подрубрики к рубрикам, Вам нужно создать произвольное меню. Это нужно для того, чтобы плагин меню корректно их отображал и вообще работал.
Чтобы создать произвольное меню в WordPress Вам нужно зайти в Внешний вид, а затем в Меню. Далее нужно придумать название меню, выберите какое Вам понравится:-) после нажимаем на кнопочку Создать меню.
Когда меню будет создано нужно будет выбрать его элементы, в нашем случае это будут рубрики. Ниже будет не большое окошко с рубриками, в этом окошке нужно будет выбрать вкладку Все, затем нажать Выделить все, а после нажать Добавить в меню. Теперь давайте посмотрим что у меня получилось с рубриками на beloweb.ru.
Теперь нужно создать подрубрики. В данном случае у рубрики WordPress будет подрубрика
После того ка Вы сделаете этот шаг, плагин JQuery Accordion Menu Widget будет работать.
Надеюсь, что всё ясно и доступно объяснил. Если Вам всё таки Вам будет что то не понятно спрашивайте в комментариях. До скорых встреч, друзья.
Плагины меню для CMS WordPress
Хотите создать многоуровневые сложные меню для своего веб-сайта, и при этом не возиться с этим делом слишком долго? Решение есть. Сборка и оформление меню сайта легко осуществляется с помощью специальных плагинов для WordPress.
Темы WordPress предоставляют отличные возможности для разработки великолепных сайтов. Однако современные навигационные меню отличаются от тех меню, которые использовались несколько лет назад. При этом темы WordPress продолжают предоставлять меню, которые работают с концепцией темы.
Это не всегда подходит для крупных сайтов с большим количеством страниц, содержащих разнообразные продукты или услуги.
Специальные плагины меню для WordPress помогут добавить на сайт удобную, адаптивную навигацию.
Адаптивные меню WordPress
Меню веб-сайта является одним из самых важных элементов, поскольку оно помогает перемещаться по страницам. Меню определяет варианты выбора, представленные пользователям. Нажав на выбранный пункт меню, пользователь переходит на определенную веб-страницу или совершает действие.
Как с эстетической, так и с навигационной точки зрения, визуально привлекательное меню имеет решающее значение для дизайна сайта.
Меню бывает разных типов, и в идеале вы можете выбрать один из них в зависимости от количества страниц и общего дизайна вашего сайта.
Горизонтальные отображаются в верхней части веб-страницы, а оставшееся пространство зарезервировано для основного содержимого. Оно интуитивно понятно, так как большинство людей предпочитают читать текст по горизонтали.
Вертикальные используются отдельно, или в сочетании с горизонтальным меню. В основном применяются, когда содержимое не может быть помещено горизонтально по всей странице.
Выпадающие могут использоваться как с горизонтальным, так и с вертикальным. Они отделяют видимые элементы главного меню от элементов подменю, которые появляются только при наведении указателя мыши.
Мега-меню — это большие двухмерные панели, сгруппированные по вариантам навигации. Это сравнительно новая концепция, которая набирает популярность, поскольку полное меню сразу видно без прокрутки. Это сочетание простых и выпадающих меню, схожее с лентой в Microsoft Office.
Плагины меню WordPress
Сегодня мы познакомим вас с плагинами, которые позволяют создать как раз последний тип меню.
WordPress сам по себе предоставляет встроенные функции для создания различных типов меню. Однако эти функции являются общими, и не позволяют внедрять мега-меню.
Специальные плагины WordPress интегрируются с существующей системой меню WordPress, и предоставляют дополнительные возможности. Плагины помогают создавать профессионально выглядящие mega-меню.
Большинство плагинов имеют встроенную панель администратора для добавления или изменения элементов меню, стилизованных под ваш дизайн сайта. Есть настройки для шрифтов, цветов, фоновой текстуры, значков и т. д. Элементы шорткода позволяют добавлять в меню контактные формы, изображения, видео, карты Google и динамическое содержимое.
Большинство плагинов WordPress Mega Menu оптимизированы для работы с несколькими устройствами. Эти плагины включают в себя поддержку нескольких меню, эффекты наведения и другую анимацию.
Max Mega Menu Plugin
Max Mega Menu — это полный плагин управления меню. С полной легкостью можно изменить существующее меню в удобное, полностью доступное и отзывчивое. Опции включают встроенные настройки для переустановки, добавления виджетов, изменения поведения и преобразования простого меню в мега-меню. Этот плагин в бесплатной версии поддерживает встроенный редактор. В Max Mega Menu Pro добавлены такие функции, как вертикальное, гамбургер-меню, логотип-меню, поддержка шрифтов Google, поддержка WooCommerce и EDD.
Responsive Menu Plugin
Это настраиваемый плагин для WordPress. Интерфейс прост в использовании и предоставляет множество настраиваемых параметров. Различные варианты настройки меню включают в себя тип меню, фоновое изображение, анимацию меню, выравнивание и размещение меню, размер экрана. В бесплатной версии плагин предоставляет такие возможности, как логотипы меню, компоненты для изменения порядка, включающие скрипты, триггеры пользовательского меню. Функциональные возможности Advanced и Pro обеспечивают поддержку предварительного просмотра дизайна, анимации элементов меню, встроенной панели заголовка и т. д.
WP Responsive Menu Plugin
Настраиваемый плагин для мобильного меню. Плагин позволяет преобразовывать существующее меню WordPress во что-то элегантное, удобное и адаптивное. Этот плагин легко интегрируется с системой меню WordPress и работает на всех типах мобильных устройств. Бесплатная версия предоставляет простой в использовании интерфейс администратора. Он предлагает множество вариантов и возможность показывать категории, подкатегории и сообщения. Плагин предоставляет встроенную поддержку для добавления цветов, логотипов, скрытия определенных элементов на мобильных устройствах.
Nextend Accordion Menu Plugin
Плагин Nextend Accordion Menu является удобным для пользователя, настраиваемым и легко интегрируемым. Гамбургер-меню позволяет вам использовать различные уровни подменю. Обеспечивает полный контроль над меню, уровнями, цветами, анимационными эффектами. Его можно использовать для создания «гамбургера» из любого меню WordPress. Версия Lite поставляется с одной темой. 3 дополнительные темы доступны для покупки с PRO версией плагина. Список мощных функций также включает полный контроль над цветами, фоном, изображениями, шрифтами. Также добавлено несколько уровней меню и встроенная поддержка шрифтов Google.
WR Mega Menu Plugin
Плагин Mega Menu от WooRockets — мощный, отзывчивый, ориентированный на пользователя плагин. Предоставляет вам выделенный и интуитивно понятный конструктор. Обеспечивает полный контроль над проектированием и настройкой меню. Поддерживаются ориентация меню и параметры отображения значков, предварительный просмотр в реальном времени и профили для настроек меню. Вы также можете вставлять контент и встраивать Google Fonts из панели подключаемых модулей.
Вышеупомянутые плагины являются хорошо известными и высоко оцененными плагинами WordPress. С их помощью вы без труда создадите мега крутое меню на своем сайте.
Источник: Top 5 WordPress Menu Plugins (Pros and Cons Compared) 2017
Плавающее меню – плагин WordPress
Если вы посмотрите в правый угол экрана, читая мой пост, то увидите плавающее меню – плашку со словами «Загляни сюда!» Это очень приятный и удобный плагин, который привлечет внимание Вашего посетителя к особенно важным, по вашему мнению, моментам на вашем сайте.
Это могут быть какие-либо рубрики, или даже сторонние ссылки, выводящие посетителя на мини сайты с формой подписки или другими предложениями.
У этого плагина, пожалуй, есть только один отрицательный момент. Когда Вы даете ссылку на сторонний ресурс, она, к сожалению, уводит посетителя с Вашего сайта. То есть ссылка открывается в том же окне.
Загружается этот плагин очень просто. Он есть в коллекции WordPress. Значит, можно ввести в строку поиска название Floating Menu и он появляется на первом месте выдачи.
Или можно скачать с официального сайта http://wordpress.org/extend/plugins/floating-menu/.
Активируем и приступаем к настройкам.
Найдете Вы этот плагин в вижетах опции Внешний вид.
А вот теперь обратим внимание на следующий момент. Виджет, как известно, надо установить на определенное место сайт бара. Но так как этот виджет плавающий, то отображаться он будет только на той странице, на которой отображается область сайт бара с этим плагином. Если же вы настроили страницу без показа сайт бара ( как на моем сайте страница – Содержание) , то и плавающее меню на этой странице не будет отображаться.
Теперь проведем некоторую подготовительную работу. Дело в том, что бы создать ссылки в плавающем меню, надо создать произвольное меню на Вашем сайте. Это то самое меню, которое расположено в той же опции – Внешний вид. Как его создать Вы можете узнать, прочитав внимательно статью по настройке Произвольного меню.
Теперь открываем виджет и принимаемся за его настройки.
1. Выбор меню из созданных в Произвольном меню;
2. Click – меню будет открываться по клику наведенного курсора и закрываться тоже по клику;
3. Hover – меню открывается по клику курсора и автоматически закрывается;
4. Заголовок. В этом окне вводите название меню. У меня – Загляни сюда!
5. Ширина кнопки в пикселях. Можете установить по своему усмотрению.
6. Локализация верх-низ. TOP –BOTTON. Выбираете расположение плашки меню, внизу или вверху.
Второе окно устанавливает отступ от верхнего или нижнего края окна.
7. Локализация право-лево. Второе окно устанавливает расстояние от бокового края;
8. Скорость «плавания». Это скорость движения кнопки по экрану, в случае соответствующей установки .
9. Скорость «выпадания». Установка скорости раскладывания меню.
10. «Бегающее» меню. Поставив галочку в этом чек боксе, Вы позволите меню передвигаться с
движением экрана.
11. Фиксированное открытое меню. Такое меню установится и «привяжется» к определенному месту
экрана в открытом виде.
12. Фиксированное выпадающее меню. А такое меню будет закреплено на определенном месте и
открываться по клику. Именно такое меню установлено у меня на сайте.
13. Последнее окно – выбор внешнего вида. Просто поэкспериментируйте и подберите под дизайн
вашего сайта.
Не забудьте сохранить изменения.
Ну, вот и все. Меню создано.
Удачного продвижения
Меню для ресторана на сайт плагин WordPress
На чтение 3 мин. Просмотров 32
Привет ! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress ! Сегодня вы узнаете как добавить на свой сайт стильное, адаптивное меню, для ресторанов, кафе и баров. Вы сможете добавлять в меню описания, цены и изображения. Можно установить свой размер изображений. Вы сможете создать меню для каждого дня недели и даже по часам. Вы сможете добавить меню на сайт с помощью шорткода.
Установить плагин Quick Restaurant Menu вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: Rest. Menus. На странице All Menus будут отображаться все созданные вами меню. Чтобы создать новое меню, нажмите вверху на кнопку — Add New Menu.
Обратите внимание ! После создания меню, на странице со списком всех созданных меню, вам будет доступен шорткод меню. Скопируйте шорткод и вставьте его на страницу, куда хотите добавить меню.
Далее, на странице создания меню укажите название и описание меню (отображается только в админ-панели). Далее, смотрите, в поле Menu Items у вас будет отображаться уведомление, которое означает — вам нужно сохранить меню, чтобы у вас открылась возможность создавать меню и пункты меню. Нажмите вверху на кнопку — Сохранить.
Далее, у вас появятся две кнопки:
— New Menu Item, для создания пункта меню. Например, для добавления какого-либо блюда, его название, описание и цена.
— New Title Section, для создания секции меню. То есть, вы можете указать здесь название раздела меню и его описание. Например, «Меню на обед». Здесь вы можете указать только заголовок и описание. Секция располагается над пунктами меню.
Обратите внимание ! Вы можете создавать несколько секций с меню. Просто располагайте их по порядку. Внизу страницы можно добавить любой текст в подвал для всего меню. После создания меню, опубликуйте меню.
Далее, перейдите на страницу: All Weekly Menus. Здесь будут отображаться меню созданные на неделю. Чтобы создать недельное меню, нажмите вверху на кнопку — Add New.
Далее, при создании недельного меню, вы можете выбрать дни недели, можете указать время начала и конца. Можно создавать разные расписания, нажав на кнопку — Add schedule. К каждому расписанию вы можете прикрепить меню в поле SELECT MENU. Недельное меню добавляется на сайт также с помощью шорткода.
Далее, в настройках плагина, на странице «Settings» вы сможете настроить следующие параметры:
— Currency, здесь можно добавить любой символ к цене, значок доллара или рубля и т.д.
— Currency position, здесь можно выбрать расположение символа, перед или после цены.
— Menu items thumbnail size, здесь можно выбрать размер изображений по умолчанию.
— Custom CSS, можно добавить свои CSS стили.
— Insert Custom CSS, добавить CSS на сайт.
— Сохраните изменения.
Как сделать липкое меню на WordPress
Липкое меню представляет собой такой навигационный элемент, который всегда остаётся в поле зрения на экране, независимо от прокрутки страницы. Это удобно, так как пользователь в любой момент может воспользоваться навигацией, не прокручивая страницу вверх — улучшается юзабилити.
Некоторые темы наделены таким эффектом. В этой статье я расскажу о том, как сделать липкое меню на WordPress с помощью плагина на любой теме, даже той, в которой эта возможность не предусмотрена.
Для начала скачайте плагин по ссылке ниже. Он называется myStickymenu. Его интерфейс на английском языке. Но я помогу разобраться в нём.
Установите и активируйте плагин, а затем перейдите в пункт «Настройки», подпункт «myStickymenu». Здесь находятся все опции в трёх вкладках.
Первая вкладка называется «Genarall settings» и в нём собраны главные опции:
- Sticky Class. CSS класс или идентификатор меню, которое нужно сделать липким. Это самая главная настройка. И для тех, кто не знает, как получить этот параметр, я расскажу чуть ниже.
- Fade or slide effect. Визуальный эффект.
- Disable at Small Screen Sizes. Опция позволяет установить минимальную ширину экрана, на котором будет липкий эффект.
- Disable at Large Screen Sizes. Опция позволяет установить максимальную ширину экрана, на котором будет липкий эффект.
- Make visible on Scroll. Можно указать уровень скролла страницы, после которого меню станет видимым.
- Make visible on Scroll at homepage. Та же опция, но для главной страницы.
Чтобы сделать липкое меню на WordPress с помощью плагина myStickymenu, нужно выяснить CSS класс или идентификатор данного элемента. Покажу как это сделать в Google Chrome. В остальных браузерах всё примерно так же.
Откройте страницу сайта и нажмите клавишу «F12». Внизу появится панель с кодами. Нажмите на кнопку с иконкой стрелки для выбора элементов, и выберите мышкой элемент на странице, которому нужно придать эффект.
В панели внизу вы увидите ID отмеченного мышкой элемента. Показываю его на скриншоте.
В моём случае ID — это nav-main. Во всех темах меню могут иметь разны ID или класс. Полученный параметр нужно вставить в опцию «Sticky Class».
После сохранения этих опций можно проверять как работает плагин.
Теперь рассмотрю вторую вкладку настроек — «Style»:
- Sticky z-index. Задаёт порядок наложения элементов на другие части дизайна. 99990 делает его поверх всего.
- Sticky Background Color. Цвет фона.
- Sticky Opacity. Уровень прозрачности.
- Sticky Transition Time. Время перехода обычного меню в липкое.
- CSS style. Здесь находятся стили элемента.
- Disable CSS style. Опция отключает стили плагина.
Последняя вкладка «Advansed». Здесь можно отметить галочками те страницы, на которых эффект липкого меню не нужен.
Теперь вы знаете как создать липкое меню на WordPress. Методом экспериментов вы сможете добиться необходимого вида.
Статьи по теме:
ПлагинGroovy Menu (бесплатно) — плагин для WordPress
Описание
Mega Menu Pro | Демо | Документация | Видеоуроки
Groovy Menu — это отзывчивый и бесплатный плагин Mega Menu для WordPress, который позволит вам легко добавить потрясающее меню на свой сайт и улучшить навигацию по сайту. Легко настроить, просто нужно загрузить свой логотип и подобрать свои цвета, шрифты и размеры.
Посмотреть больше видеоуроков: Mega Menu Tutorials
Характеристики
- Мега меню
- Вертикальное меню
- Одностраничное меню
- Раскрывающееся меню
- Подменю
- Меню панели инструментов
- Тележка Ajax
- Совместимость с DIVI
- Совместимость с Avada Fusion Builder
- Совместимость с Elementor
- Мега меню WooCommerce
- Адаптивное меню
- Полноэкранное мега меню
- Мобильное меню
- Поддержка RTL
- Готовность к WPML
- Поддержка многоуровневого меню
- Гладкая прокрутка
- Соответствие GDPR
- Режим предварительного просмотра
- 2 типа парения
- 1 настольный логотип + 1 мобильный логотип
- Автоматическая и ручная интеграция
- Навыки программирования не требуются
- Простота настройки
Премиум-функции
- Megamenu
- блоков мегаменю — которые позволяют добавлять богатый контент в мегаменю.Совместимость с лучшими популярными конструкторами страниц, такими как Elementor,
Elementor, DIVI, WPBakery - Divi Mega меню
- Полноширинный модуль Divi
- Стандартный модуль Divi
- Множество макетов заголовков
- Онлайн-библиотека пресетов с готовыми пресетами
- Вертикальное меню
- Иконка меню
- Прилепленное меню
- Фиксированное меню
- Навигация вне холста
- Гамбургер-меню
- Подменю
- Боковое меню
- Значки пользовательского меню (значок, текст, изображение)
- Роли пользователей с плагинами ролей пользователей
- Установить специальное меню для таксономий
- Премиум-поддержка Особенности
- для разработчиков тем
- Elementor Mega Menu
- WP Мега меню пекарни
- Mega Menu для Visual Composer
Получите максимум от меню вашего сайта с Groovy Mega Menu PRO для WP.
Совместимость со конструкторами страниц
- Elementor, Elementor Pro
- DIVI Theme Builder — новый
- Fusion Builder (Avada Theme Builder) новый
- WPBakery (визуальный композитор)
- BeaverBuilder
- Brizy
- UX Builder из новой темы Flatsome
- Cornerstone от Themeco авторы темы X, тема Pro
- Гутенберг
- Конструктор страниц SiteOrigin
Совместимость плагинов
WooCommerce, Контактная форма 7, Slider Revolution, ConvertPlug, WPML,
форм Ninja, Elementor PRO, плагины кеширования, такие как WP Rocket, W3 Total Cache,
Fastest Cache, Hummingbird, Super Cache, Autoptimize, WP Optimize.Cache Enabler и другие.
Дополнительная информация
Исходный код плагина можно найти на GitHub
Установка
- Загрузите \ «groovy-menu.zip \» в каталог \ «/ wp-content / plugins / \».
- Активируйте плагин через меню «Плагины» в WordPress.
- Включите автоматическую интеграцию на странице администратора WordPress> меню Groovy> Интеграция
FAQ
Как интегрироваться?
- Меню
Groovy можно интегрировать как вручную, так и автоматически.Автоматическая интеграция — самый простой и в большинстве случаев
рабочий способ реализовать Groovy Menu на вашем веб-сайте. Принцип автоинтеграции заключается в том, что плагин Groovy Menu
будет отображаться сразу после открывающего HTML-тега «body». Узнать больше Как загрузить логотип?
Пожалуйста, прочтите эту статью.
Обзоры
Продуктхорошо документирован, но его нужно изучить, потому что он обладает такой большой гибкостью и множеством функций.Мы потратили некоторое время на эксперименты с настройками, но, применяя их к проекту с конкретными задачами дизайна, мы не могли заставить меню делать именно то, что требовалось. На наш запрос в службу поддержки оперативно ответили, предоставив снимок экрана с видеороликом, показывающим, как именно достичь нашей цели. Отличная поддержка!
Я использую этот плагин ежедневно как веб-дизайнер, это часть моих основных инструментов в работе. Я просто не могу без этого жить! Их команда поддержки невероятна.За много лет я не встречал такого эффективного сервиса.
Демо-версия практически бесполезна, поэтому мы решили купить плагин на Envato Market. К сожалению, эффект наведения меню не работает должным образом. Иногда меню открывается, а иногда нет. Также мы хотели использовать функцию «выпадающего поиска» в строке меню. Но когда вы выбираете эту опцию при настройке меню, ничего не меняется. Доступен только полноэкранный поиск. Короче говоря: мы были недовольны плагином и поэтому подали заявку на возврат средств на Envato Market.Но, к сожалению, компания плагина не хочет возвращать деньги за нашу покупку. Мы уже купили плагин Max Mega Menu, и он отлично работает.
Ужасно, не дружелюбно, нудно, непонятно, а за мелочь все платно. со смертельным исходом
На данный момент я тестировал только версию меню боковой панели. Он по-прежнему ограничен по сравнению с горизонтальным меню, но, по словам поддержки, скоро он будет улучшен.Хочу выделить отличную службу поддержки. Не бойтесь багов, они есть и делают даже больше, чем нужно!
Я хотел бы поблагодарить вас за разработку этого плагина. Панель очень хорошо организована и легко настраивается. Возможности интеграции также доступны в очень простом использовании. Отличная работа!
Посмотреть все 13 отзывовАвторы и разработчики
«Плагин Groovy Menu (бесплатно)» — это программное обеспечение с открытым исходным кодом.Следующие люди внесли свой вклад в этот плагин.
авторовИстория изменений
1.2.16
- Улучшение: возможность правильной интерпретации специальных символов («\ n», «\ r», «\ t», «\ f», «\ b») для вывода настраиваемого содержимого, добавленного в «Меню Groovy> Пользовательский код». .
- Добавлено: добавлены три новых действия:
- Триггер открытия настраиваемого мобильного меню: gm_custom_mobile_hamburger
- Значок перед гамбургером: gm_before_mobile_hamburger
- После значка гамбургера: gm_after_mobile_hamburger
В эти области можно вставлять собственные короткие коды или необработанный HTML.Подробнее читайте в Руководстве.
- Добавлено: добавлены дополнительные настройки цвета ссылок, если включен параметр «Цвет фона меню верхнего уровня при открытии подменю (я)».
- Добавить: настройка скорости прокрутки для «Внутренней полосы прокрутки подменю».
- Fix: Исправлены визуальные задержки при включенной настройке «Анимировать снизу», когда раскрывающийся контейнер больше, чем высота экрана.
- Fix: Исправлены проблемы стиля с дополнительным меню панели инструментов, которое появлялось при работе с Divi Builder.
- Fix: Для мегаменю с большим размером высоты исправлена ошибка с вычислением высоты страницы при начальной загрузке.
- Fix: Исправлена ошибка, когда для меню верхнего уровня были назначены «Мегаменю» и «Фоновое изображение мегаменю», изображение отображалось, даже если настройка «Мега-меню» уже была отключена для этого пункта меню.
1.2.15
- Улучшение: Стиль внешнего вида подменю для минималистичного типа меню.
- Добавить: Новая функция, позволяющая добавить дополнительное меню на панель инструментов.Размещено в разделе «Общие> Меню панели инструментов».
- Добавлено: Новая настройка «Выровнять панель инструментов по центру».
1.2.14
- Улучшение: поведение и настройки гамбургера.
- Добавлено: новый стиль при наведении курсора «Угасание» в стиле наведения подменю.
- Добавлено: Новые настройки «Запретить автоматическое закрытие мобильного меню». Предотвращает автоматическое закрытие мобильного меню при прокрутке, изменении размера страницы или касании за пределами области меню.
- Fix: Предотвращение открытия пункта меню со ссылкой раскрывающегося списка при первом щелчке для мобильного меню.
- Fix: Небольшое исправление анимации для «Минималистичный тип открытого меню> Слайд-меню и контейнер».
1.2.13
- Улучшение: код Groovy Menu оптимизирован для работы с большими меню.
- Добавлено: Новая настройка для пункта навигационного меню «Настраиваемая ширина выпадающего меню мегаменю». Применяется для контейнера меню.
- Добавлено: новая настройка для пункта навигационного меню «Установить положение выпадающего меню блока меню как выровненное от начала пункта меню верхнего уровня». Применяется для контейнера меню.
- Добавлено: Новая настройка пункта навигационного меню «Замороженная ссылка». Отключено открытие ссылки при нажатии, остальные функции продолжают работать.
- Добавить: новая настройка для мегаменю «Выделять заголовки мегаменю при наведении курсора и активном». Это применимо к заголовкам мегаменю, которые содержат ссылки. Выделите заголовок цветом в соответствии с настройками, как и для обычных пунктов меню.
- Добавлено: Добавлен тип меню Fullscreen, настройки вынесены в раздел минималистичного меню.
- Добавить: Добавлена новая функция «Наложение страницы при раскрытии меню».
- Добавлено: Добавлен новый стиль оформления падающего утопления — «Сдвиг слева / справа».
- Добавлено: новый фильтр WordPress для возможности динамически изменять изображение логотипа.
- Добавлено: добавлен новый параметр «Включить для обработки якорных ссылок для содержимого« Блоки меню »», размещенный в разделе «Общие -> Полоса прокрутки и одна страница». Позволяет включить якорные ссылки в «Блоках меню» и плавную прокрутку.
- Fix: Улучшена совместимость стилей для некоторых тем с помощью CSS Reset.
- Fix: Исправлена ошибка, препятствующая нормальной работе Groovy Menu при использовании нескольких плагинов для минимизации JS-кода и кеширования страниц сайта.
- Fix: Изменен метод инициализации предустановки JS. Это может предотвратить ошибку, которая возникает в редких случаях при сложной интеграции.
- Fix: Добавлен префикс идентификатора для пунктов мобильного навигационного меню. Предотвратить проблему «Идентификатор не уникален».
- Исправление: проблема с возникновением горизонтальной прокрутки при включенной настройке «Мегаменю по ширине контейнера» в случае интеграции внутри построителя, такого как Divi Builder.
1.2.12
- Улучшение: эффект наведения на пункт меню теперь возникает только для последнего элемента в цепочке в многоуровневых меню.
- Добавлено: добавлена настройка «Принудительно центрированный логотип» для типов меню с центральным логотипом.
- Исправление: предотвращение двойной инициализации для JavaScript из меню Groovy. Такой случай мог быть при индивидуальной интеграции.
- Fix: Исправлена ошибка с появлением полосы прокрутки в выпадающих списках там, где ее не должно быть.
- Fix: Исправлено небольшое смещение CLS для раскрывающегося содержимого, когда включены предустановленные настройки «Стиль внешнего вида подменю — Анимация снизу» и «Включить внутреннюю полосу прокрутки подменю».
- Fix: Исправлена проблема с «Убедитесь, что текст остается видимым во время загрузки веб-шрифта» в версии Google PageSpeed Insights для шрифтов значков Groovy Menu. Вам необходимо переустановить шрифты значков в «Панель инструментов Groovy Menu> Глобальные настройки> Пакеты значков».
- Fix: Исправлена ошибка с загрузкой медиафайлов в «Глобальные настройки» через страницу интеграции.
- Fix: Исправлена интеграция с темой Divi, исправлены некоторые конфликты стилей.
- Fix: Исправлена ошибка с автоматическим закрытием открытых раскрывающихся меню, возникающая в некоторых случаях.
- Fix: Исправлена ошибка, препятствовавшая установке Groovy Menu на сайте под управлением Microsoft-IIS.
- Fix: Добавлены стили для селектора WPML, встроенного в боковую область.
- Fix: Добавлен сброс стилей CSS для предотвращения конфликтов стилей с некоторыми темами.
1.2.11
- Исправление: Активные цветные ссылки для предка страницы. Включает дочерние страницы для элементов родительского меню, представленных в меню навигации.
- Fix: Colorpicker находится в окне настроек пункта меню в «Внешний вид> Меню».
- Исправление: Допускаются символы из расширенной таблицы UNICODE для текстовых значков.
1.2.10
- Улучшение: Оптимизирован «Стиль открытия слайдера» для мобильного меню. Уменьшено количество вычислений JavaScript, необходимых для работы этого типа меню.
- Add: Добавлена новая функция, которая улучшает работу выпадающих списков на IPad. Теперь одним касанием можно открыть раскрывающийся список для активного пункта главного меню, который имеет подменю и сам по себе является ссылкой. А при двойном тапе откроется назначенная ссылка на этот пункт меню.
- Add: Добавлена возможность устанавливать отрицательные значения для «Разрыв в раскрывающемся списке», «Разрыв в подменю» и «Разрыв в мегаменю».
- Добавлено: новая настройка «Мега-меню связывает левое / правое заполнение» в разделе «Общие»> «Мега-меню».
- Fix: Исправлен URL для формы поиска, чтобы исправить проблему, которая появляется на многодоменных мультисайтах.
- Fix: Исправлена ошибка с палитрой цветов в редакторе предустановок в браузере Safari.
- Fix: Добавлена дополнительная проверка для случаев, когда глобальная переменная $ _SERVER не содержит параметра «SERVER_NAME».
- Fix: Исправлен и улучшен «Анимированный значок гамбургера». Улучшено расположение значка гамбургера относительно центра блока меню и закрепленного меню.
- Исправление: установка «размера значка» для значка мини-тележки WooCommerce в мобильном меню.
- Исправление: «Анимированный значок гамбургера» для мобильного меню исправляет размер шрифта, отступы и цвета в настройках бокового значка.
- Fix: Некоторые исправления в стилях пользовательского интерфейса на панели инструментов Groovy Menu.
- Fix: Исправлена переинициализация липкого меню на мобильных разрешениях при изменении высоты окна браузера.
- Fix: Увеличен интервал времени для (debounce) для запуска обработчика прокрутки и изменения размера окна браузера. Это снижает общую нагрузку на браузер при быстрой навигации с большим графическим контентом внутри меню.
- Fix: Исправлена настройка «Расстояние между буквами» для пунктов меню внутри мегаменю.
1,2,9
- Улучшение: обновлен пул библиотек JavaScript, включенных в меню Groovy.
- Add: Добавлен новый параметр в глобальную настройку: «Отключить внутренний шрифт».
- Add: Добавлен новый параметр в Глобальные настройки: «Разрешить использовать предварительный загрузчик для внутренних шрифтов». Позволяет ускорить загрузку внутреннего шрифта FontAwesome & Groovy Menu.
- Add: Добавлена возможность отображать меню Groovy с помощью шорткода [groovy_menu]. Это позволяет вставлять его практически в любой виджет или пользовательский блок HTML в редакторах контента.
- Исправление: в некоторых редких случаях WP не добавлял идентификаторы для пунктов меню. Исправлено, чтобы эти идентификаторы добавлялись в обязательном порядке.
- Fix: Удалены вставки HTML для заголовка и описания из глобальной конфигурации. В некоторых редких случаях на стороне сервера чтение такой конфигурации приводило к ошибкам с кешированием вывода HTML.
- Fix: Исправлена проблема совместимости при редактировании блока меню с помощью Cornerstone Builder (тема X, тема Pro).
- Fix: Дополнительная проверка после AJAX для обновления количества продуктов в мобильной версии мини-тележки Woocommerce.
- Fix: Теперь правильно работают пользовательские пустые ссылки в меню верхнего уровня вместе с включенной настройкой, открывающей подменю при щелчке мышью.
- Fix: Исправлена работа с Iconpack при загрузке и удалении пакета значков шрифтов в глобальных настройках.
- Исправление: Инициализация основных модулей меню Groovy перемещена в действие «init». Это позволяет избежать конфликтов с некоторыми сторонними плагинами, а также позволяет динамически добавлять новые возможности интеграции с некоторыми темами. (включая Zephyr 7.x).
1,2,8
- Добавлено: Мобильное меню нового типа с эффектом слайда.
- Добавить: дополнительная опция для «Ширина ящика мобильной навигации» — «Минимальный динамический размер».
- Добавлено: добавлена настройка «Включить полосу прокрутки мобильного меню».По умолчанию включен.
- Добавлено: Новая опция для типа мобильного меню «Стиль открытия мобильного подменю слайдера» — «Высота заголовка мобильного подменю».
- Добавлено: Новая опция для типа мобильного меню «Стиль открытия мобильного подменю слайдера» — «Цвет фона заголовка мобильного подменю».
- Добавлено: добавлена возможность реализовать настраиваемый триггер для открытия мобильного меню. «Пользовательский триггер открытия мобильного меню».
- Добавить: новая настройка для установки верхнего зазора для мобильного меню «Мобильное меню сверху».
- Добавлено: Добавлено новое действие «gm_mobile_main_menu_top».Это позволяет вам добавлять контент в верхнюю часть мобильного меню, перед «верхним промежутком в мобильном меню».
- Add: Добавлен новый тип открытого мобильного меню с иконкой Close «X».
- Добавлено: Добавлена возможность установить анимированный гамбургер и кнопку закрытия для мобильного меню.
- Добавлено: Добавлена возможность выбора меню навигации для отображения в режиме предварительного просмотра.
- Добавлено: Новый стиль оформления «Анимация с масштабированием» в разделе «Общие — Подменю — Стиль оформления подменю».
- Добавлено: настраиваемые параметры скорости прокрутки для одностраничных меню.
- Fix: Прокрутка в вертикальном меню в мобильной версии.
- Fix: Отменены некоторые функции для работы с контентом страницы, если мобильное меню отключено.
- Fix: Добавлен стиль, предотвращающий сворачивание мобильного меню при прокрутке основного содержимого.
- Fix: Добавлены стили для предотвращения отображения мобильного меню при загрузке страницы.
- Fix: Теперь корректно работают пользовательские пустые ссылки в меню верхнего уровня вместе с включенной настройкой, открывающей подменю при щелчке мышью.
- Fix: Исправлена работа с Iconpack при загрузке и удалении пакета значков шрифтов в глобальных настройках.
- Исправление: Инициализация основных модулей меню Groovy перемещена в действие «init». Это позволяет избежать конфликтов с некоторыми сторонними плагинами, а также позволяет динамически добавлять новые возможности интеграции с некоторыми темами. (включая Zephyr 7.x).
1,2,7
- Добавить: возможность добавлять собственный шорткод или HTML в области действий Groovy Menu прямо в редакторе предустановок.Этот параметр доступен в Редакторе общих предустановок> Пользовательский код.
- Fix: Исправлен конфликт, возникавший, когда некоторые плагины для WooCommerce работали вместе на страницах продуктов Divi и использовали блоки меню.
- Fix: Добавлены стили по умолчанию для отображения товаров в мини-тележке. Предотвращает конфликты стилей в некоторых темах.
- Fix: Добавлено событие для закрытия мини-тележки, щелкнув за пределами мини-тележки.
- Fix: Исправлен эффект двойного перехода для значков.
1.2,6
- Добавлено: Добавлена опция отключения Font Awesome.
- Улучшение: Дополнительные функции для управления прокруткой на одной странице.
1,2,5
- Добавить: Новая функция для установки радиуса границы для выпадающего меню.
- Добавлено: новая возможность устанавливать промежуток для выпадающего меню, подменю и мегаменю.
- Добавлено: Добавлена новая настройка для разделителей меню «Растянуть на всю высоту меню».
- Добавлено: Добавлены настройки выбора цветов для элементов поиска.
- Добавлено: Добавлены новые настройки для мобильного меню.Выбор положения логотипа, разделительных линий, цвета иконок.
- Добавлено: Добавлены новые настройки для «Цвет верхней границы окна подменю».
- Улучшение: увеличена область щелчка в раскрывающемся списке в мобильном меню.
- Улучшение: все настройки поиска перемещены в отдельный раздел.
- Улучшение: Реорганизован раздел пресета «Мобильное меню».
- Fix: Исправлено выделение пунктов меню в случае, если текущая отдельная страница включена в несколько таксономий, представленных в меню.
- Fix: Исправлена ошибка с положением значков в интерфейсе Groovy Menu.
- Fix: Исправлено раскрывающееся подменю для мобильной версии.
1.2.4
1.2.3
- Добавлено: Новая функция для добавления любого HTML или шорткода вместо значка. Например, вы можете добавить анимированные значки JSON или SVG. Настраивается в «Внешний вид> Меню».
- Fix: Улучшена совместимость с WordPress 5.5. Теперь бэкэнд-код плагина также не зависит от jQuery.
- Исправление: Ошибка с цветами для ссылок мобильного меню, значка корзины и социальных кнопок панели инструментов на страницах с WooCommerce вместе с темой Divi.
1.2.2
- Добавлено: Добавлена возможность включить полосу прокрутки для минималистичного типа меню.
- Добавлено: улучшения SEO. Добавлена возможность выбора альтернативного текста для логотипа.
- Добавлено: Добавлена опция «Мобильное меню» — «Показать миникарт Woo», которая позволит отображать миникарт Woocomerce на мобильном телефоне.
- Улучшение: Добавлен эффект «Затухание» для «Стиль внешнего вида подменю».
- Улучшение: настройка «Стиль внешнего вида подменю» теперь доступна для всех типов меню, кроме минималистичного.
- Fix: Улучшена видимость размеров содержимого в блоке меню для вычислений JavaScript. Редко возникает такая потребность в сложном контенте в блоках меню.
- Fix: Повышен приоритет правил CSS для ссылок в пунктах меню. Это предотвращает перезапись цвета, когда Groovy Menu интегрировано с помощью Divi Builder.
- Fix: Исправлена проблема открытия корзины, которая возникала при быстром перемещении мыши между пунктом меню и значком корзины.
- Fix: Добавлены изменения в стили для мини-тележки.Большинство стилей теперь имеют! Важное свойство. Эти изменения направлены на предотвращение перезаписи стилей корзины стилями темы.
- Fix: Исправлена проблема с отображением содержимого мегаменю, созданного с помощью Divi Builder, которая возникала только на страницах продуктов Woocommerce.
- Исправление: Добавлен эффект затухания для подменю «Стиль внешнего вида подменю» — «Анимировать снизу», который отсутствовал до .
- Исправление: Исправлена настройка «Стиль наведения подменю» — «Сдвиг вправо» для расширяемого меню боковой панели справа.
- Исправление: Ошибка с «Изменить цвет фона меню верхнего уровня» при открытии подменю », были случаи, когда цвет не возвращался к значениям по умолчанию после закрытия всех подменю.
- Fix: Добавлены стили по умолчанию для всех ссылок меню, которые удаляют стиль подчеркивания для ссылок во всех состояниях, таких как наведение, активность, фокус, посещение.
- Fix: Добавлена дополнительная проверка предустановленных опций для числового типа, чтобы исключить операции со значениями вне минимального и максимального значений.Это также улучшает совместимость с предустановками, созданными в более ранних версиях Groovy Menu Free.
- Исправление: Предотвращение преждевременного закрытия выпадающих элементов для поиска и мини-календарей Woocomerce.
- Fix: Исправлено поведение раскрывающегося меню при включенной опции «Показывать подменю — По щелчку».
- Fix: Добавлены незначительные изменения в стили CSS, которые позволяют решить проблему, когда подменю находится вне экрана.
- Fix: Исправлен расчет высоты для объекта прокрутки. Это происходит в некоторых случаях, когда была активна предустановка «Стиль оформления подменю»: «Анимировать снизу».
1.2.1
- Добавлено: Добавлена новая функция «Полоса прокрутки». Это позволяет просматривать длинные списки подменю и мегаменю.
- Добавлено: Новая опция «Цвет фона мегаменю».
- Добавлено: Новая опция «Изменить цвет фона меню верхнего уровня при открытии подменю».
- Улучшение: Оптимизировано открытие / закрытие подменю и мегаменю для всех типов меню. Добавлены временные задержки для закрытия раскрывающихся меню. Это позволит посетителям сайта улучшить взаимодействие с меню и плавно переходить к соседним раскрывающимся меню по диагонали.
- Улучшение: Новая опция «Общие> Мегаменю> Добавить отступы столбцов мегаменю». Включено по умолчанию.
- Улучшение: Настройки для «Подменю» и «Мега-меню» перемещены в отдельные разделы.
- Улучшение: Добавлен элемент (виджет) для конструктора Elementor.
- Fix: Исправлен эффект мерцания при нажатии на активную ссылку привязки.
- Исправление: проблема с перекрытием блоков мегаменю
- Fix: Добавлены мелкие исправления, которые помогают в некоторых случаях предотвращать изменения стилей Groovy Menu с помощью шаблонов WordPress.
- Fix: Скрытая кнопка параметров меню Groovy для раздела «Внешний вид> Меню».
1.2.0
- Улучшение: Улучшена производительность плагина для раздела «Внешний вид> Меню».
- Улучшение: Настройки Groovy меню в «Внешний вид> Раздел меню» перемещены в модальное окно.
- Улучшение: Рекомендуемые системные требования для PHP значение max_input_vars уменьшено с 10000 до 1000 (это стандартные настройки для виртуального хостинга).
- Улучшение: Добавлена возможность отключения мобильного меню.
- Улучшение: Добавлен модуль для Divi Theme Builder.
- Улучшение: Дизайн раздела интеграции.
- Улучшение: Добавлена возможность устанавливать разные URL-адреса логотипов для WPML.
- Fix: Повышен приоритет обработчика admin nav_menu в WP Dashboard -> Внешний вид -> Меню. Это устраняет конфликты с некоторыми плагинами.
- Fix: Устранен конфликт, вызванный автозагрузкой Composer (диспетчер зависимостей для PHP) с некоторыми другими плагинами в некоторых случаях.
- Fix: Убрано перекрытие меню на содержимом во время редактирования страницы в Elementor с включенной опцией «Включить меню Groovy для перекрытия первого блока на странице».
- Fix: Добавлена совместимость с темой Avada через автоматическую интеграцию.
- Fix: Подсветка якорей для стиля меню логотипа по центру.
1.1.12
- Fix: Исправлена ошибка со значком подменю.
1.1.11
- Исправление: Исправлена проблема со шрифтами, которая появлялась при редактировании предустановки и в некоторых случаях отображала ранее сохраненный шрифт.
- Исправление: Скрыть заголовок символом «-».
- Fix: Улучшена работа с плагинами кеширования. Исправлен случай с множественным сохранением предустановленных стилей.
- Исправление: Автоматическая интеграция будет применяться только один раз на странице сразу после тега HTML.
- Улучшение: Допускаются дополнительные символы в переименовании предустановленного имени
1.1.10
- Fix: Исправлено отображение на экране значков поиска и мини-тележки для iOS.
- Fix: Предустановленное исправление предварительного просмотра.
1.1.9
- Исправление: Исправлено уведомление php: «Неопределенная переменная isCustom».
1.1.8
- Улучшение: Добавлена настройка выбора цвета фона для экрана поиска в полноэкранном режиме.
- Исправление: поисковый запрос теперь учитывает языковые настройки с установленным и активным многоязычным плагином WPML.
- Исправление: кнопка «Глобальные настройки» не работала в разделе «Интеграция».
- Fix: Ошибка с назначением и удалением пресетов меню.
- Fix: Ошибка с проблемой RTL.
1.1.7
- Fix: Исправлена ошибка, при которой игнорировалась опция «Ссылки верхнего уровня с выравниванием по центру должны учитывать ширину логотипа».
- Исправление: Размер текста для значков социальных сетей на панели инструментов теперь также зависит от предустановленной опции «Размер значков социальных сетей на панели инструментов».
- Fix: Исправлена ошибка, из-за которой мини-тележка Woocommerce не отображалась в мобильной версии.
1.1.6
- Fix: Исправлена ошибка минималистичного меню с центрированным логотипом.
1.1.5
- Fix: Исправлен цвет текста для активного пункта меню верхнего уровня.
- Fix: Заполнение оболочки мегаменю.
- Добавлено: Добавлен плавный переход между выпадающими списками 3-го уровня.
1.1.4
- Исправление: Проблема с минималистичным типом меню.
- Fix: Стили для мини-тележки Woocommerce.
- Исправление: проблема с режимом предварительного просмотра.
- Добавить: Создана отдельная таблица стилей для RTL. Повышена производительность при переходе с LTR на RTL и обратно.
1.1.3
- Исправление: проблема с нажатием кнопки мобильного меню после изменения размера окна.
- Fix: Некоторые предустановленные исправления стиля редактора.
- Fix: Исправлено отображение WP AdminBar в случаях, когда Z-index Groovy Menu установлен больше, чем WP AdminBar.
- Добавлено: Добавлены стили для пунктов меню без ссылки (с пустым URL).
- Добавить: анимация, показывающая процесс сохранения предустановки.
1.1.2
- Исправление: Сохранить предустановленные значения по умолчанию, когда значение равно 0.
- Fix: Поддержка RTL.
- Fix: Многоуровневое меню для мегаменю будет отображаться в виде плоского списка с отступом.
1.1.1
- Исправление: Ошибка при использовании местоположения для интеграции.
1.1.0
- Исправление: Ошибка определения предустановленного ID в некоторых случаях ручной интеграции.Эта ошибка повлияла на возможность отображения раскрывающегося меню.
- Fix: Улучшена совместимость созданных пресетов в бесплатной версии с премиум-версией плагина.
- Fix: Исправлено отображение многоуровневых меню, которые не умещались по ширине экрана.
- Fix: Центрирование логотипа при одновременном отображении поиска и мини-тележки WooCommerce в блоке меню.
- Fix: Добавлены некоторые мелкие исправления из предыдущей премиум-версии 1.8.x и 1.9.x.
- Добавлено: Добавлена настройка CSS для z-index в настройках пресетов
- Добавлено: Добавлена возможность отображать другое меню навигации для мобильной версии.
- Добавить: новые действия, которые можно вызывать непосредственно над меню, под меню и после макета меню.
- Fix: Внесены незначительные изменения CSS, чтобы исправить внешний вид текста в социальных ссылках.
- Fix: Ошибка с обрезкой внешнего вида логотипа в глобальных настройках
- Добавлено: Возможность отключения внутреннего предкеша для пресетов.
- Улучшение: добавлена функция сброса стилей для лучшей совместимости с различными темами.
- Улучшение: Реализован кеш для отображения и обработки элементов nav_menu.
- Улучшение: удалены файлы, которые были добавлены для поддержки более старых версий плагина.
- Улучшение: минимальное значение для параметра «Переключатель мобильной версии» можно установить на 0 для отключения отображения меню на мобильных устройствах.
- Улучшение: Незначительные изменения внешнего вида для панели инструментов> Внешний вид> Меню страницы
- Обновлено: модули NPM.
1.0.9
- Добавить: В предустановленные настройки добавлена опция «Общие»> «Подменю»> «Показывать заголовки мегаменю как обычные пункты меню».Это позволит вам отображать ссылки и значки для заголовков мегаменю.
- Добавлено: интеграция в «Тематические локации»
- Fix: Теперь вывод эха, когда действия из Header.php работают, будет отображаться в месте разметки, соответствующем действию.
- Добавлено: Добавлено 4 новых действия для работы в панели инструментов.
1.0.8
- Исправлено: проверять пустой список nav_menu при получении переводов глобальных настроек.
1.0.7
- Добавить: ru_RU язык
- Fix: Исправлена ошибка, не позволяющая переводить фразы в Глобальных настройках.
1.0.6
- Исправление: Отменяет отображение меню в режиме обслуживания, когда включена автоинтеграция.
- Fix: Предотвращение конфликта с подключаемым модулем краеугольного камня.
- Fix: Отслеживание привязки для прокрутки одной страницы теперь работает с любым идентификатором.
- Исправление: Конфликт буфера вывода с некоторыми плагинами.
- Fix: Наложение подменю подменю с многоуровневыми выпадающими списками.
- Fix: Размер шрифта текста ссылки на значок социальных сетей.
- Добавить: опция для предустановки: скрытие текста ссылки на значок социальных сетей на мобильном телефоне.
- Добавлено: параметры target и rel для социальных ссылок.
- Добавлено: новый набор шрифтов по умолчанию для социальных иконок.
- Добавлено: возможность отображать произвольный текст в ссылке в социальных сетях.
- Добавить: Предустановленная опция: ссылки верхнего уровня с выравниванием по центру должны учитывать ширину логотипа.
1.0.5
- Исправление: добавлена дополнительная проверка ошибок при получении метаданных Groovy Menu на страницах продуктов WooCommerce.
1.0.4
- Обновлено: страница приветствия плагина.
1.0.3
- Исправлено: раскрывающееся меню не закрывается при наведении курсора на простые ссылки меню.
1.0.1
10 лучших плагинов меню WordPress
Строка меню на веб-сайте не только выполняет функцию инструмента навигации для изучения контента, но также может использоваться для привлечения внимания посетителей. Другими словами, для отображения полностью функционирующего меню часто недостаточно . Возможно, вам понадобится добавить эстетический элемент, чтобы сделать его более интересным.
К счастью, есть множество плагинов меню для WordPress, которые вы можете выбрать. Многие из них предлагают отличные возможности настройки и красивые дисплеи, не жертвуя своей основной функцией как дорожной картой вашего сайта.
В этой статье мы выбрали 10 лучших плагинов меню для WordPress в 2019 году.
Видеоурок
Вам интересно, как создать меню на своем веб-сайте WordPress без плагина? Посмотрите этот видеоурок ниже.
Почему меню WordPress так важно?
Хотя меню выглядит как простой список текстов или значков со ссылками, на самом деле они играют важную роль в оптимизации вашего веб-сайта.
Как и дорожная карта, меню должно обеспечивать понятную навигацию и предельную точность для пользователей. Чем сложнее ваше меню, тем больше вероятность того, что пользователи сочтут его запутанным и раздражающим. Этот плохой прецедент помешает пользователям остаться и изучить ваш сайт.
Как меню влияет на показатель отказов и конверсии
Для тех из вас, кто задается вопросом о «реальном» влиянии плохого меню на веб-сайт, вот ваш ответ: это сильно повлияет на ваш показатель отказов и конверсию!
Показатель отказов — это процент посетителей, которые покидают ваш сайт после открытия только одной страницы.Например, посетитель нашел ваш веб-сайт через поисковую систему, он открывает главную страницу вашего веб-сайта, затем «возвращается» обратно в поисковую систему или переходит на другой веб-сайт.
Более высокий показатель отказов означает, что множество людей не могут найти на вашем сайте то, что они ищут.
Эта тенденция может привести к катастрофе, особенно если вы полагаетесь на коэффициент конверсии для монетизации своего сайта.
Проще говоря, коэффициент конверсии — это процент посетителей веб-сайта, которые совершают на нем платные транзакции.
Плохая конверсия так же плоха, как потеря денег.
Хотя причины этой проблемы могут быть разными, основной причиной может быть плохо организованное меню. Поэтому вы всегда должны следить за тем, чтобы на вашем веб-сайте была красивая, полнофункциональная навигация, используя правильный плагин меню.
Почему не использовать меню по умолчанию?
Большинство, если не все, темы WordPress оснащены удобным меню по умолчанию. К сожалению, его функции и параметры настройки обычно содержат только общие базовые функции, которые не так интересны или практичны.
Между тем, плагин меню WordPress предоставляет более практичные функции и лучшие параметры настройки отображения. Некоторые из этих плагинов можно даже оптимизировать для увеличения скорости вашего сайта!
Как установить плагин меню WordPress с помощью официального каталога плагинов
В основном. Есть три метода установки плагина WordPress. Однако мы только собираемся объяснить, как установить его, используя официальный каталог плагинов, поскольку это самый простой способ сделать это.
Другой метод, например использование FTP-клиента или файлового менеджера, может быть слишком пугающим, особенно если вы новичок.
Вот шаги для установки плагина меню WordPress:
- Перейдите в панель управления WordPress, затем выберите Плагины .
- Перейдите к Добавьте новую опцию .
- Теперь вы можете просматривать все плагины в WordPress. Убедитесь, что вы ищете плагин Menu , чтобы получить релевантные результаты поиска (вы также можете просматривать все типы плагинов, просто введите соответствующее ключевое слово в поле ключевого слова).
- Нажмите Установить сейчас на предпочитаемый плагин.Плагин будет установлен автоматически. Вам нужно подождать всего пару секунд.
- Теперь вам нужно активировать плагин. Все новые плагины неактивны после установки. Следовательно, вам нужно нажать Активировать.
10 лучших плагинов меню WordPress
Как мы уже упоминали, в настоящее время существует множество плагинов меню WordPress, которые вы можете использовать. Сравнение каждого из них потратит бог знает сколько часов вашего драгоценного времени.
Ниже приведен список из 10 лучших плагинов меню WordPress в зависимости от функциональности и возможностей.
1. Max Mega Menu
Max Mega Menu автоматически заменит меню по умолчанию вашей темы WordPress. Этот плагин меню WordPress предлагает множество вариантов настройки меню и позволяет добавлять различные интерактивные элементы в используемую тему, например, встраивать карты Google или предлагать формы продаж.
Он предоставляет быстрое, отзывчивое меню, использующее менее 2 КБ JavaScript.Конфигурация очень проста, все, что вам нужно сделать, это просто щелкнуть несколько параметров, и все будет готово к использованию!
Max Mega Menu доступно бесплатно. Однако вы можете приобрести его платную версию за от $ 26 до $ 99 в год.
Платная версия дает вам гибкость в использовании шрифтов Google, пользовательских значков и интеграции с Woocommerce. Вы также будете получать регулярные обновления и приоритетную поддержку, чтобы обеспечить оптимизацию плагинов при использовании на вашем веб-сайте.
2. Адаптивное меню
Responsive Menu предлагает более 150 параметров настройки, которые можно комбинировать для создания функции, которая вам подходит. Этот плагин использует легкий и простой интерфейс, которым легко пользоваться даже для новичков в WordPress.
Премиум-версия плагина позволяет улучшить внешний вид меню, предоставляя настройку цвета текста, фона и границ. Вы также можете выбрать анимацию, используемую для отображения меню, а также загрузить свой собственный логотип для каждого значка меню.
Responsive Menu предлагает два разных пожизненных плана: одинарную лицензию ( 14,99 долл. США ) и многократную лицензию ( 49,99 долл. США ). Более поздний вариант обеспечивает приоритетную поддержку на всю жизнь и позволяет использовать плагин одновременно на 100 сайтах.
3. QuadMenu
QuadMenu обеспечивает быструю интеграцию, чтобы помочь вам создавать различные типы меню в используемой вами теме WordPress. Этот плагин WordPress не меняет многих вещей, но он может улучшить настройки меню по умолчанию в WordPress.
QuadMenu оснащен множеством функций и фильтров, которые позволяют настраивать поведение и внешний вид вашего сайта WordPress.
Он имеет автоматическую интеграцию с ядром, сотни бесплатных тем меню и настраиваемую анимацию для отображения меню. Он также поддерживает Font Awesome Icons, дочерние темы и функцию перетаскивания визуального композитора.
QuadMenu доступен бесплатно. Тем не менее, вы можете обновить его до премиум-плана, заплатив от 15 долларов до 60 долларов за пожизненную лицензию.Премиум-план предоставит вам множество дополнительных функций, таких как конструктор карусельного меню, персонализированная поддержка от разработчика и бесплатные пожизненные обновления.
4. Мобильное меню WP
Для тех из вас, кто хочет оптимизировать меню веб-сайта для мобильных устройств, WP Mobile Menu Plugin — лучшее решение. Этот плагин предлагает быстрое, простое и отзывчивое меню, специально разработанное для повышения удобства работы вашего сайта на мобильных устройствах.
ПлагинWP Mobile Menu — отличный инструмент для блогов, сайтов электронной коммерции и бизнес-сайтов.Он имеет несколько поддерживающих функций, таких как бесплатная настройка стиля для меню, брендирование текста или логотипа и 3 уровня глубины меню.
Хотя он доступен бесплатно, мы советуем вам приобрести один из премиальных планов, который стоит от 4,99 долл. США до 29,99 долл. США в месяц. Эти планы предлагают многое, что, несомненно, выведет удобство использования плагина на новый уровень.
Некоторые из премиальных функций, которые вы получите, — это полная поддержка WooCommerce (включая значок корзины в меню, страницу оформления заказа и кнопки диаграмм), поиск в реальном времени и тысячи бесплатных шрифтов и анимированных значков.
Кроме того, вы можете сначала использовать 14-дневную пробную версию для премиум-версии, чтобы узнать, стоит ли этот плагин ваших денег.
5. WP Mega Menu
Создание потрясающего, полнофункционального мегаменю намного проще с плагином WP Mega Menu. В этом инструменте есть все необходимое, чтобы улучшить эти унылые и безжизненные меню WordPress по умолчанию.
ПлагинWP Mega имеет множество параметров настройки, в том числе фирменный логотип, значки социальных сетей и бесплатные темы WordPress.Он также поддерживает Dashicons и Font Awesome Icon, которые могут дать вам неограниченный стиль значков.
WP Mega Menu можно использовать бесплатно, но у него также есть профессиональная версия с множеством дополнительных функций и профессиональной поддержкой. Профессиональная версия стоит всего $ 19 в год.
6. Аккордеонное меню Nextend
Nextend Accordion Menu готово вывести ваше меню типа «аккордеон» на новый уровень. Этот замечательный плагин дает вам свободу создавать собственные значки меню и поведение, используя его тему по умолчанию (вы также можете получить еще три замечательные темы, купив платную версию этого плагина).
Nextend Accordion Menu предлагает множество функций, которые, как утверждается, намного лучше, чем у его конкурентов.
Некоторые из его превосходных функций — это менеджер шрифтов с интеграцией шрифтов Google, общие параметры настройки для темы по умолчанию плагина Nextend Accordion Menu и использование методов кеширования в кодировании Java и CSS (это может повысить скорость вашего веб-сайта!).
Этот плагин доступен бесплатно и имеет платную версию. Платная версия стоит 30 долларов для персонального плана (она длится год и требует платы за продление в размере 10 долларов в год), 50 долларов для бизнес-плана (она действует в течение года и также требует платы за продление в размере долларов 10 за год) и $ 100 для пожизненного плана (безлимитный план, не нужно платить за ежегодную плату за продление).
7. Расширенное боковое меню
Advanced Sidebar Menu позаботится о том, чтобы меню вашего веб-сайта было хорошо организовано. Он может создавать, заменять и управлять вашим родительским и дочерним меню, предоставляя множество полезных опций, которые помогут вам настроить внешний вид меню боковой панели.
Некоторые из его основных функций — это возможность разделять категории или страницы, вставляя между ними запятую, отображать одну категорию сообщений в виджете и быструю интеграцию дочерних категорий.
Плагин также предоставляет настраиваемый стиль виджета. Однако в бесплатной версии функции очень ограничены. Вам необходимо приобрести Advance Sidebar Menu Pro за 54 долларов, чтобы иметь возможность использовать расширенные параметры настройки, такие как пользовательский стиль фона, раздел стиля маркера и оптимизация меню аккордеона.
Кроме того, профессиональная версия также предоставит вам приоритетную поддержку и бесплатные обновления.
8. Адаптивное меню WP
Этот плагин предлагает простое отображение меню, которое идеально подходит для минималистичных тем WordPress.Но не поймите нас неправильно — хотя его можно отнести к категории минималистичных дисплеев, вы все равно получите множество параметров настройки, таких как слайд-меню, заменяемые значки и красивую строку меню.
Как следует из названия, WP Responsive Menu предоставляет вам быструю, отзывчивую строку меню, которую можно использовать мгновенно, без каких-либо дополнительных настроек или кодирования. Он совместим со всеми видами тем, от простых до сверхсложных, таких как H-Code.
Плагин меню WP Responsive WordPress можно использовать бесплатно.Тем не менее, он также доступен в профессиональной версии, которая стоит от 25 долларов до 149 долларов в год. Профессиональная версия предоставляет множество дополнительных функций, таких как жест смахивания, отзывчивое окно поиска для мобильного меню и другие параметры стиля.
Кроме того, он также предоставит вам эксклюзивную поддержку разработчиков в течение года.
9. UberMenu
UberMenu — удобный плагин меню для WordPress 3.0 и выше. С помощью этого инструмента вы можете полностью настроить свое меню, включая его фон, значки, макет и категории.Вы даже можете добавить свои собственные изображения в подкатегорию меню.
Кроме того, UberMenu оснащен интеллектуальным генератором стилей, который поможет вам ввести предпочтительные пользовательские коды CSS3.
Вы также можете использовать или изменять один из его шаблонов, чтобы создать уникальный, полностью рабочий дизайн, улучшающий общий вид вашего веб-сайта.
UberMenu недоступно бесплатно. Это премиум-плагин, который стоит $ 20 в год. Ваша подписка предоставит вам поддержку в течение шести месяцев, которую можно продлить еще на шесть месяцев, заплатив дополнительно $ 5 .
10. Быстрое меню
Slick Menu предлагает многоуровневые push-меню: набор фиксированных параметров, которые автоматически выдвигаются за края страницы вашего веб-сайта при нажатии на определенный значок или текст.
Этот плагин предоставляет множество красивых анимационных эффектов и иконок. Однако он недоступен бесплатно. Вам нужно выбрать тарифный план: обычный ( 39 долларов) или расширенный ( 99 долларов).
Slick Menu имеет множество удивительных функций. Одной из наиболее заметных функций является Live Customizer, который позволяет вам отслеживать любые изменения, которые вы сделали, в режиме реального времени.
Этот инструмент сэкономит много времени, так как вам не нужно возвращаться туда и обратно каждый раз, когда вы вносите небольшие изменения в меню WordPress.
Мы предлагаем вам сначала попробовать бесплатную живую демонстрацию, прежде чем решить, является ли этот плагин тем, что вы ищете.
Сводка
Найти идеальный плагин меню WordPress для вашего сайта непросто. Однако приведенные выше параметры должны упростить поиск, чем поиск иголки в стоге сена.
Подводя итог всему сказанному, вот ключевые особенности 10 лучших плагинов меню WordPress, которые мы обсуждали:
- Max Mega Menu — отличный плагин, позволяющий добавлять различные интерактивные элементы в тему WordPress.
- Адаптивное меню — этот плагин имеет 150 параметров настройки, которые можно комбинировать для создания настраиваемой функции.
- QuadMenu — отличный плагин для меню, который предлагает автоматическую интеграцию с ядром, сотни бесплатных тем меню и настраиваемую анимацию.
- WP Mobile Menu — лучший плагин WordPress для оптимизации меню вашего сайта для мобильных устройств.
- WP Mega Menu — он предлагает потрясающее, полнофункциональное мегаменю с многочисленными параметрами настройки.
- Nextend Accordion Menu — лучший плагин для вывода вашего «аккордеонного» меню на новый уровень.
- Advanced Sidebar Menu — отличный плагин для поддержания хорошей организации вашего сайта.
- WP Responsive Menu — идеальный плагин для минималистичных тем WordPress, который предлагает различные настройки и пользовательские функции.
- UberMenu — этот плагин оснащен генератором умных стилей, который позволяет создавать новые параметры настройки.
- SlickMenu — имеет отличный Live Customizer, который позволяет отслеживать любые сделанные вами изменения в режиме реального времени.
Наконец, мы настоятельно рекомендуем вам попробовать бесплатную живую демонстрацию этих плагинов меню, особенно для премиальных. Таким образом, вы будете точно знать, действительно ли плагин вам полезен, прежде чем тратить с трудом заработанные деньги. Удачи!
АвторЭндрю Викерс
Эндрю — увлеченный разработчик WordPress.Он любит разбирать исходный код и узнавать что-то новое. Когда Эндрю не работает, он любит гулять и играть в видеоигры.
15+ лучших плагинов меню WordPress
Мы уже рассказывали, как создать меню в WordPress, прежде в блоге. Меню являются ключевой частью любого веб-сайта, поскольку они позволяют посетителям вашего сайта легко перемещаться по вашим сообщениям и страницам. Хотя меню по умолчанию обычно стилизованы под вашу тему WordPress, вместо этого вы можете добавить плагин для улучшения и более продвинутых функций.Сегодня мы рассмотрим некоторые из лучших плагинов меню WordPress, которые вы можете использовать для улучшения навигации вашего сайта.
Мы рассмотрим как бесплатные, так и платные плагины меню WordPress, чтобы удовлетворить ваш бюджет. Итак, давайте начнем с того, что мы считаем лучшими плагинами меню WordPress!
Отказ от ответственности: WPExplorer является партнером одного или нескольких продуктов, перечисленных ниже. Если вы перейдете по ссылке и совершите покупку, мы сможем получить комиссию.
1. Мой верхний колонтитул с помощью Visual Designer
Начинает наш список бесплатный плагин My Header Footer.Любите свою тему, но не меню заголовка? Или дизайн нижнего колонтитула? Без проблем! Мой верхний колонтитул — вот ответ. Бесплатная версия плагина включает простые варианты добавления или полной замены текущего верхнего / нижнего колонтитула с помощью интуитивно понятного конструктора содержимого Visual Designer. Добавляйте и настраивайте меню, строки, столбцы, шрифты, цвета и многое другое. Используйте динамические поля, чтобы добавить элементы, например, для вашего логотипа, слогана или избранного изображения. Вы даже можете вставлять слайдеры, карусели и карты. Вы можете сделать много!
И, что лучше всего, вы можете определять собственные верхние и нижние колонтитулы в зависимости от устройства или для каждой страницы.А для еще большего количества функций и поддержки премиум-класса обновитесь до My Header Footer pro. Верхние и нижние колонтитулы адаптивны, поддерживают настраиваемый CSS / HTML и позволяют создавать неограниченное количество настраиваемых верхних и нижних колонтитулов, чтобы вы могли полностью раскрыть свой творческий потенциал!
2. Плагин Mega Main Menu Premium для WordPress
Вы ищете идеальное многофункциональное адаптивное меню WordPress для своего веб-сайта WordPress? Не ищите ничего, кроме Mega Main Menu, плагина меню WordPress, который поддерживает неограниченное количество цветов + значки, липкую функциональность, 10+ раскрывающихся списков, 600+ шрифтов Google, 1600+ векторных значков, виджеты, шорткоды и отличную поддержку среди других функций.
Mega Main Menu — отличное решение, если вы не хотите создавать собственное меню (или не знаете, как это сделать). Плагин позволяет легко добавлять разное время содержания в выпадающие списки мегаменю. Некоторые примеры включают рекламные акции, рекламу, несколько столбцов, миниатюры недавних сообщений, сетки значков и даже виджеты. Главное меню Plus Mega включает в себя встроенные параметры стиля, поэтому вы можете изменить цвет, выравнивание, вертикальную / горизонтальную ориентацию и даже добавить логотип без необходимости кодировать его самостоятельно.Просто установите свои параметры и нажмите «Сохранить»! Mega Main Menu также совместимо с WPML, BuddyPress, WooCommerce, Bootstrap, текущей версией WordPress и основными браузерами.
3. Бесплатный плагин WordPress для адаптивного меню
Responsive Menu — это особый тип плагина меню WordPress, который помогает вам создавать 100% адаптивные меню для вашего основного сайта, планшета и смартфонов.
Он выглядит невероятно великолепно, и с большим количеством функций, чем вам когда-либо понадобится, ничто не мешает создать идеальное адаптивное меню для вашего сайта WordPress.Адаптивное меню включает в себя более 70 настраиваемых параметров, которые, среди прочего, позволяют изменять заголовки меню, изображения меню, расположение, глубину меню, шрифт меню и анимацию. Вдобавок ко всему, Адаптивное меню совместимо с WPML, загружается очень быстро и поддерживает короткие коды.
4. UberMenu — плагин WordPress Mega Menu Premium для WordPress
мегаменю стали сенсацией на рынке меню WordPress, а UberMenu — горячим пирожком. С более чем 75 тысячами продаж вы не ошибетесь с UberMenu, популярным плагином для мегаменю WordPress, который на несколько ступеней выше вашего обычного плагина меню.
Это плагин для мегаменю номер один в Codecanyon, который включает в себя гибкие макеты, адаптивный дизайн, расширенный контент (так что вы можете добавлять карты и многое другое в свои меню), улучшенный пользовательский интерфейс и динамическое создание элементов среди прочего. Он поставляется с мощным настройщиком, который поддерживает более 50 комбинаций стилей, подменю с вкладками, несколько меню и отличные переходы, и это лишь некоторые из них. Все эти (и многие другие) функции сжаты в красивом плагине, который легко установить, изучить и использовать.
5.Бесплатный плагин для WordPress Max Mega Menu
Поверили бы вы мне, если бы я сказал вам, что вы можете создавать безупречные мегаменю, просто перетаскивая пункты меню? Все время работая из знакомого менеджера меню WordPress? Вы, наверное, подумали бы, что я дергаю вас за ногу, если, конечно, вы не пробовали плагин Max Mega Menu.
Он отзывчивый и поддерживает все те приятные функции, за которые вы готовы убить. Например, вы можете разместить виджеты и значки в своих меню, добавить намерение наведения или событие щелчка, а также включить элегантные эффекты перехода, чтобы упомянуть лишь некоторые из них.
Помимо этого, Max Mega Menu предлагает 100 других параметров настройки, действующий CSS3 и чистый код, которые делают его потрясающим.
6. QuadMenu Бесплатный плагин WordPress Mega Menu
(и они даже предлагают настраиваемый плагин интеграции QuadMenu с темой Total).
Бесплатный плагин QuadMenu — это простой способ добавить мегаменю на ваш сайт WordPress. Плагин адаптируется к мобильным устройствам и включает в себя опции для вертикального, бокового меню или меню вне холста.Другие параметры меню включают шрифты Googel, значки FontAwesome, поисковое и автомобильное меню, всплывающие выпадающие списки и отображение / скрытие элементов меню в зависимости от размера экрана.
Хотите настроить внешний вид своих меню? Просто используйте встроенное меню панели администратора и настройки настройщика, чтобы изменить цвета, макеты, шрифты и многое другое.
7. Плагин QuadMenu Premium Mega Menu для WordPress
Любите бесплатный плагин QuadMenu, но хотите большего? Вам повезло — QuadMenu предлагает премиум-версию своего плагина мегаменю, который добавляет еще больше потрясающих опций меню.Он предлагает все функции бесплатного плагина, а также то, что вы искали.
Создавайте собственные меню с вкладками, карусель, логин, регистрацию и меню социального типа. Плюс создавайте неограниченное количество мегаменю, создавайте собственные скины меню, выбирайте выпадающие анимации, добавляйте липкое меню при прокрутке и многое другое. Кроме того, с премиальной лицензией на плагин вы также получите премиальную поддержку от разработчика плагина.
8. WP Responsive Menu Бесплатный плагин WordPress
Создавать адаптивные меню стало еще проще и увлекательнее с WP Responsive Menu, маленьким классным инструментом, который превращает ваши меню WordPress в элегантные скользящие меню, которые исключительно хорошо работают на всех устройствах.
Он полностью адаптивен, имеет интуитивно понятный интерфейс администратора и легко интегрируется с системой меню WordPress по умолчанию. Добавляйте в меню настраиваемые формы поиска, настраиваемые цвета и логотипы и легко скрывайте ненужные элементы на мобильных устройствах. WP Responsive Menu просто красивое.
9. Superfly Responsive Premium WordPress Menu Plugin
Superfly — это вертикальное скользящее / статическое / нажимное меню навигации, которое добавляет полезности и стиля вашему сайту. Чтобы открыть все меню как на мобильных устройствах, так и на настольных компьютерах, вашему веб-посетителю достаточно навести указатель мыши на край своего экрана.
Superfly позволяет привязать статическое главное меню к левой или правой части экрана, или вы можете использовать скрытое выдвижное меню , которое отображается, когда посетитель наводит / щелкает по области меню. Вертикальные меню идеально подходят для мобильных посетителей, красиво выглядят и содержат множество анимаций и эффектов.
Меню полностью настраиваемое, с неограниченным выбором цветов, множеством значков, а также выбором шрифта и размера. Если вы хотите добавить в меню кнопки социальных сетей, Superfly поддерживает Twitter, Facebook и Google+.Вы также можете использовать Superfly для создания глубоких многоуровневых меню, в которых каждый уровень будет скользить дальше по экрану. Поскольку плагин был разработан для мобильных пользователей, неудивительно, что он полностью реагирует и использует встроенную функцию swipe для устройств с сенсорным экраном.
Кроме того, вы можете создавать многоуровневые меню, добавлять ссылки на социальные сети и многое другое из простой в использовании панели администратора. Во-первых, Superfly хорошо работает с системой меню WordPress.
10. WP Mobile Menu Бесплатный плагин WordPress
Добавьте настраиваемое мобильное меню на свой сайт WordPress с помощью бесплатного плагина WP Mobile Menu.Это отличный способ упростить навигацию по сайту на маленьких экранах. С помощью этого плагина вы можете создать краткое меню для мобильных посетителей с раскрывающимися списками до трех уровней меню (вам действительно не нужно больше, чем это на маленьком устройстве). Кроме того, вы можете добавить маску наложения на свой основной сайт, чтобы мобильное меню действительно выделялось. Вы также можете выбрать собственные шрифты Google, добавить свой логотип и фоновое изображение меню.
11. Адаптивный плагин Hero Menu Premium для WordPress Mega Menu
Hero Menu — это премиальный конструктор мегаменю для WordPress.С помощью этого плагина вы можете быстро и легко создать адаптивное мегаменю для своего сайта. Используйте конструктор для добавления элементов меню, редактирования выравнивания, вставки ссылки корзины или поиска и даже добавления ссылок на социальные сети. Кроме того, есть множество вариантов цвета, значков и шрифтов в дополнение к 60 предустановкам на выбор. Кроме того, он совместим с WooCommerce, поэтому вы можете добавлять продукты в свои меню.
12. Nextend Accordion Menu Бесплатный плагин для WordPress
Если вам нравится эффект аккордеона, вам понравится Nextend Accordion Menu.Даже если вы никогда раньше не слышали об аккордеонах, вам должен понравиться этот плагин меню WordPress. Почему? Ты спрашиваешь.
Во-первых, этот плагин дает вам полный контроль над «… уровнями меню, цветами, эффектами анимации и многим другим». Вы можете легко настроить внешний вид меню аккордеона без каких-либо знаний в области программирования. Это меню лучше всего подходит для боковых панелей, особенно если вы хотите сэкономить место. Тем не менее, не стесняйтесь размещать свое меню где угодно, используя шорткоды и виджеты.
Единственным недостатком является то, что бесплатная (Lite) версия поставляется только с одной темой.Чтобы получить больше тем, вы должны перейти на версию Nextend Accordion Menu PRO.
13. Плагин WP Floating Menu Pro Premium для WordPress
С помощью плагина WP Floating Menu Pro вы можете создать стильную плавающую или липкую навигацию для своего одностраничного сайта. Плагин включает 13 шаблонов плавающих меню, модальное всплывающее окно и возможность добавления различных меню для экранов мобильных устройств. Кроме того, он включает поддержку значков FontAwesome, отображение / скрытие при прокрутке, всплывающие подсказки меню и возможность создания собственного шаблона пользовательского меню.
14. WP Mega Menu Бесплатный плагин для WordPress
WP Mega Menu от Themeum — прекрасный бесплатный плагин, который можно использовать для создания мегаменю навигации. Плагин использует панель перетаскивания и настраиваемые виджеты, которые вы можете использовать для создания своих меню, а также скинов тем и стилей. С их помощью вы можете создавать макет, цвета, шрифты, расширять меню, добавлять логотип, вставлять социальные ссылки и многое другое.
15. Плагин Horizon Menu Bar Premium для WordPress
По словам автора Bonfire Themes, Horizon — это способ добавить немного жизни верхнему или нижнему колонтитулу вашего сайта.«Это не заменит и не повлияет на ваши меню (а) WordPress. Но он останется фиксированным, чтобы оставаться видимым все время. Таким образом, Horizon — отличный плагин меню для реализации таких ссылок, как ваш адрес электронной почты, номер телефона или социальные ссылки.
Он поставляется с миллионом и одним значком, позволяющим настроить меню по своему желанию. Оно красивое, дает отличные переходные эффекты и полностью стимулирует. Поддержка отличная, и клиенты, кажется, прекрасно проводят время.
16. Настраиваемый плагин для мобильного меню WordPress TapTap
TapTap — это полное решение для мобильного меню для WordPress.Это многофункциональный, масштабно настраиваемый продукт, который пользователи хвалят как лучшее решение для мобильных устройств, доступное для WordPress в любом месте.
В комплекте с логотипом, поиском и даже расположением виджетов, он может выходить далеко за рамки простого меню и может использоваться в качестве полной замены заголовка и навигации для вашего веб-сайта. Благодаря возможности скрывать меню вашей темы, когда оно активно, отображать его только с определенным разрешением и даже использовать шрифты вашей темы, TapTap может стать неотъемлемой частью вашего веб-сайта WordPress, которая видна только вашим мобильным зрителям.Вы также можете использовать его как полноценное меню рабочего стола. Включение полностью настраиваемой стилизованной полосы прокрутки (которая, конечно же, является необязательной) делает это еще более привлекательным.
Выбирайте из множества дизайнов кнопок меню и анимации, добавляйте собственные ярлыки к меню и кнопкам поиска, загружайте изображение логотипа и размещайте их, как вам нравится. Создайте многоуровневое меню (включая более 600 значков), вставьте тексты заголовков и подзаголовков, а также изображения заголовков и фона, добавьте цвет фона и поиграйте с непрозрачностью, выравниванием, скоростью анимации … Это просто царапает поверхность того, что может быть сделано с помощью TapTap.Всего плагин предлагает 200 индивидуальных настроек и безграничные возможности.
А благодаря интеграции настройщика в реальном времени редактирование выполняется очень быстро и удобно; любые вносимые вами изменения можно сразу же просмотреть, прежде чем размещать их на своем сайте для всеобщего обозрения.
17. Конструктор страниц Elementor Pro: виджет навигационного меню
Уже используете конструктор страниц Elementor? Знаете ли вы, что Elementor Pro включает в себя встроенный виджет Nav Menu Widget, который вы можете использовать для создания пользовательских меню для вашего сайта WordPress?
Виджет Nave Menu Widget (доступен только в версиях Elementor Pro) включает параметры макета меню (горизонтальное, вертикальное и раскрывающееся), анимацию (подчеркивание, рамки, фон, перемещение текста), настраиваемые отступы, цвета, типографику и многое другое.Вы также можете добавлять и стилизовать подменю. Не нужно беспокоиться о том, как ваше меню будет работать на телефонах — все меню, созданные с помощью виджета Nav Menu Widget, адаптивны, и вы можете установить собственные точки останова для размеров мобильных устройств / планшетов.
Завершение лучших плагинов WordPress для меню
Меню навигации очень важно. И, надеюсь, один из вышеупомянутых плагинов для меню WordPress подходит для вашего сайта. Если вы искали расширенное мегаменю или простое плавающее меню для целевой страницы, мы включили некоторые из лучших вариантов.Мы будем рады узнать, не попробуете ли вы что-нибудь из них. Или, если вам нужно добавить плагин, просто оставьте нам сообщение в разделе комментариев ниже.
9 лучших бесплатных плагинов меню WordPress (самые популярные в 2021 году)
Обновлено: 19 апреля 2021 года Автор: Dessign Team
Если вы ищете лучших бесплатных плагинов для адаптивного меню WordPress? Мы составили список лучших бесплатных Mega Menus , Responsive Menus , Sticky Menu , Sidebar Menu и Elementor Menu плагинов для вашего следующего проекта веб-сайта WordPress.Некоторые темы поставляются только с простым меню заголовка, если вы ищете более продвинутое меню, чтобы добавить другой вид вашему сайту, наша коллекция лучших бесплатных плагинов меню покажет вам лучшие из доступных бесплатно.
Активные установки: 300,000 | Рейтинг: 4,7 из 5 звезд (300+ отзывов) | Производительность: 99% | Обновления и поддержка: Да | WordPress: 5.3+
Max Mega Menu автоматически преобразует ваше существующее меню или меню в мегаменю.Затем вы можете добавить любой виджет WordPress в свое меню, изменить стиль меню с помощью редактора тем и изменить поведение меню с помощью встроенных настроек. Max Mega Menu — это полноценный плагин для управления меню, который идеально подходит для управления существующим меню и превращения его в удобное, доступное и готовое к сенсорному экрану меню всего за несколько щелчков мышью.
Активные установки: 70,000 | Рейтинг: 4.9 из 5 звезд (200+ отзывов) | Производительность: 98% | Обновления и поддержка: Да | WordPress: 5.3+
Нужна помощь по работе с мобильным сайтом? Нужен плагин для мобильного меню, который будет привлекать посетителей с мобильных устройств?
WP Mobile Menu — лучшее адаптивное мобильное меню WordPress. Предоставьте своим мобильным посетителям легкий доступ к содержимому вашего сайта с любого устройства: смартфона / планшета / настольного компьютера.
См. Ниже список функций, которые может сделать для вас наше адаптивное меню WordPress.
Знания в области кодирования не требуются. Работает со всеми адаптивными темами WordPress.
Активные установки: 3,000 | Рейтинг: 4.8 из 5 звезд (10+ отзывов) | Производительность: 97% | Обновления и поддержка: Да | WordPress: 5.3+
Groovy Menu — это отзывчивый и бесплатный плагин WordPress Mega Menu, который позволит вам легко добавить потрясающее меню на свой сайт и улучшить навигацию по сайту. Легко настроить, просто нужно загрузить свой логотип и подобрать свои цвета, шрифты и размеры.Плагин Groovy menu идеально подходит для конструктора страниц Elementor, легко добавляет верхнее адаптивное меню к любому заголовку в Elementor.
WP Responsive Menu — это простой плагин, который позволяет вам в кратчайшие сроки добавить настраиваемое адаптивное меню на любой сайт WordPress, а настройку можно выполнить прямо со страницы настроек без необходимости кодирования.
ElementsKit — это универсальное дополнение для Elementor Page Builder. Он включает в себя наиболее полные модули, такие как Header Footer Builder, Mega Menu Builder Layoutkit и т. Д. Под одним капотом.Он имеет более 55 пользовательских виджетов для легкого создания любых сайтов. Он имеет некоторые самые уникальные и мощные настраиваемые элементы управления для Elementor, такие как Image Picker, Ajax Select2, Advanced Widget и многие другие. Зачем вам нужно несколько плагинов? Где все под одним капотом?
Elements kit Elementor Addon обладает эксклюзивными функциями, которые поразят вас. Подобно нашему конструктору мегаменю, библиотеке макетов конструктора верхних и нижних колонтитулов, прокрутке одной страницы, липкому содержимому, эффектам параллакса, вы получите множество функций премиум-класса, о которых вы даже не догадывались.
Использует родительские / дочерние отношения ваших страниц или категорий для создания меню на основе текущего раздела вашего сайта. Назначьте страницу или категорию родителю, а все остальное он сделает за вас.
Поддерживает чистоту и удобство использования меню. Отображаются только связанные элементы, поэтому вам не нужно беспокоиться об обновлении пользовательского меню или отображении ссылок на ненужные элементы.
Плагин Sticky Menu (или Sticky Header) при прокрутке позволяет сделать любой элемент на ваших страницах «липким». , как только он попадает в верхнюю часть страницы при прокрутке вниз.Хотя это обычно используется, чтобы держать меню вверху страницы для создания плавающих меню, плагин позволяет сделать любой элемент липким. Сделайте липкий заголовок, стик-меню, липкий виджет, липкий логотип, липкий призыв к действию или плавающее меню.
Требуется немного базовых знаний HTML / CSS. Вам просто нужно знать, как выбрать правильный селектор для элемента, который нужно сделать закрепленным, и убедиться, что это уникальный селектор. Иногда бывает такой простой селектор, как «nav», «# main-menu», «.menu-main-menu-1 »достаточно. В других случаях вам придется быть более подробным и использовать более конкретный селектор, такой как «header> ul: first-child» или «nav.top .menu-header ul.main».
Плагин адаптивного меню с широкими возможностями настройки для WordPress. С более чем 150 настраиваемыми опциями вы получите комбинацию из 22 500 опций! Никакого опыта программирования или знаний не требуется, с простым в использовании интерфейсом, вы можете добиться того, чтобы он выглядел так, как вы хотите, с минимальными усилиями.
Если вы мечтали создать потрясающее мегаменю на своем сайте WordPress, наш плагин WP Mega Menu — идеальное решение.Вы можете бесплатно использовать Mega Menu для создания богатых и потрясающих меню навигации для своего веб-сайта. Создавайте темы меню и настраивайте стили с помощью инструментов перетаскивания. Украшайте пункты меню настраиваемыми цветами, шрифтами и атрибутами. Используйте Mega Menu, чтобы создать меню навигации за гранью воображения.
ОСОБЕННОСТИ
Вот наиболее заметные особенности плагина WP Mega Menu. Если вам нужна дополнительная информация, пожалуйста, свяжитесь с нами. Ниже представлены лучшие предложения WP Mega Menu.
- Перетащите панель построителя меню.
- Виджеты в меню.
- Возможность использования нескольких тем / скинов.
- Экспорт / импорт тем
- Брендинг в логотипе
- Социальные иконки
- Панель поиска в меню
- Обозначение / значок меню, например: горячие, новые и т. Д.
- Поддержка значков Dashicons и Font Awesome
- Растянуть меню
- Адаптивная поддержка
- Поддержка мобильного меню
- Фоновое изображение меню
- Неограниченное количество цветов
- Google Fonts
- Неограниченное количество опций
10 лучших плагинов WordPress Mega Menu для лучшей навигации по сайту
Есть ли что-то более разочаровывающее, чем посещение веб-сайта и не зная, где найти нужный контент?
…Да, возможно. Тем не менее, плохая навигация может быть ахиллесовой пятой качественного веб-сайта. Простая навигация — одна из самых полезных функций веб-сайта. Если у вас ее нет, этого достаточно, чтобы отправить кого-нибудь к конкуренту с лучшим пользовательским интерфейсом.
Во многих случаях простое, хорошо продуманное меню предоставляет пользователям достаточно рекомендаций. Но для веб-сайтов с большим количеством страниц и кучей контента простого раскрывающегося списка недостаточно — войдите в мегаменю.
Мегаменю — это тип меню, которое содержит множество опций, представленных в раскрывающемся или всплывающем формате.Вот пример канадского туристического сайта, на котором навигационные ссылки сгруппированы по категориям:
Источник изображения
Мега-меню используются на крупных веб-сайтах (например, в интернет-магазинах и корпоративных сайтах), чтобы помочь посетителям быстро найти желаемый контент. Мегаменю также может содержать другие типы контента, такие как панель поиска, изображения или видео и / или интерактивные элементы.
Хотя WordPress позволяет создавать базовые меню, согласование этого инструмента может оказаться сложной задачей, поскольку размеры вашего меню растут.Вот почему мы собрали 11 лучших бесплатных и премиальных плагинов WordPress для настройки и добавления мегаменю на ваш сайт.
Ускоряя сборку и помогая пользователям ориентироваться, эти плагины делают жизнь всех немного проще, так что приступим.
Лучшие плагины для мегаменю WordPress
- Макс Мега Меню
- УберМеню
- WP Мега Меню
- ElementsKit
- Superfly
- Главное меню Mega
- Меню героя
- WP Мега Меню Pro
- Sky Mega Меню
- Тонкое меню
1.Макс Мега Меню
На сегодняшний день насчитывается более 300 000 активных установок, Max Mega Menu является ведущим плагином мегаменю из каталога плагинов WordPress и популярным для многих администраторов. Бесплатная версия этого плагина интегрируется со встроенным конструктором меню WordPress, что позволяет добавлять всплывающее или мегаменю на свой сайт.
Max Mega Menu может преобразовать ваши существующие меню в мегаменю, или вы можете создать их с нуля. Он также позволяет стилизовать переходы между элементами меню, добавлять значки и виджеты в меню и реализовывать навигацию с помощью клавиатуры для лучшей доступности в Интернете.
Если вы обновитесь до Max Mega Menu Pro, начиная с 29 долларов, вы также получите больше типов меню (например, с вкладками, вертикальное и аккордеон), доступ к настраиваемым значкам, окну поиска и интеграции с WooCommerce.
Пример мегаменю WordPress (максимальное мегаменю):
Источник изображения
2. UberMenu
UberMenu — еще один популярный выбор среди пользователей WordPress — это плагин премиум-класса, используемый для добавления отзывчивых мегаменю и всплывающих меню на любой сайт WordPress, а также позволяет управлять переходами, шрифтами, ориентацией меню (вертикальной или горизонтальной), а также цветом фона.
Помимо гибкости настройки, UberMenu поставляется с панелью администратора, где вы можете контролировать все его параметры. Также внутри панели управления вы можете настроить ширину каждого столбца, добавить виджеты, шорткоды и пользовательский HTML-код в свои меню, а также просмотреть свои изменения в режиме предварительного просмотра в реальном времени.
Пример мегаменю WordPress (UberMenu):
Источник изображения
3. WP Mega Menu
Если вы ищете качественное бесплатное мегаменю, попробуйте плагин WP Mega Menu от Themeum.Этот плагин включает в себя функции, которые обычно присутствуют только в платных опциях, например, возможность разместить логотип, панель поиска и / или фоновое изображение внутри вашего мегаменю. Вы даже можете создавать темы меню и сохранять их для применения в нескольких меню.
WP Mega Menu построено на интерфейсе перетаскивания для быстрого создания удобной навигации. У вас также будет доступ к Google Fonts, Font Awesome Icons и социальным значкам, и все меню адаптированы для мобильных устройств.
Пример мегаменю WordPress (мегаменю WP):
Источник изображения
4.ElementsKit
Поклонники конструктора страниц Elementor, возможно, уже знают о популярном плагине ElementsKit — он предлагает огромную библиотеку настраиваемых модулей, удобных для Elementor, включая конструктор верхнего и нижнего колонтитула, виджет логотипа, прокрутку параллакса, виджет таймера обратного отсчета и мега конструктор меню.
Конструктор мегаменюElementKit позволяет создавать меню, не нарушая рабочий процесс, поскольку вам не нужно выходить из конструктора Elementor, чтобы разместить его на своем сайте. Добавляйте пункты меню, перетаскивая их, и пользуйтесь преимуществами светлого и темного внешнего вида меню и двух макетов мобильного меню.
Пример мегаменю WordPress (ElementsKit):
Источник изображения
5. Superfly
Меню Fly — новая тенденция в области веб-дизайна. Этот тип меню скрывается при начальной загрузке страницы. Когда пользователь щелкает или наводит курсор на значок меню (обычно это кнопка гамбургера), меню входит сбоку и привлекает его внимание. Меню Fly особенно полезно на мобильных экранах, где пространство ограничено, но важна хорошая навигация, а плагин Superfly позволяет с легкостью добавить такое меню на свой сайт WordPress.
После небольшой настройки вы можете использовать Superfly для создания мегаменю со всеми важными ссылками на веб-сайты в одном месте. Стиль полностью зависит от вас — вы управляете эффектами перехода, добавляете значки в пункты меню и выбираете цвет фона, текстуру, изображение или видео для своего меню.
Пример мегаменю WordPress (Superfly):
Источник изображения
6. Главное меню Mega
Mega Main Menu — это простой, но эффективный инструмент для создания мегаменю, предоставляющий все необходимое для одного и ничего лишнего.Mega Main Menu имеет более 10 вариантов макета для выпадающих меню, и вы можете размещать в них ссылки, изображения и виджеты. Он также предлагает неограниченные варианты цвета, более 1600 векторных значков, липкую настройку меню (то есть меню остается на экране при прокрутке пользователя) и доступ к шрифтам Google.
Пример мегаменю WordPress (главное мегаменю):
Источник изображения
7. Меню героя
Еще одна качественная опция премиум-класса, Hero Menu от Hero Plugins имеет один из лучших интерфейсов конструктора, который мы видели в плагине меню WordPress.Пункты меню размещаются методом перетаскивания и имеют цветовую кодировку в конструкторе. Таким образом, будет легко увидеть иерархию ваших элементов. Любые специальные пункты меню, которые вам нужно разместить — логотип, панель поиска или значок — можно активировать одним щелчком мыши.
Hero Menu также предлагает несколько стилей меню на выбор и 60 предустановленных цветовых комбинаций, чтобы сэкономить ваше время. Меню адаптируются к мобильным устройствам и подходят для WooCommerce. Наконец, Hero Menu было протестировано с популярными темами WordPress, такими как Divi и Avada.
Пример мегаменю WordPress (меню героя):
Источник изображения
8. WP Mega Menu Pro
WP Mega Menu Pro (не связанный с вышеупомянутым плагином WP Mega Menu) позволяет администраторам WordPress выбирать из 10 шаблонов при разработке своих меню, а также 14 красиво оформленных скинов меню. Меню можно создавать как в горизонтальной, так и в вертикальной ориентации.
Еще одним преимуществом этого простого плагина является возможность ограничивать видимость пунктов меню по роли пользователя.Пользователю со статусом «Редактор», вероятно, потребуется доступ к большему количеству опций, чем пользователю с ролью подписчика на вашем сайте. С помощью WP Mega Menu Pro вы можете соответствующим образом ограничить доступ к этим элементам, чтобы пользователи видели только то, к чему они имеют доступ.
Пример мегаменю WordPress (WP Mega Menu Pro):
Источник изображения
9. Sky Mega Menu
Sky Mega Menu — дешевый способ создать простое, но профессиональное меню для вашей домашней страницы. Он поставляется с тремя адаптивными к мобильным устройствам макетами, девятью различными цветовыми схемами и библиотекой из 361 значка.Вы также можете сделать свои меню фиксированными или закрепленными и добавить формы ввода для поиска, входа в систему и регистрации.
Пример мегаменю WordPress (Sky Mega Menu):
Источник изображения
10. Улучшение управления меню
Slick Menu — это плагин мегаменю WordPress, который дает вашему сайту изящный центр вертикальной навигации. Это полностью адаптивное меню будет идеально отображаться на мобильных устройствах, чтобы ваши посетители могли найти нужный контент, когда он им понадобится.
Добавьте значки, фоновые видеоролики и даже окно поиска, чтобы выделить это современное меню и упростить навигацию для посетителей.Вы даже можете редактировать свое меню в живом настройщике, который встроен в плагин, поэтому вам не придется беспокоиться о том, что весь ваш сайт будет отключен для обслуживания, чтобы настроить параметры навигации.
Пример мегаменю WordPress (гладкое меню):
Источник изображения
Улучшение навигации по сайту
Даже если вы управляете сайтом WordPress с большим количеством контента, пользователям не нужно тратить минуты на поиск нужной страницы, и вам не нужно тратить часы на настраиваемое кодирование своей навигации.
Вместо этого попробуйте любой из вышеперечисленных вариантов. Правильный плагин WordPress может помочь создать мегаменю, которое поможет посетителям достичь своих целей на вашем сайте, будь то поиск продукта, сообщения в блоге или контактной формы. Заботясь о пользовательском опыте, вы сэкономите время и количество кликов, а также получите больше конверсий и клиентов.
Примечание редактора: этот пост был первоначально опубликован в ноябре 2020 года и был обновлен для полноты.
20 лучших плагинов меню WordPress 2021
Дизайн веб-сайта в значительной степени направлен на улучшение взаимодействия с пользователем.Хотя для веб-сайта важно быть привлекательным визуально, еще важнее, чтобы он эффективно принимал и направлял интернет-трафик. Многочисленные меры поисковой оптимизации и оптимизированные для SEO темы, которые мы применяем, помогают привлечь и увеличить посещаемость нашего веб-сайта. Однако, как только посетители попадают на наш веб-сайт, они должны иметь возможность легко перемещаться по нему, чтобы найти то, что они ищут. Вот где плагины навигации и меню WordPress играют важную роль.
Почему меню WordPress важно
Меню похоже на карту, которая направляет посетителей на вашем веб-сайте и поэтому имеет важное значение для успеха сайта. Это может побудить посетителей проводить больше времени на вашем веб-сайте, что приведет к повышению коэффициента конверсии. В свою очередь, это положительный сигнал для поисковых систем.
Часто, даже если поиск приводит посетителей на ваш сайт, они не задерживаются там надолго и просто уходят прочь. Это указывает на то, что навигация на вашем веб-сайте может быть неэффективной для направления посетителей.
Помимо выполнения практических функций, меню занимают главное место на экране ваших веб-страниц. Они могут сделать веб-сайт визуально привлекательным и улучшить эстетику.
Хотя WordPress имеет множество функций, поддерживающих создание меню, его плагины могут вывести создание меню на совершенно новый уровень. Эти меню могут отображать важное содержимое вашего веб-сайта прямо на главной странице с настраиваемыми ссылками и избранным изображением.
Ниже приведены лучшие бесплатные плагины меню WordPress, а также несколько дополнительных.
Бесплатные плагины меню WordPress
Ниже приведены семь бесплатных плагинов, которые добавляют функции в ваше меню WordPress. Их можно бесплатно загрузить из репозитория плагинов WordPress, и вы можете проверить их возможности перед поиском дополнительных опций.
Макс Мега Меню
Когда вы устанавливаете Max Mega Menu, оно автоматически преобразует существующее меню в мегаменю. С помощью нескольких щелчков мышью вы можете полностью преобразовать свое меню в удобное и легкодоступное меню.Конструктор перетаскивания помогает создавать меню на панели инструментов, и вы можете видеть, как меню принимает форму в режиме реального времени, используя функцию предварительного просмотра.
Можно стилизовать мегаменю с помощью редактора тем и изменить поведение меню с помощью собственных настроек WordPress. Плагин предлагает широкий спектр параметров настройки, позволяющих выбирать цвета, шрифты, размеры и многое другое.
С помощью этого плагина также можно создавать сложные меню и одновременно добавлять интерактивные элементы, такие как карты.Поскольку он может интегрироваться с другими плагинами, вы можете включать такие функции, как календари и контактные формы.
Обычно функцию мегаменю можно найти только в расширенных или расширенных плагинах, но она доступна бесплатно в Max Mega Menu. Несмотря на набор функций, которые он предлагает, он легкий и быстро загружается.
Для дополнительных функций, таких как поддержка WooCommerce и Easy Digital Downloads, вы можете перейти на платную версию.
Подробнее / СкачатьАдаптивное меню
Благодаря более чем сотне тысяч загрузок, Responsive Menu представляет собой настраиваемый плагин, который позволяет вам настроить свое меню из простого в использовании интерфейса.Помимо обычной настройки цветов, шрифтов, пробелов и кнопок, вы также можете настроить, добавив специальные элементы, такие как логотипы и значки.
Вы можете улучшить функции меню, используя настраиваемую интегрированную функцию поиска и выбирая пользовательские триггеры меню. Если ваш сайт многоязычный, вы будете рады поддержке WPML / Polylang и функции RTL.
Меню появляется при нажатии кнопки. Меню может появляться сверху или снизу, справа или слева и может иметь любое фоновое изображение по вашему выбору.Этот плагин — хороший выбор, если вы хотите иметь вертикальное меню, чтобы максимизировать пространство экрана для изображений или видео.
Чтобы добавить такие функции, как Awesome Font Icons и анимацию кнопок, вам необходимо приобрести плагин премиум-класса.
Подробнее / СкачатьАдаптивное меню WP
Чтобы превратить меню WordPress в крутое скользящее меню, которое идеально подходит для мобильных устройств, вам следует попробовать WP Responsive Menu. Все функции, которые не нужны для мобильного меню, можно скрыть. Тем не менее, пользователи настольных компьютеров могут просматривать меню по умолчанию с полным списком опций.Он легко интегрируется с интерфейсом администратора WordPress и содержит множество удобных инструментов для создания меню.
Что делает WP Responsive Menu выдающимся, так это то, что процесс создания меню упрощен. Это поможет вам создать красивое и функциональное меню за считанные минуты, используя десятки доступных опций для настройки вашего меню. Кроме того, он поддерживает жесты смахивания и функцию масштабирования пальцем и хорошо интегрируется со всеми платформами. Вы можете упростить задачу для посетителей, добавив в меню простую функцию поиска.Плагин хорошо работает с любым фреймворком тем, а также с мультисайтом.
Для получения дополнительных функций ознакомьтесь с плагином премиум-класса.
Подробнее / СкачатьМой верхний колонтитул
Для тех, кто не занимается кодированием, я уверен, вы согласитесь, что изменение стиля вашего верхнего или нижнего колонтитула может разочаровать. В большинстве случаев стиль вашего верхнего / нижнего колонтитула полностью зависит от используемой вами темы, и нет реального способа изменить это. К счастью, здесь на помощь приходит плагин WordPress My Header Footer, чтобы спасти положение.Этот инновационный плагин позволяет пользователям создавать адаптивные верхние и нижние колонтитулы независимо от того, какую тему они используют. Параметры настройки здесь очень впечатляющие, с большим количеством вариантов настройки, чем мы когда-либо видели в плагине верхнего / нижнего колонтитула. Честно говоря, с помощью этого плагина вы сможете создать любой верхний / нижний колонтитул, который только можно вообразить.
Самая большая ключевая особенность здесь — это гибкость использования этого плагина с любой темой и любым конструктором страниц. Никто не любит ограничиваться проблемами совместимости, и, к счастью, этот плагин не беспокоит.В довершение всего, плагин представляет собой интерфейсный конструктор, позволяющий мгновенно видеть изменения, которые вы вносите на сайт. Не тратьте время на то, чтобы окунуться в меню и выйти из него. Подводя итог, для любых изменений вашего верхнего или нижнего колонтитула плагин My Header Footer должен быть вашим выбором №1. Чтобы получить дополнительные функции, такие как стильные карусели заголовков, карты Google, динамические поля и многое другое, вам обязательно нужно перейти на профессиональную версию.
Подробнее / СкачатьGroovy Mega Menu
Если вы готовы поднять навигацию на своем веб-сайте на совершенно новый уровень, вам лучше выбрать плагин меню Groovy Mega Menu WordPress и внести свой вклад.Этот инструмент предлагает вам полную свободу творчества, чтобы создать точное мегаменю и заголовок, которые вам нравятся. Хотя он поставляется с набором предопределенных макетов, которые вы можете использовать прямо из коробки, вы также можете придумать свою собственную версию. Горизонтальное, вертикальное и, конечно же, мегаменю — все это возможно с удивительной функциональностью Groovy Mega Menu.
Более того, Groovy Mega Menu также совместимо со всеми основными конструкторами перетаскивания, такими как WPBakery, Elementor, Beaver и Gutenberg, и это лишь некоторые из них.У вас есть более двухсот вариантов, когда дело доходит до стиля меню выбора для вашего конкретного присутствия в Интернете. Позвольте меню поднять пользовательский опыт вашего веб-сайта на новый уровень.
Подробнее / СкачатьЕсли меню
Вы можете делать много необычных вещей с меню своего веб-сайта, делая его более удобным для навигации и более привлекательным для глаз. Что ж, двое только что упомянутых в любом случае очень хорошо идут рука об руку. Чтобы оживить ваши меню и панели навигации, мы предлагаем вам солидную коллекцию плагинов меню WordPress, которые сэкономят вам массу времени и энергии.Приложив немного усилий с вашей стороны, вы все равно сможете создать именно то меню, которое вам нужно.
If Menu — интересный инструмент, на который обязательно стоит обратить внимание, если вы хотите ограничить видимость своего меню. Когда дело доходит до меню «Если», вы можете точно указать, кто какую часть меню видит. Смущенный? Не нужно, просто продолжайте читать. С помощью меню If вы можете установить ограничительные правила на основе администраторов, редакторов, геолокации и вошедших в систему пользователей, чтобы назвать несколько. Другими словами, если есть разделы, к которым вы хотели бы иметь доступ только администраторам, а ваши редакторы должны видеть только одну часть меню, это именно тот плагин, который вам нужен.А теперь займитесь делом, скачайте бесплатно If Menu и посмотрите, как происходит волшебство.
Подробнее / СкачатьМобильное меню WP
Велика вероятность, что основная часть вашего трафика — это мобильная связь. Тем не менее, вам может потребоваться выполнить некоторую настройку и оптимизацию специально для мобильных пользователей. Конечно, если вы используете современную тему WordPress, вам не нужно беспокоиться о скорости отклика. Но вам может потребоваться улучшить свое мобильное меню, чтобы сделать его еще более ярким и простым в использовании.Используя возможности плагина WP Mobile Menu, вы, несомненно, улучшите работу мобильного веб-сайта.
Набор функций WP Mobile Menu довольно обширен для бесплатного инструмента. Кстати, WP Mobile Menu включает в себя многоуровневое раскрывающееся меню, голый заголовок, маску наложения, фоновое изображение и логотип. Конечно, вы также можете изменить стиль меню, чтобы он точно соответствовал вашим правилам брендинга. Убедитесь, что ваша страница удобна для мобильных устройств так же первоклассно, как и на компьютере.
Подробнее / СкачатьЗначки меню
Один из простых способов поднять свой раздел меню — это добавить к нему значки. Как бы просто это ни звучало. Даже когда дело доходит до мельчайших деталей, это стоит учитывать при настройке вашего присутствия в Интернете. Вы можете добавлять в свое меню всевозможные значки с помощью плагина Menu Icons. Этот крутой плагин WordPress прост в использовании и практически не требует времени на его настройку.
После установки и активации значков меню просто перейдите в раздел внешнего вида на панели администратора и найдите меню.С этого момента вы можете соответствующим образом редактировать свое меню. Выберите значок, который лучше всего соответствует разделу, добавьте его, сохраните меню, и все готово.
Menu Icons — это адаптивный инструмент, который работает с большинством современных тем, доступных сегодня. Кроме того, он также поддерживает всевозможные наборы значков, такие как Font Awesome, Fontello, TI Icons и Foundation Icons и многие другие.
Подробнее / СкачатьWP Мега Меню
Поднимите свое меню на совершенно новый уровень с плагином WP Mega Menu WordPress.Он не только прост в использовании и работе, но и превосходное мегаменю, которое вы можете создать с помощью этого плагина, превосходит все ожидания. Хотя базовая навигация в некоторой степени работает, если у вас много чего происходит на вашей веб-платформе, есть большая вероятность, что вам нужно внедрить WP Mega Menu в свое присутствие в Интернете. Это добавит вашему сайту совершенно новый уровень профессионализма, поразит ваших посетителей и поможет им быстрее найти то, что они ищут.
При использовании и стилизации WP Mega Menu вы сразу заметите, как много вы можете с ним сделать.Более того, благодаря технологии перетаскивания вам также не нужно кодировать, чтобы изменить внешний вид в соответствии с вашими правилами. Изменяйте цвета, добавляйте значки социальных сетей и логотип, вводите виджеты и внедряйте панель поиска — WP Mega Menu действительно предоставляет широкий спектр опций.
Подробнее / СкачатьРасширенное боковое меню
Иногда наличие меню на боковой панели может повысить удобство использования вашей страницы. С помощью Advanced Sidebar Menu вы можете добиться отличных результатов, когда дело доходит до создания меню боковой панели.Этот плагин меню WordPress немного противоречит норме по сравнению с меню, которое мы обычно видим, расположенным в верхней части веб-сайта. Тем не менее, он по-прежнему очень прост в использовании и настройке, как и любой другой инструмент, который вы найдете в этой коллекции. Очень подходит для новичков, если хотите.
Advanced Sidebar Menu предоставляет на страницу таблицы и виджеты категорий, которые вы можете быстро добавить на свою боковую панель. Оба виджета имеют довольно похожие характеристики и функции, только один находится в категории, а другой — на уровне страницы.Тем не менее, используйте тот, который лучше всего подходит вам, или даже придерживайтесь обоих, если вы сочтете, что они подходят вашему проекту.
Подробнее / СкачатьМое липкое меню
Чтобы улучшить навигацию по вашему сайту, используйте плагин My Sticky Menu и сразу же внесите свой вклад. Сохраняйте меню или заголовок так, чтобы они появлялись вверху страницы после любого желаемого количества пикселей — вы указываете это в соответствии с вашими предпочтениями. Имейте в виду, что My Sticky Menu также отлично подходит для всевозможных рекламных акций и всего прочего, чему вы хотели бы придать дополнительный блеск.На самом деле вам не нужно ограничивать себя чем-то одним.
Более того, вам не нужно иметь навыки программирования, чтобы иметь возможность активировать My Sticky Menu и заставить его работать на вашем веб-сайте или в блоге. Позвольте вашим посетителям иметь постоянный доступ к меню, без необходимости прокручивать его до самого верха страницы, чтобы посетить другой раздел.
Подробнее / СкачатьShiftNav — это бесплатный плагин меню WordPress, ориентированный исключительно на мобильных пользователей.Это означает, что если вы хотите создать полностью адаптивное и гибкое меню для мобильных устройств, ShiftNav — правильный инструмент. Он прекрасно интегрируется в любую тему, которую вы используете, повышая производительность и удобство для всех посетителей вашего мобильного сайта. ShiftNav создает меню вне холста, которое скользит на экран сбоку.
Некоторые из особенностей ShiftNav — светлая и темная обложки, автоматическая интеграция, переходы CSS3 и потрясающие конфигурации. Результат будет казаться естественным, как будто он был интегрирован в веб-сайт с самого начала.Благодаря быстрой и простой реализации теперь вы можете активировать ShiftNav на своем веб-сайте и вывести мобильную навигацию на новый уровень.
Подробнее / СкачатьВсплывающее меню
Чтобы ваше меню всегда было доступным для пользователя, обратите внимание на Float Menu. Пока они прокручиваются, меню сдвигается в сторону и всегда доступно. Независимо от того, насколько далеко они находятся на вашей странице, меню всегда будет там, предлагая им перейти в разные места без необходимости прокручивать назад вверх.Кроме того, меню занимает небольшую часть экрана, не вызывая никаких помех.
Что касается функций, Float Menu имеет очень много функций, поэтому каждый может извлечь из него максимум без лишних хлопот. Не только это, но и без необходимости много работать. Вы можете использовать плавающее меню, чтобы создать точное плавающее меню, которое вам нравится, расположенное справа или слева. Кроме того, вы можете добавлять пользовательские метки кнопок, изменять цвет, вводить любую ссылку, которую хотите, и даже устанавливать фон кнопки.
Подробнее / СкачатьКорзина меню WooCommerce
При запуске интернет-магазина вы можете добавить кнопку корзины покупок на панель навигации для удобства покупателей. Добавляя эту функцию, вы предоставляете своим клиентам постоянный доступ к их корзине. Одним из таких компонентов является плагин WooCommerce Menu Cart. Всего несколько щелчков мышью, чтобы настроить этот плагин меню WordPress и обеспечить дополнительный уровень комфорта.
С помощью WooCommerce Menu Cart вы можете делать все, что угодно, когда дело доходит до отображения деталей.Вы можете продемонстрировать только товар, только цену или даже и то, и другое. Более того, корзина может отображаться в меню только при добавлении товара, но остается пустой, когда в ней ничего нет.
Вы также можете настроить перемещение тележки влево или вправо или, конечно, использовать это в настройках вашего меню по умолчанию. Помимо совместимости с WooCommerce, WooCommerce Menu Cart также работает с Easy Digital Downloads, Jigoshop и другими.
Подробнее / СкачатьПрикрепленное меню
Sticky Menu — отсюда и название — говорит само за себя.Если вы хотите, чтобы ваше меню оставалось в верхней части страницы, то это плагин меню WordPress, который вам нужен. На самом деле, если вы хотите, чтобы другие элементы вашей страницы оставались наверху, этот инструмент также поможет. Но по большей части этот метод используется для прикрепления панели навигации к верхней части вашего веб-сайта, поэтому она всегда доступна для пользователя. Нет необходимости полностью прокручивать страницу до самого верха, чтобы посетить другой раздел вашей страницы.
В разделе настроек Sticky Menu вы можете установить интервал между меню и верхней частью страницы, а также указать, при каком разрешении экрана вы хотите использовать эту функцию.Например, ваше новое липкое меню может работать только на настольных компьютерах и планшетах, но перестает работать для мобильных пользователей. Вот и все, теперь вы знаете, как создавать приклеенное меню.
Подробнее / Скачать QuadMenuQuadMenu — один из последних бесплатных плагинов мегаменю для WordPress. Этот плагин позволяет вам создавать мегаменю, меню с вкладками и меню карусели простым и понятным способом.
Разработанное в соответствии с концепцией «сначала мобильные», это адаптивное меню позволяет вам соответствовать всем размерам экрана, но разница с другими альтернативами заключается в том, что события сенсорного экрана были встроены изначально, что существенно улучшает взаимодействие с пользователем на мобильных устройствах.
Еще одна ключевая особенность, которая выделяет этот плагин среди других альтернатив, таких как Ubermenu или Max Mega Menu, — это разнообразие доступных макетов. Это первое мегаменю, которое представляет собой все в одном решении, так как вы сможете создавать горизонтальное или вертикальное меню на настольных устройствах, а также сворачиваемое или открытое меню на мобильных устройствах.
Панель администратора QuadMenu интегрирована таким образом, что вы вряд ли заметите, что выходите из родной работы WordPress. Пользовательский интерфейс перетаскивания позволяет вам управлять всем содержимым вашего меню, добавляя виджеты и любые другие элементы, доступные во встроенных метабоксах меню WordPress.
Настройщик
Наконец, мы должны выделить интеграцию с приборной панелью настройщика, которая позволяет настраивать всю цветовую схему меню или параметры макета и видеть эффект этих изменений в режиме реального времени.
Загрузить
QuadMenu — это плагин freemium, это означает, что у него есть бесплатная и платная версии, которые включают некоторые дополнительные функции, такие как настройка интеграции, описанная ранее, форма входа и регистрации, вкладки и мега-меню карусели.
Вы можете скачать его бесплатно через каталог плагинов WordPress здесь или получить премиум-версию здесь.
Подробнее / СкачатьРедактор меню администратора
Admin Menu Editor не создает меню автоматически. Это просто помогает вам вручную редактировать меню панели инструментов. После установки этого плагина он позволяет скрывать пункты меню даже от администратора.
Вы можете создавать определенные пункты меню, изменять заголовки меню и упорядочивать пункты меню с легкостью перетаскивания.Перемещайте элементы меню на уровни подменю и создавайте настраиваемые меню, которые направляют к любой части панели инструментов или к внешнему URL-адресу. Если что-то пойдет не так, как администратор, вы можете восстановить версию по умолчанию.
Более того, вы можете настроить его как глобальный плагин в многосайтовой сети. Это позволит сетевому администратору редактировать панель управления для всех сайтов и для всех пользователей одновременно. Чтобы установить разрешения для меню пользователя для каждой роли, перетаскивайте элементы меню между уровнями. Однако, если вы хотите открывать меню в новом окне, вам нужно будет перейти на премиум-версию.
Подробнее / СкачатьРоли навигационного меню
Если вы хотите скрыть некоторые пункты меню от некоторых пользователей, Nav Menu Roles поможет вам в этом. Вы можете показывать ссылки в настраиваемом меню только определенным типам пользователей, например, вошедшим в систему или платным участникам. Здесь следует отметить один важный момент: Nav Menu не ограничивает доступ к контенту. Он просто скрывает или показывает элементы меню в зависимости от ролей пользователя. Однако вы можете выбрать, какие роли отображать, проверив роли пользователей в режиме отображения.
Плагин является гибким и позволяет настраивать функциональность, создавая дополнительные флажки.
Подробнее / СкачатьПремиум-плагины
Упомянутые выше бесплатные плагины достаточно хорошо справляются со своей задачей. Если вам нужна какая-то конкретная или уникальная функция или более высокий уровень поддержки, вы можете также просмотреть эти плагины премиум-класса.
УберМеню
UberMenu — популярный плагин в премиум-сегменте. С его помощью вы можете создавать сложные мегаменю, состоящие из множества уровней.
Отличительной особенностьюUberMenu является то, что он позволяет добавлять в меню расширенный контент, например Карты Google. Вы можете настроить отображение сетки сообщений блога в меню. Не только это; вы также можете настроить сетку для извлечения определенного контента, а также избранных изображений. При желании вы можете выровнять меню по вертикали или создать несколько UberMenus с независимыми конфигурациями.
Плагин хорошо интегрируется с системой меню WordPress, но ваша тема должна включать таблицу стилей, специфичную для UberMenu.Он включает в себя интуитивно понятный конструктор, который можно использовать для создания адаптивных сеток с несколькими столбцами. Наведя курсор на блоки содержимого, вы можете вызвать параметры для настройки каждого блока. Благодаря функции Live Preview вы можете посмотреть, как это происходит.
С UberMenu вы можете сделать его простым или добавить еще больше функциональности за счет интеграции со сторонними виджетами. Плагин полностью адаптивен. В любом случае, если вам кажется, что меню слишком сложно для небольших устройств, вы можете использовать бесплатный плагин мобильного меню ShiftNav.Это помогает создавать меню в стиле приложений для мобильных устройств.
Подробнее / ПокупкаМеню героя
Множество опций настройки, которые поставляются с Hero Menu, помогут вам создать любое меню, какое захотите. Этот плагин поддерживает как типичное меню Hero, так и простое раскрывающееся меню. Вам будет легко настроить 650 шрифтов Google, 60 цветовых предустановок и настраиваемый фон. Также легко создавать меню с помощью редактора перетаскивания.
Вы можете назначать значки для пунктов меню, выбирая из более 270 бесплатных значков.Что наверняка порадует вас, если вы управляете магазином электронной коммерции, так это полная интеграция этого плагина с WooCommerce. Он даже позволяет отображать миниатюры продуктов и цены в меню. Кроме того, весь обычный контент, такой как текст, формы и карты, также может найти свое место в меню.
Закрепленное меню всегда видно читателям, и оно автоматически масштабируется до устройств меньшего размера. Вы можете скрыть пункты меню в зависимости от ролей пользователей, чтобы часть содержимого оставалась видимой только для вошедших в систему пользователей.В недавнем обновлении добавлено меню для бровей, функция, которая добавляет небольшой текст и ссылку для входа в тонкую полоску в самом верху.
Подробнее / ПокупкаWP Мега Меню Pro
Если вам сложно выбрать между вертикальным и горизонтальным меню, возможно, WP Mega Menu Pro для вас. Этот плагин позволяет создавать меню в обоих направлениях. Кроме того, он объединяет 14 шаблонов, чтобы вы могли начать работу. Он также включает в себя визуальный конструктор с перетаскиванием.
Более 100 вариантов настройки окажутся полезными, если у вас нет навыков программирования.Они позволяют устанавливать триггеры и эффекты перехода. Плагин имеет функции входа в систему, поиска и WooCommerce Cart Total, а также более 1200 значков меню. Плагин совместим с WooCommerce, большинством тем WordPress и мультисайтами. Кроме того, он полностью отзывчив, удобен для сенсорного ввода и готов к переводу.
Подробнее / ПокупкаУдобное меню
Slick Menu — хороший выбор для создания многофункциональных сложных мегаменю. Вы можете настроить каждый уровень в меню, используя цвета, фон, изображения, наложения и узоры.Slick Menu использует стандартный настройщик WordPress, чтобы помочь вам контролировать создание меню в режиме предварительного просмотра в реальном времени, даже когда это происходит. Что особенного в этом плагине, так это уникальная функция, которая позволяет добавлять видео в пункты меню.
Но это еще не все. Он также предлагает потрясающие параметры анимации, которые включают 14 3D-анимаций внешнего вида, 45 анимаций пунктов меню, а также перекрывающие и перекрывающиеся анимации слайдов. Чтобы сосредоточить внимание на каком-либо конкретном пункте меню, вы можете применить фильтры к своим элементам содержимого.Помимо нескольких расширений премиум-класса, плагин также поставляется с двумя бесплатными расширениями: одно для добавления значков социальных сетей, а другое — для дублирования создаваемых вами меню.
Подробнее / ПокупкаWP Плавающее меню Pro
WP Floating Menu Pro — единственный плагин в этом списке, разработанный специально для одностраничных меню. Плагин помогает создавать два типа меню: одностраничное меню и липкое меню. Обычно одностраничные веб-сайты делятся на множество разделов, каждый из которых имеет контент, который примерно соответствует странице.Когда посетители нажимают на пункт меню, они автоматически попадают в этот раздел, а не на другую страницу.
Включены тринадцать шаблонов, которые помогут вам начать создание и настройку меню. Доступно семь позиций меню, которые можно разместить на любой из четырех сторон экрана. Вы можете создать любое количество меню для своего веб-сайта и настроить меню для каждой страницы независимо. Доступны три различных набора значков меню, и вы также можете загрузить свои собственные значки.
Подробнее / ПокупкаДополнительные параметры плагина
Если вы дошли до этого момента и все еще ищете подходящие варианты, посмотрите Mega Main Menu и Superfly. Мега-главное меню легко настраивается и может размещать расширенный контент в раскрывающихся списках. Superfly предлагает практически безграничные возможности и позволяет создавать адаптивное вертикальное мега-меню с полной поддержкой сенсорных экранов, коротких кодов и настраиваемого HTML.
Завершение работы
Мегаменю— отличный вариант, если вы хотите отображать для посетителей массу информации без необходимости прокрутки вниз.Часто они остаются за кадром и появляются только при наведении курсора. Это увеличивает пространство на экране для другого ценного контента. Они выдвигаются и выдвигаются одним нажатием кнопки, уступая место привлекательным полноэкранным изображениям и видео на главной странице.
Все плагины WordPress Menu в этом списке выполняют одну и ту же основную функцию — помогают направлять ваших пользователей на нужные им страницы. Это дополнительные функции, которые отличают их друг от друга. Эти плагины могут обрабатывать все, от сложных многоуровневых многофункциональных меню до простых раскрывающихся меню.
Чтобы выбрать тот, который лучше всего подходит для вашего веб-сайта, вам нужно будет изучить не только функции, которые предлагает каждый плагин, но также ваш бюджет и уровень поддержки, который вам нужен. Если ваш сайт перегружен контентом, хорошо продуманное мегаменю может быть хорошим выбором. Однако, если вы хотите максимизировать пространство, вертикальные меню, скрытые за переключателем, могут быть лучшим выбором. Уникальные требования вашего сайта определят лучший вариант.
8 лучших плагинов WordPress Mega Menu на 2021 год
Вы ищете лучшие плагины для мегаменю WordPress?
Хотите сделать свои навигационные меню более функциональными?
В этом посте я буду сравнивать лучшие плагины мегаменю WordPress на рынке.
Приступим:
Лучшие плагины для мега-меню WordPress на 2021 год
К сожалению, качественных бесплатных плагинов мегаменю не так много. Таким образом, большинство записей в этом списке «лучших из» будут искажать премию. Но с учетом сказанного мы обсудили по крайней мере один бесплатный вариант, с которым вы можете поиграть, если у вас ограниченный бюджет.
Как всегда, в конце этого поста я постараюсь порекомендовать лучший плагин мегаменю для вашей конкретной ситуации.
1. WP Mega Menu
WP Mega Menu — это опция премиум-класса от MyThemeShop, которая работает со всеми темами и имеет три встроенных стиля.
Вы можете использовать встроенные стили для отображения как обычных пунктов меню, так и ваших последних сообщений (и связанной с ними метаинформации).
Нет необходимости в настройке, и он интегрируется в родную систему меню WordPress. Все, что вам нужно сделать, это выбрать желаемый стиль мегаменю, и вперед в гонки.
После этого у вас будет полный контроль над отображаемой метаинформацией, цветами, используемыми в вашем мегаменю, а также анимацией при появлении или исчезновении мегаменю.
На интерфейсе ваши мегаменю загружаются с помощью AJAX, чтобы они не замедляли работу вашего сайта.
А если вы разработчик, вам понравится возможность настраивать все с помощью встроенных фильтров.
В общем, WP Mega Menu — это быстрый и простой способ добавить несколько стильных мегаменю на ваш сайт WordPress.
Цена: $ 29
Получить WP Mega Menu
2. Max Mega Menu
Max Mega Menu — единственная бесплатная опция в этом списке, что может объяснить, почему она так популярна с более чем 100 000 активных установок, согласно каталогу плагинов WordPress.org.
Max Mega Menu — это легкое решение, которое работает путем автоматического преобразования существующих меню в мегаменю, которые затем можно стилизовать и добавить виджеты, используя встроенные параметры настроек.
Если вам нужно несколько мегаменю, Max Mega Menu поддерживает несколько пунктов меню с разными настройками для каждого места.
Для создания ваших меню Max Mega Menu включает простой в использовании конструктор перетаскивания, а также удобный интерфейс для добавления позиционирования, переходов и стиля.
Помните — вы можете использовать виджеты в своих мегаменю с помощью плагина, который открывает двери для добавления всех видов элементов, таких как:
- Карты
- Контактные формы
- Календари
- … все, что есть виджет!
Что касается отображения мегаменю, вы можете выбрать между наведением курсора, намерением наведения курсора или щелчком ( помните — выбор мгновенного отображения меню при наведении курсора — не лучшая идея) .И вы также можете настроить некоторые адаптивные настройки, скрывая определенные параметры меню на мобильном устройстве.
До сих пор все это доступно в бесплатной версии плагина. Если вы выберете профессиональную версию, вы получите доступ к множеству новых функций, в частности:
- Липкие меню
- Гармошка и вертикальные меню
- Индивидуальный стиль элементов для отдельных пунктов меню
- Поля поиска в мегаменю
- Поддержка WooCommerce и Easy Digital Downloads для демонстрации ваших продуктов
- Несколько других полезных вещей…
Если вам нужен бесплатный плагин мегаменю, это лучший вариант для вас.А профессиональная версия добавляет достаточно функциональных возможностей, чтобы избавиться от чековой книжки.
Цена: Бесплатно. Версия Pro от 29 долларов за лицензию на один сайт
Получите максимальное мегаменю Получите максимальное мегаменю Pro
3. Простое меню
Slick Menu — это плагин меню WordPress с полным набором услуг, который предлагает ряд функций для улучшения всех аспектов ваших меню WordPress.
Плагин предоставляет вам живой интерфейс настройки для создания и стилизации ваших меню.Поскольку он использует стандартный интерфейс настройщика WordPress, к которому вы, вероятно, уже привыкли, вы увидите каждую настройку в режиме реального времени.
Для каждого создаваемого меню вы можете создать неограниченное количество уровней меню, каждый со своим собственным независимым стилем.
И еще одна интересная уникальная функция — это возможность добавлять видео с YouTube в качестве фона в элементы меню . Вы знаете эти крутые фоны для заголовков видео? Вы можете добавить это в пункты меню! Просто убедитесь, что не злоупотребляете этой функцией, чтобы не раздражать своих читателей.
Вы можете добавить еще больше стиля к своим меню с помощью 14 различных анимаций внешнего вида меню, а также 45 различных анимаций пунктов меню (опять же, , здесь меньше значит больше — не используйте все 45 сразу! ).
Вы также можете добавлять фильтры содержимого на свой сайт всякий раз, когда открыт пункт меню. Так что, если вы хотите, скажем, добавить немного оттенков серого к остальной части вашего сайта, чтобы действительно сосредоточиться на своем меню, вы можете сделать это прямо из интерфейса плагина.
Если вы хотите выйти за рамки простой практичности и добавить запоминающийся стиль своим мегаменю, это хороший вариант для вас.
Цена: 59 долларов США со стандартной лицензией Envato
Получить гладкое меню
4. Superfly
Superfly — это гибкий плагин меню WordPress, который можно использовать для улучшения существующих меню или для создания отдельных меню в различных стилях.
С Superfly вы можете создавать следующие типы меню:
- Нажать
- Скользить
- Статический
- Панели инструментов со значками
- Полноэкранные меню
Стоит отметить, что большинство этих меню вертикальных меню , а не более традиционных горизонтальных меню, используемых в большинстве тем.То есть меню работают сверху вниз, а не из стороны в сторону.
Хотя он предлагает все эти расширенные стили меню, вам не обязательно их использовать. Если вам нужен более традиционный стиль, вы можете просто создать базовое вертикальное меню и добавить функциональность мегаменю в подкатегории, как на скриншоте выше.
Superfly также дает вам полный контроль над адаптивным дизайном вашего меню. Вы можете легко включить или отключить определенные функции в зависимости от устройства посетителя.
Для создания максимально возможного мегаменю Superfly позволяет вам включать в элементы меню виджеты, шорткоды и настраиваемый HTML-код. Кроме того, он позволяет создавать меню с глубиной до 4 уровней.
И, как и другие плагины, у вас есть множество вариантов стилей и анимации.
Хотя Superfly не подойдет, если вы хотите сохранить существующее горизонтальное меню, это отличный вариант для тех, кто хочет использовать стиль вертикального меню.
Цена: 29 долларов США со стандартной лицензией Envato
Получить Superfly
5.Меню героя
Hero Menu — это плагин премиум-класса, который поможет вам создавать все, от меню главных героев до более обычных мегаменю и простых выпадающих меню.
Он включает простой внутренний интерфейс, который позволяет создавать меню с помощью редактора перетаскивания. Если вы умеете создавать обычные меню WordPress, у вас не будет проблем с построением меню Hero Menu.
Вы можете легко настроить цвета и добавить фон. А когда придет время выбрать то, что отображается в вашем мегаменю, вы можете выбрать один из множества типов контента, например:
- Списки сообщений
- Текст / HTML
- Обычные списки
- Контактные формы
- Карты
- Изображения
And Hero Menu также включает 270+ значков на ваш выбор.
Если у вас есть магазин электронной коммерции, вам также понравится, что Hero Menu полностью интегрируется с WooCommerce, чтобы вы могли отображать свои товары в мегаменю.
В целом, с более чем 3000 продажами и рейтингом 4,54 звезды, Hero Menu является одним из самых популярных вариантов мегаменю в Code Canyon.
Цена: 20 долларов США со стандартной лицензией Envato
Получить меню героя
6. UberMenu
В то время как Hero Menu является одним из самых популярных плагинов мегаменю в Code Canyon, UberMenu — , безусловно, самый популярный вариант с более чем 65000 продаж и 4.67-звездочный рейтинг.
Так почему люди так любят UberMenu? Возможно, потому, что он настраивает вас на простую в использовании сеточную систему, на которой вы можете основывать все свои мегаменю. Создайте свой собственный макет столбцов и строк, а затем заполните его практически любым контентом, который вы хотите.
UberMenu позволяет включать пользовательский HTML. шорткоды, виджеты и многое другое.
После создания содержимого меню вы можете настроить более 50 различных параметров стиля, используя собственный интерфейс настройщика WordPress для предварительного просмотра в реальном времени.
И UberMenu также включает динамическую генерацию элементов для создания подменю на основе категорий, сообщений, настраиваемых типов сообщений и т. Д. Вы даже можете добавлять вкладки в свои мегаменю, если у вас есть тонна информации для отображения.
Каждое мегаменю, которое вы создаете, конечно же, отзывчивое и сенсорное.
И вы можете выбирать из множества выпадающих переходов CSS3, а также из трех различных триггеров меню:
Если вам нужен многофункциональный плагин мегаменю, популярный и хорошо поддерживаемый, UberMenu — отличный вариант для вашего сайта.
Цена : 25 долларов США со стандартной лицензией Envato
Получить UberMenu
7. WP Mega Menu Pro
Не путать с плагином MyThemeShop, WP Mega Menu Pro — это плагин с аналогичным названием, который позволяет создавать как горизонтальные, так и вертикальные мегаменю.
WP Mega Menu Pro поставляется с более чем 14 различными заранее разработанными шаблонами, которые помогут вам начать работу. Или вы всегда можете создать собственное мегаменю с помощью визуального конструктора перетаскивания меню плагина.
Помимо конструктора перетаскивания, WP Mega Menu Pro поставляется с более чем 100 различными вариантами настройки.
И, как и многие другие плагины, эти параметры включают возможность установки различных триггеров и эффектов перехода.
Помимо того, что вы можете использовать любые существующие виджеты, WP Mega Menu Pro также включает определенные функции для:
- Формы регистрации / входа
- Тележки WooCommerce
- Поля поиска
Если вас заинтриговала идея возможности добавлять как горизонтальные, так и вертикальные мегаменю, взгляните на WP Mega Menu Pro.
Цена: 18 долларов США со стандартной лицензией Envato
Получить WP Mega Menu Pro
8. Главное меню Mega
Mega Main Menu — это последний плагин WordPress для мегаменю, о котором я расскажу в этом посте.
Mega Main Menu позволяет создавать все типы мегаменю из различных источников контента. С его помощью можно ввести:
- Ссылки
- Текст
- Изображения
- Виджеты
- Шорткоды
Затем вы можете стилизовать это содержимое с помощью различных цветов, значков и шрифтов.
По сравнению с некоторыми из более модных плагинов в этом списке, дизайн немного прост. Но базовый уровень не означает, что он плохо работает. На самом деле я предпочитаю непринужденный вид дизайнов Mega Main Menu, потому что они чистые и удобные.
При цене всего 14 долларов Mega Main Menu также является самым дешевым плагином премиум-класса в этом списке. Представьте себе легкий и минималистичный способ добавления мегаменю на ваш сайт.
Плагин также включает множество расширений премиум-класса для добавления таких функций, как:
- Интерактивные элементы
- Параллакс и разделы видео
- Почтовые сетки
- Интерактивные карты и диаграммы
- Ползунки и переключатели
- Еще
Если вам действительно нужны некоторые из премиальных расширений, плагин может оказаться более дорогим .Так что помните об этом, принимая решение. Другие плагины включают такую функциональность в свою указанную цену без необходимости покупать надстройки.
Цена: 16 долларов за основной плагин.
Главное меню Get Mega
Выбор лучшего плагина мегаменю WordPress для вас
Хорошо, это большой «старый» список из 8 различных плагинов мегаменю. Но какой из этих плагинов мегаменю вам следует выбрать для своего сайта? Давайте рассмотрим несколько сценариев…
Если вам нужен самый быстрый и простой способ настроить мегаменю в обычном стиле для вашего сайта на WordPress, то лучший вариант — это мегаменю WP от MyThemeShop, поскольку оно простое в использовании.
Если вам нужен бесплатный плагин для мегаменю , тогда у вас действительно не так много выбора — Max Mega Menu — единственный надежный вариант.
Если вы хотите проявить творческий подход с вертикальными меню и всевозможными стилистическими эффектами , обратите внимание на Slick Menu или Superfly.
Если вам нужно что-то настраиваемое, , тогда обратите внимание на UberMenu. Настройка может занять у вас немного больше времени, чем WP Mega Menu, но оно также предлагает большую гибкость для тех, кто хочет потратить время на настройку.
В то время как другим параметрам мегаменю в этом списке есть что предложить, на мой взгляд, перечисленные выше являются лучшими из лучших. А теперь иди и начни делать свои меню достойными мега-отличия!
Удобны ли мегаменю?
К счастью, гуру пользовательского опыта Nielsen Norman Group недавно занялись вопросом, действительно ли мегаменю улучшают навигацию по сайту.
Их выводы? Если вы принимаете некоторые меры предосторожности, мегаменю обычно улучшают удобство использования вашего сайта, облегчая вашим посетителям поиск того, что они ищут.
Так что это за меры предосторожности?
- Время отображения — Поскольку мегаменю занимают приличную часть площади экрана, важно добавить как минимум 0,5-секундную задержку, если вы показываете мегаменю при наведении курсора.