Меню на сайті полегшують переміщення відвідувачів сайтом. Веб-сайти з великою кількістю контенту не можуть працювати лише за допомогою звичайних меню. Більшість контенту такого сайту навряд чи в них впишеться. І тут вступає у дію мега-меню. Зовнішній вигляд і функції меню багато в чому залежить від того, яку технологію ви використовуєте. Багато плагін WordPress для мега-меню обіцяють вам так багато функцій, що найкраще для себе в цьому переліку важко знайти.
З цієї великої кількості плагінів мега-меню є той, що підходить для більшості користувачів. Це плагін WP MegaMenu. Він пропонує всі основні функції та функціональні можливості, і він безкоштовний.
У статті ми розглянемо основний функціонал плагіна WP Mega Menu, як його встановити та налаштувати.
Функції WP Mega Menu
Широкий діапазон функцій WP Mega Menu включає:
- Перетягування меню.
- Візуальна побудова меню.
- Віджети у пунктах меню.
- Варіант кількох тем.
- Експортувати/імпортувати теми меню.
- Брендинг з логотипом та соціальні іконки.
- Маркування меню / значки.
- Підтримка піктограм.
- Розтягнуте меню та зображення на тлі меню.
- Адаптивне та мобільне меню.
- Необмежені кольори та варіанти Google шрифтів.
Розглянемо деякі з потужних функцій докладніше.
Функціональність побудови меню перетягування
Після того, як на вашому сайті встановлений плагін WP Mega Menu, можна створити меню, використовуючи функції перетягування. Додайте рядки, а потім перетягніть віджети до стовпчиків цих рядків. Цей плагін WordPress автоматично зберігає зміни під час редагування макетів меню. Вам не потрібно писати код чи щось програмувати. Потужна система перетягування WP Mega Menu дозволяє створювати найкращі меню з мінімальними зусиллями.
Повністю адаптивне та мобільне меню
Меню, створені за допомогою WP Mega Menu, будуть на 100% адаптивними та мобільними. Незалежно від розміру пристроїв, на яких працює ваш сайт, у нього не буде проблем із відображенням. Ви можете керувати адаптацією до роздільної здатності екрана, щоб автоматично перемикатися між настільними та мобільними версіями. Меню вашого веб-сайту буде добре працювати у всіх ОС.
Інтеграція з WooCommerce
Якщо у вас є товари для показу та продажу на вашому сайті, WP Mega Menu надає фантастичний спосіб прямого доступу відвідувачів до деталей продукту прямо з меню. У вас є система відображення продуктів eCommerce в елементах меню. Перетворіть свій сайт на сайт з високо організованою навігацією eCommerce за допомогою Mega Menu.
Багаторівневі меню, що випадають
Створюйте стільки пунктів меню, скільки хочете. Ви можете спроектувати багаторівневі меню, що випадають, і вони будуть виглядати однаково красиво. Збагатіть елементи основного меню за допомогою підменю зі списком. Це дасть вам ще більше можливостей навігації. Побудова таких багаторівневих меню, що випадають, набагато простіше за допомогою цього плагіна-редактора.
Розширені функції
Використовуйте будь-який короткий код у меню. Поряд з цим у вас є можливість використовувати два встановлені розширені віджети: додавання фотографій, заголовків і невеликих деталей, які будуть відображатися під час зависання над ними.
Соціальні іконки та опція пошуку в меню
У вас є система пошуку за промовчанням WordPress прямо у вашому меню. З плагіном WP Mega Menu ви можете зробити це лише за кілька кліків.
Розміщуйте посилання на соціальні мережі зі своїми значками та стилями безпосередньо в меню.
Повнота налаштувань
WP Mega Menu дозволяє повністю настроювати меню. Налаштування цього меню та внесення необхідних змін досить просте. Встановлюйте відступи та поля будь-якого елемента в меню. Керуйте видимістю меню відповідно до пристроїв, на яких будуть працювати ваші меню. Також можна накладати ефекти на елементи меню. Використовуйте різноманітні елементи, такі як значки, параметри фону під час налаштування меню.
Багатомовний: WPML-сумісний
Незалежно від того, якою мовою ваш сайт буде працювати, WP Mega Menu не матиме проблем ні з якими мовами. Він повністю сумісний із WPML. Робіть свій контент меню будь-якою мовою, і меню працюватиме.
Як побудувати мега-меню на вашому сайті WordPress
1. Встановіть плагін WP Mega Menu
Як і будь-який інший плагін WordPress, ви можете встановити його на свій сайт двома різними способами. Спочатку перейдіть до Особистий кабінет -> Плагіни -> Додати новий. Вкажіть у рядку пошуку WP Mega Menu і натисніть Встановити зараз. Потім активуйте плагін, коли з'явиться кнопка Активувати.
Ви також можете завантажити плагін WP Mega Menu із каталогу WordPress. Потім відкрийте панель інструментів WordPress. Перейдіть в Плагіни -> Додати новий -> Завантажити плагін. Завантажте ZIP-файл із плагіном та натисніть «Встановити зараз».
Активуйте плагін після повідомлення про успішне встановлення. Фактично сама система попросить його активувати.
2. Створіть меню
Насамперед, створіть меню, перейшовши в панель інструментів WordPress -> Зовнішній вигляд -> Меню. Потім створіть нове меню. Так WordPress дозволяє створювати меню за промовчанням.
3. Глобальні налаштування WP Mega Menu
Знайдіть вкладку WP Mega Menu на лівій бічній панелі та натисніть на неї.
4. Створіть тему меню
Теми меню визначають стилі та поведінку навігаційних панелей у меню. Щоб створити тему меню, відкрийте WP Mega Menu -> Теми. Ви можете створити нову тему або імпортувати її. Натисніть кнопку «Імпортувати тему» або «Створити нову тему», щоб виконати дію.
5. Налаштування елементів Mega Menu
Завітайте до панелі інструментів WordPress -> Зовнішній вигляд -> Меню. Параметр WP Mega Menu з'явиться під час наведення курсору миші на елементи меню.
Клацніть на нього, щоб зробити установки. Встановіть для Mega Menu значення «Так» і натисніть «Додати рядок», щоб вибрати рядки та стовпці. Також виберіть тему меню зліва.
Магазин у мега-меню
Зліва ви побачите корисні віджети, за допомогою яких можна додати розширені функції. Перетягніть віджет WPMM Grid WooCommerce та помістіть його в стовпець.
Відредагуйте віджет WPMM Grid WooCommerce. Розмістіть свої товари із зображеннями та інформацією, як ви хочете, щоб покупці їх бачили. Ви можете вказати назву та вибрати певну категорію чи всі категорії для відображення товарів з усіх категорій.
Ви закінчили створення першого мега-меню для вашого сайту WordPress. З цим революційним дизайнером WordPress для меню ви можете багато зробити. Щоб дізнатися, що він вміє робити, і як це зробити, прочитайте докладну документацію до плагіна.
Коментарі до запису: 7
Groovy Mega Menu PRO: https://groovymenu.grooni.com
Groovy Mega Menu Free: https://wordpress.org/plugins/groovy-menu-free/
Плюсану теж за Groovy Menu на сьогоднішній день це найкращий плагін за всіма параметрами. Автоматично інтегрується з більшості темами, якими я пробував, багатий функціонал, є безкоштовна версія (щоправда урізана, але для тестів вистачає), є підтримка російської мови. Постійно оновлюється та допилюється, саппорт чуйний. Маст хев
груві меню вже став стандартом для додавання меню, я ось тільки чекаю коли вони з Divi додадуть підтримку
Намагаюся оцінити можливості WP для вирішення наступного завдання. Потрібно створити багаторівневе меню з великою кількістю рівнів і додатковою властивістю: у кожному пункті меню треба забезпечити можливість переглядати один або кілька окремих файлів з текстами, картинками або відео. Як я зрозуміла, треба для кожного пункту меню вказати не одну, а кілька посилань на файли, що викликаються. В інструкції я виявила можливість введення лише одного посилання. Чи можна їх вказати кілька штук? Напишіть мені будь ласка. Дякую.
Дякую за статтю!
Добрий день. У мене елементи меню норовлять вишикується горизонтально, незважаючи на те, що меню вертикальне. Тимчасово вирішив проблему збільшенням шрифту, але на постійній основі це не вихід. Чи не підкажете, в чому може бути справа?
Добрий день.
Важко відповісти однозначно, що викликає таку помилку. Перевірте сумісність теми з плагіном wp-mega-menu. Також варто подивитися логи помилок та веб-консоль браузера, і пошукати помилки чи конфлікти налаштувань.