Как добавить мега-меню на ваш сайт WordPress (шаг за шагом)

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

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

Зачем и кому нужно добавлять мега меню в WordPress?

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

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

Веб-сайт Starbucks с мега-меню

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

Давайте посмотрим, как легко добавить мега-меню на ваш сайт WordPress.

Если вам не понравилось видео или нужны дополнительные инструкции, то продолжайте читать дальше.

Добавление мегаменю в WordPress

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

После активации плагин добавит новый пункт меню, Mega Menu, в ваше меню администратора WordPress. Нажав на него, вы перейдете на страницу настроек плагина.

Настройки мега меню

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

Чтобы узнать, какие цвета используются в вашей теме, вы можете использовать инструмент Inspect в вашем браузере.

Использование инструмента инспекции для определения цветов навигационной панели

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

Далее, вам нужно посетить страницу настроек мега меню, перейти на вкладку «Темы меню», а затем выбрать раздел «Строка меню».

Цвета строки меню

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

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

Теперь, когда мы настроили параметры мега-меню, давайте продолжим и создадим наше мега-меню.

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

Далее, на экране меню вам нужно включить мега меню, установив флажок в поле ‘Max Mega Menu Settings’.

Включите мега-меню

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

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

Добавление виджетов в мегаменю

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

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

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий