Недавно один из наших читателей спросил, можно ли добавить мега-меню на ваш сайт WordPress? Мега-меню позволяют добавлять в навигацию выпадающие меню из нескольких столбцов с помощью мультимедийных файлов, таких как изображения и видео. В этой статье мы покажем вам, как легко добавить мега-меню на ваш сайт WordPress.
^
Почему и кому следует добавлять мега-меню в WordPress?
Мега-меню особенно полезны для сайтов с большим количеством контента. Это позволяет владельцам сайтов показывать больше элементов в их главном меню.
Популярные веб-сайты, такие как Reuters, Buzzfeed и Starbucks, используют мега-меню для отображения очень интересных и интерактивных навигационных меню.
^
Хотя стандартные меню навигации WordPress позволяют добавлять выпадающие подменю и даже добавлять значки изображений рядом с каждым элементом, иногда вам просто нужно мегаменю.
Давайте посмотрим, как легко добавить мега-меню на ваш сайт WordPress.
Добавление мега-меню в WordPress
Первое, что вам нужно сделать, это установить и активировать плагин Max Mega Menu. Это лучший бесплатный плагин WordPress для мегаменю, доступный на рынке. Для получения более подробной информации, смотрите наше пошаговое руководство по установке плагина WordPress.
После активации плагин добавит новый пункт меню, Mega Menu, в ваше меню администратора WordPress. Нажав на нее, вы попадете на страницу настроек плагина.
^
Настройки по умолчанию будут работать для большинства сайтов. Однако вам нужно будет изменить цвета меню, чтобы они соответствовали цветам, используемым контейнером навигационного меню вашей темы WordPress.
Чтобы узнать, какие цвета используются в вашей теме, вы можете использовать инструмент Inspect в вашем браузере.
^
Как только вы получите цветной шестнадцатеричный код, вы можете вставить его в текстовый файл для последующего использования.
Далее вам нужно посетить страницу настроек мегаменю, нажать вкладку «Темы меню» и затем перейти в раздел «Строка меню».
^
Здесь вы можете заменить цвет фона, используемый мегаменю, в соответствии с контейнером навигационного меню вашей темы.
Не забудьте нажать кнопку «Сохранить изменения», чтобы сохранить настройки.
Теперь, когда мы настроили параметры мегаменю, давайте продолжим и создадим наше мегаменю.
Сначала вам нужно посетить страницу «Внешний вид» меню, а затем добавить элементы верхнего уровня в вашу навигацию. Для получения подробных инструкций см. Руководство для начинающих по созданию навигационных меню в WordPress.
Затем на экране меню необходимо включить мегаменю, установив флажок «Макс. Настройки мегаменю».
^
После этого вам нужно подвести указатель мыши к пункту меню, и на вкладке меню появится кнопка «Мега-меню».
Нажатие на кнопку вызовет всплывающее окно. Здесь вы можете добавить любой виджет WordPress в свое мегаменю и выбрать количество столбцов, которые хотите отобразить.
^
Вы также можете нажать на значок гаечного ключа на виджете, чтобы изменить настройки виджета. Не забудьте нажать кнопку «Сохранить», чтобы сохранить настройки виджета.
Как только вы закончите, вы можете закрыть всплывающее окно и посетить свой веб-сайт, чтобы увидеть мегаменю в действии.
^
Мы надеемся, что эта статья помогла вам узнать, как добавить мега-меню в WordPress. Вы также можете ознакомиться с нашим руководством о том, как ускорить работу WordPress и повысить производительность для начинающих.
