TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

Обзор QuadMenu: простые, мощные мегаменю для WordPress

71

В мире плагинов мегаменю WordPress выделяется QuadMenu. Плагин упрощает создание мегаменю, поэтому, если вы ищете такой плагин, не смотрите дальше и копайтесь в нашем обзоре QuadMenu.

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

Что такое QuadMenu?


Обзор QuadMenu: простые, мощные мегаменю для WordPress

Если это все ново для вас, QuadMenu – это плагин премиум-класса для мегаменю от QuadLayers, многообещающего автора в CodeCanyon. Вы не слышали об этом, вероятно, потому что QuadMenu все еще относительно новый на рынке. Я имею в виду, на момент написания ему всего четыре месяца. Тем не менее, QuadMenu дает конкурентам возможность за свои деньги. Главное преимущество QuadMenu в том, что он одинаково подходит как для новичков, так и для разработчиков.

Для новичков QuadMenu поставляется с интуитивно понятным интерфейсом, который помогает создавать потрясающие мегаменю без написания кода. У разработчиков тоже есть повод для улыбки, ведь интегрировать QuadMenu с вашими темами с самого начала невероятно просто.

Бесплатная версия QuadMenu предлагает вам ознакомиться с функциями, но в этом обзоре мы проведем тестовую поездку с премиальной версией. Мы считаем, что это дает вам всестороннее представление о том, чего ожидать.

Бонус: Или вы можете скачать БЕСПЛАТНЫЙ плагин моста Total Theme QuadMenu, который добавляет индивидуальную поддержку и стиль только для пользователей темы Total.

Возможности плагина QuadMenu Mega Menu

Теперь давайте настроим QuadMenu и рассмотрим функции. Чтобы дать вам фору, вот краткий обзор функций.

  • Простой в использовании интерфейс перетаскивания – QuadMenu расширяет встроенную систему меню WordPress, добавляя интерфейс перетаскивания. Интерфейс помогает создавать впечатляющие мегаменю без навыков программирования.
  • Дизайн, удобный для мобильных устройств. Меню – важная часть вашего веб-сайта, без которой навигация затруднена. Сегодня вы не можете позволить себе игнорировать пользователей мобильных устройств, и QuadMenu помогает с меню для мобильных устройств.
  • Неограниченное количество скинов – стиль не должен умирать, когда он попадает в ваше меню, тем более, когда меню играют такую ​​важную роль в том, как читатели добираются до вашего контента. QuadMenu предоставляет вам большую стилистическую свободу.
  • Множество элементов и опций. Создавайте мегаменю по своему вкусу, используя такие элементы, как видео, значки, изображения, аудио, слайдеры, вкладки, столбцы, виджеты и многое другое.
  • Параметры разработчика – разработчики тем WordPress могут полностью интегрировать QuadMenu в свои темы.

Лучше всего, конечно, установить плагин и самостоятельно протестировать его функции.

Узнать больше о QuadMenu

Установка QuadMenu

Продолжая обзор QuadMenu, команда QuadLayers делает невероятно простым добавление этого мегаменю на ваш сайт WordPress. Таким образом, мы не ожидаем, что у вас возникнут какие-либо проблемы с установочной частью этого обзора.

Перейдите к Plugins в меню администратора WordPress и нажмите Add New, чтобы открыть экран, который мы показываем ниже.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Как показано на скриншоте выше, вы можете:

  1. Загрузите премиум QuadMenu со своего компьютера или
  2. Установите бесплатную версию QuadMenu с WordPress.org

Чтобы протестировать бесплатную версию, введите «QuadMenu» в поле поиска, как показано на изображении выше. Затем установите и активируйте плагин.

Однако для нашего обзора мы выберем первый вариант. Нажмите кнопку «Загрузить» и выберите ZIP-архив QuadMenu на своем компьютере. Завершите процесс установки и активируйте плагин.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Активация плагина перенаправляет вас на страницу параметров QuadMenu. На этом экране вы можете увидеть все местоположения меню, доступные в вашей теме, и другие настройки QuadMenu.

На изображении ниже мы покажем вам, как выглядит страница параметров QuadMenu Pro с нашей собственной темой Total WordPress.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Хотя тема Total WordPress имеет пять пунктов меню, мы фокусируемся на Main / Header. Другими словами, вы можете выбрать любое место меню, доступное в вашей теме WordPress.

При этом, что вы делаете на экране параметров QuadMenu? Хороший вопрос. Щелкните желаемое место в меню. В нашем случае мы нажимаем Main / Header, как показано ниже.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Затем переключатель ON кнопки, как показано выше, для того чтобы соединить QuadMenu с вашим местоположением меню. Затем нажмите кнопку «Сохранить».

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

Чтобы создать новую тему, нажмите кнопку «Создать тему» (3). Затем назовите свою тему, стиль, как хотите, и сохраните изменения. Когда тема готова, вы можете выбрать ее из раскрывающегося меню, которое мы помечаем как элемент номер четыре (4) на изображении выше.

В этом обзоре мы настраиваем тему по умолчанию вместо того, чтобы создавать новую тему. Теперь вы готовы создать мегаменю и стилизовать его до упора.

Создание мегаменю QuadMenu


Обзор QuadMenu: простые, мощные мегаменю для WordPress

Создавать мегаменю с помощью QuadMenu – дело четвероклассников. Мы создадим новое меню для этого обзора, но вы всегда можете интегрировать плагин с существующими меню.

Мы также импортировали одну из демонстраций Total, так что у нас есть некоторый контент для работы.

Помимо этого, перейдите в Внешний вид> Меню в меню администратора WordPress.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Несколько примечаний к изображению выше:

  1. Укажите здесь название вашего меню, если вы создаете новое меню. Мы идем с QuadMenu Demo
  2. Не забудьте сохранить изменения, используя эту кнопку. В противном случае вы потеряете все пользовательские изменения.
  3. После активации QuadMenu добавляется кнопка параметров QuadMenu PRO, которая появляется при наведении указателя мыши на любой пункт меню.
  4. Здесь вы выбираете расположение меню. Обратите внимание, что в месте меню, которое мы интегрировали с QuadMenu, есть значок, в отличие от других
  5. Здесь находится множество пунктов меню QuadMenu. Вы можете добавить эти элементы меню в свое меню так же, как и другие элементы, например страницы, категории, ссылки и т.д.

Когда новое меню готово, давайте добавим пару пунктов меню QuadMenu и посмотрим, как это пойдет. Просто перейдите к элементам QuadMenu, как показано под номером пять (5) на изображении выше.

Добавьте некоторые элементы в свое меню и сохраните изменения, как показано на изображении ниже.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

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

Вот так.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Arrrk! Наше меню выглядит ужасно, но никого не волную. Нам нужно:

  1. Удалите этот логотип QuadMenu, потому что он нам не нужен и потому что он освободит место для создания нашего меню.
  2. Отключите встроенные функции меню корзины и поиска Total, так как они сталкиваются с одними и теми же элементами в QuadMenu.

Вы можете быстро решить проблему. Следуйте инструкциям ниже.

Чтобы удалить логотип QuadMenu, перейдите в QuadMenu PRO> Параметры в меню WordPress. Затем выберите свою тему, например тему по умолчанию, и нажмите «Меню», как показано на снимке экрана ниже.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

На этом экране вы можете полностью настроить свое меню. Например, мы изменили фон нашего меню со сплошного цвета на градиент, когда мы выделяем на изображении выше.

Однако, чтобы удалить логотип, прокрутите экран вниз, пока не увидите эту опцию.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Вам нужно нажать кнопку «Удалить», а затем кнопку «Сохранить».

С исчезнувшим логотипом и установленным градиентом, нам нужно перейти в Общие параметры и деактивировать пункты меню «Поиск» и «Корзина».

Обратите внимание, что мы делаем это только для темы Total WordPress. Возможно, вам не потребуется делать это для вашей темы.

Отключение корзины и поиска в меню Total

Начнем с тележки с меню. Перейдите в Внешний вид> Настроить в меню администратора WordPress, чтобы запустить настройщик WordPress.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Затем прокрутите вниз и нажмите WooCommerce, как показано на изображении ниже.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

В открывшемся подменю щелкните вкладку Общие, как показано ниже.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

После этого просто выберите «Отключено» в раскрывающемся списке «Корзина меню: отображение», как показано ниже.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Наконец, нажмите кнопку «Опубликовать» , чтобы сохранить изменения. Кроме того, давайте также отключим поиск по меню.

Щелкните вкладку «Заголовок» в меню «Настройщик», как показано ниже.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

После этого нажмите вкладку «Поиск в меню », как показано на скриншоте ниже.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Наконец, выберите Disabled в раскрывающемся меню Style, как показано на изображении ниже.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Нажмите кнопку «Опубликовать», чтобы сохранить изменения. Теперь давайте посмотрим, как выглядит наше меню на нашем фиктивном сайте.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Вау. Меню теперь выглядит лучше, правда? Функции входа, корзины и поиска полностью функциональны. Не для злорадства или чего-то еще, но градиентный фон тоже на высоте. Кхм.

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

Настроить мегаменю QuadMenu

Вы собираетесь испытать QuadMenu во всем его великолепии. Интерфейс перетаскивания, о котором мы говорили, царит здесь.

Не теряя ни секунды, перейдите в Внешний вид -> Меню в меню администратора WordPress. На экране меню наведите указатель мыши на пункт меню, который хотите настроить, и нажмите появившуюся кнопку QuadMenu PRO.

В этой части мы выбираем настройку пункта мегаменю. См. Изображение ниже.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

При нажатии кнопки QuadMenu PRO открывается следующий интерфейс. Следующий экран позволяет вам настроить этот конкретный пункт меню, то есть Mega, в широких пределах.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Здесь щелкните вкладку «Столбцы », чтобы мы могли разделить наше мегаменю на столбцы. Попробуем три столбца. Нажмите кнопку «Добавить столбец» три раза подряд, чтобы создать три пустых столбца, как показано ниже.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Примечание. На нашем изображении есть дополнительный столбец, но кто считает?

Теперь вы можете добавлять контент в эти столбцы. Для этого щелкните значок «плюс» (+), как мы отметили позицией номер пять (5) на изображении выше.

Щелчок по знаку «плюс» в первом столбце открывает вкладку «Виджеты QuadMenu », как показано на изображении ниже.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Короче говоря, мы добавили такие элементы, как календарь, в первый столбец, изображение во второй столбец, а также категории, недавние сообщения и облако тегов в третий столбец.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Далее сохраните свое меню. Посмотрим, что мы создали.

Обзор QuadMenu: простые, мощные мегаменю для WordPress

Виола – у нас есть мега меню господа! Наш календарь работает, изображение выглядит красиво и все остальные элементы присутствуют. Вы знали, что можете даже добавить ссылку на изображение?

Да, вы можете редактировать многие другие параметры с помощью пользовательского интерфейса QuadMenu или настройщика WordPress. Посмотрите, как мы добавили элементы в наше демонстрационное меню? Просто следуйте этой процедуре, проявите немного творчества, и вы станете золотым.

Самое приятное то, что вы можете добавлять все: продукты, виджеты, страницы, элементы Visual Composer, теги, пользовательские ссылки и все, что вы можете себе представить. QuadMenu полностью изменит способ создания и просмотра меню.

Другие параметры QuadMenu

Завершая наш обзор QuadMenu, разработчики будут рады узнать, что плагин поставляется с функциями разработчика, включая возможность загружать файл .less из папки в вашей теме, определять параметры по умолчанию для пользователей, создавать собственные анимации и многое другое.

Итог: QuadMenu – это звездный плагин мегаменю для начинающих и разработчиков. Плагин имеет достаточно опций, чтобы удовлетворить ваши потребности, и еще несколько. Другие примечательные функции, доступные в QuadMenu, включают:

  • Пользовательские CSS
  • Функция импорта / экспорта
  • Простая интеграция в социальные сети
  • Поддержка дочерних тем
  • Горизонтальные, вертикальные макеты и макеты вне холста
  • Анимации
  • Карусельные меню, позволяющие добавлять ползунки в мегаменю
  • Меню с вкладками
  • И многое другое

Заключительные слова для нашего обзора QuadMenu

Вот и мы, конец близок, но мы надеемся, что этот обзор QuadMenu дал вам хорошее представление о том, чего ожидать от плагина мегаменю для WordPress. QuadMenu – замечательный фрагмент кода, и при правильном использовании он может вывести ваши меню на новый уровень. Его легко использовать, что является дополнительным преимуществом.

Узнать больше о QuadMenu Посмотреть живую демонстрацию

Каковы ваши взгляды? Вы пробовали QuadMenu? Если да, то что вы узнали? Сообщите нам свои мысли в разделе комментариев ниже.

Заранее спасибо! С уважением, Фредди

Источник записи: https://www.wpexplorer.com

Leave A Reply

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. ПринимаюПодробнее