Как добавить мегаменю WordPress на свой сайт

Опубликовано: 2019-12-27

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

Что такое Мега Меню и что оно нам дает?

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

Как добавить мегаменю на свой сайт WordPress — навигация по сайту, стоковое фото

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

  • Чтобы представить рекомендуемый контент
  • Как простой раздел для демонстрации предстоящих продуктов
  • Размещение в блогах, уникальные веб-элементы, необходимые расписания

Предоставление достоверной информации и завершение навигации по веб-сайту никогда не было проще.

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

Как добавить мегаменю на свой сайт WordPress

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

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

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

  • Простой в использовании интерфейс
  • Удивительная сторонняя тема и совместимость с плагинами
  • Мобильный дизайн, полностью готовый к работе с сетчаткой
  • Гибкие и уникальные пункты меню
  • Четыре уникальных пресета на выбор с дополнительными параметрами настройки
  • Специальные инструменты для разработчиков

добавить мегаменю WordPress Quadlayers

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

Как установить QuadMenu

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

добавить мегаменю wordpress - добавить новый плагин

Как добавить мегаменю на свой сайт WordPress — активировать quadmenu

Как настроить QuadMenu

После того, как вы установили его, список QuadMenu должен отображаться на боковой панели панели инструментов WordPress . Нажмите на него, чтобы перейти к интерфейсу плагина QuadMenu, и вас встретит страница плагина, которая попросит вас настроить его, активировав его в местах вашей темы.

Для этого просто щелкните предоставленную вам ссылку « Параметры » или щелкните « Параметры » в разделе «QuadMenu» на боковой панели панели инструментов.

Чтобы включить мегаменю, просто нажмите на каждый раздел темы и нажмите « Вкл .» в опции « Интеграция », как показано ниже.

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

Как настроить и создать мегаменю WordPress

Теперь, когда вы настроили QuadMenu, вы можете настроить его для своего магазина. Первое, что вы можете сделать, это создать меню. Для этого наведите указатель мыши на QuadMenu на боковой панели панели инструментов и нажмите « Меню ». Затем выполните следующие простые шаги:

  • Дайте вашему меню имя и нажмите « Создать меню ».

Как добавить мегаменю на свой сайт WordPress — создайте название меню

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

Как добавить мегаменю на свой сайт WordPress — расположение настроек меню

  • После того, как вы выбрали нужные параметры, нажмите « Сохранить меню ».

Добавление пунктов меню в ваше мегаменю

После того, как вы сохранили меню, вы можете добавить в него пункты меню. Для этого вы можете просто использовать столбец « Добавить элементы меню » слева и выбрать, какие страницы, сообщения или категории вы хотите добавить в свое мегаменю. Кроме того, вы можете добавить собственные URL-адреса, отметив нужные страницы/записи/категории.

add wordpress mega menu — добавить пункты меню

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

Пользовательские ссылки позволяют добавлять ссылки на различный контент, на который вы хотите направить трафик.

После того, как вы отметили все пункты меню, которые хотите добавить в свое мегаменю, нажмите « Добавить меню », чтобы создать мегаменю WordPress. Вы также можете изменить порядок пунктов меню, перетаскивая их вверх и вниз в окне справа от вас.

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

Привыкание к QuadMenu и его настройкам

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

Наведите указатель мыши на список QuadMenu на панели инструментов WP и нажмите « Параметры ». Вы увидите, что существует множество параметров настройки, которые относятся к различным категориям, от макетов до размеров меню, заполнения, анимации и многого другого.

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

Настройка вашего Мега Меню

Во-первых, макет и выравнивание.

  1. В разделе «Параметры » нажмите «Тема по умолчанию».
  2. Помимо Menu , вам будет предоставлено пять общих макетов меню. Выберите тот, который вам нравится
  3. Выберите подходящее выравнивание меню, которое изменяется в зависимости от вашего макета меню.
  4. Нажмите «Сохранить », когда закончите

Как добавить мегаменю на свой сайт WordPress — тема опций меню

Теперь давайте настроим наше меню, добавив фон, цвета и логотип.

  1. Нажмите «Меню » в разделе «Тема по умолчанию».
  2. Выберите между вариантами фона панели навигации
  3. Выберите, какой цвет фона и цвет текста вы хотите, чтобы ваш фон был
  4. Настройте высоту и ширину меню внизу
  5. Нажмите Сохранить

Как добавить мегаменю на свой сайт WordPress — цвета меню

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

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

Вывод

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

У вас есть опыт, которым вы можете поделиться? Дайте нам знать в разделе комментариев ниже!