Більше результатів...

Загальні селектори
Тільки точні збіги
Шукати у заголовках
Шукати у контенті
Вибір типів постів
Фільтрувати за категоріями
FAQ
Hostenko
Натхнення
Відео уроки
Новини
Плагіни
теми
Уроки
Хакі

Меню на сайті полегшують переміщення відвідувачів сайтом. Веб-сайти з великою кількістю контенту не можуть працювати лише за допомогою звичайних меню. Більшість контенту такого сайту навряд чи в них впишеться. І тут вступає у дію мега-меню. Зовнішній вигляд і функції меню багато в чому залежить від того, яку технологію ви використовуєте. Багато плагін WordPress для мега-меню обіцяють вам так багато функцій, що найкраще для себе в цьому переліку важко знайти.

З цієї великої кількості плагінів мега-меню є той, що підходить для більшості користувачів. Це плагін WP MegaMenu. Він пропонує всі основні функції та функціональні можливості, і він безкоштовний.

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!

У статті ми розглянемо основний функціонал плагіна WP Mega Menu, як його встановити та налаштувати.

Функції WP Mega Menu

Широкий діапазон функцій WP Mega Menu включає:

  • Перетягування меню.
  • Візуальна побудова меню.
  • Віджети у пунктах меню.
  • Варіант кількох тем.
  • Експортувати/імпортувати теми меню.
  • Брендинг з логотипом та соціальні іконки.
  • Маркування меню / значки.
  • Підтримка піктограм.
  • Розтягнуте меню та зображення на тлі меню.
  • Адаптивне та мобільне меню.
  • Необмежені кольори та варіанти Google шрифтів.

Розглянемо деякі з потужних функцій докладніше.

Функціональність побудови меню перетягування

плагін Mega Menu для вордпрес

Після того, як на вашому сайті встановлений плагін WP Mega Menu, можна створити меню, використовуючи функції перетягування. Додайте рядки, а потім перетягніть віджети до стовпчиків цих рядків. Цей плагін WordPress автоматично зберігає зміни під час редагування макетів меню. Вам не потрібно писати код чи щось програмувати. Потужна система перетягування WP Mega Menu дозволяє створювати найкращі меню з мінімальними зусиллями.

Повністю адаптивне та мобільне меню

плагін Mega Menu для вордпрес

Меню, створені за допомогою WP Mega Menu, будуть на 100% адаптивними та мобільними. Незалежно від розміру пристроїв, на яких працює ваш сайт, у нього не буде проблем із відображенням. Ви можете керувати адаптацією до роздільної здатності екрана, щоб автоматично перемикатися між настільними та мобільними версіями. Меню вашого веб-сайту буде добре працювати у всіх ОС.

Інтеграція з WooCommerce

плагін Mega Menu для вордпрес

Якщо у вас є товари для показу та продажу на вашому сайті, WP Mega Menu надає фантастичний спосіб прямого доступу відвідувачів до деталей продукту прямо з меню. У вас є система відображення продуктів eCommerce в елементах меню. Перетворіть свій сайт на сайт з високо організованою навігацією eCommerce за допомогою Mega Menu.

Багаторівневі меню, що випадають

плагін Mega Menu для вордпрес

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

Розширені функції

плагін Mega Menu для вордпрес

Використовуйте будь-який короткий код у меню. Поряд з цим у вас є можливість використовувати два встановлені розширені віджети: додавання фотографій, заголовків і невеликих деталей, які будуть відображатися під час зависання над ними.

Соціальні іконки та опція пошуку в меню

плагін Mega Menu для вордпрес

У вас є система пошуку за промовчанням WordPress прямо у вашому меню. З плагіном WP Mega Menu ви можете зробити це лише за кілька кліків.

Розміщуйте посилання на соціальні мережі зі своїми значками та стилями безпосередньо в меню.

Повнота налаштувань

плагін Mega Menu для вордпрес

WP Mega Menu дозволяє повністю настроювати меню. Налаштування цього меню та внесення необхідних змін досить просте. Встановлюйте відступи та поля будь-якого елемента в меню. Керуйте видимістю меню відповідно до пристроїв, на яких будуть працювати ваші меню. Також можна накладати ефекти на елементи меню. Використовуйте різноманітні елементи, такі як значки, параметри фону під час налаштування меню.

Багатомовний: WPML-сумісний

плагін Mega Menu для вордпрес

Незалежно від того, якою мовою ваш сайт буде працювати, WP Mega Menu не матиме проблем ні з якими мовами. Він повністю сумісний із WPML. Робіть свій контент меню будь-якою мовою, і меню працюватиме.

Як побудувати мега-меню на вашому сайті WordPress

1. Встановіть плагін WP Mega Menu

Як і будь-який інший плагін WordPress, ви можете встановити його на свій сайт двома різними способами. Спочатку перейдіть до Особистий кабінет -> Плагіни -> Додати новий. Вкажіть у рядку пошуку WP Mega Menu і натисніть Встановити зараз. Потім активуйте плагін, коли з'явиться кнопка Активувати.

плагін Mega Menu для вордпрес

Ви також можете завантажити плагін WP Mega Menu із каталогу WordPress. Потім відкрийте панель інструментів WordPress. Перейдіть в Плагіни -> Додати новий -> Завантажити плагін. Завантажте ZIP-файл із плагіном та натисніть «Встановити зараз».

плагін Mega Menu для вордпрес

Активуйте плагін після повідомлення про успішне встановлення. Фактично сама система попросить його активувати.

2. Створіть меню

Насамперед, створіть меню, перейшовши в панель інструментів WordPress -> Зовнішній вигляд -> Меню. Потім створіть нове меню. Так WordPress дозволяє створювати меню за промовчанням.

плагін Mega Menu для вордпрес

3. Глобальні налаштування WP Mega Menu

Знайдіть вкладку WP Mega Menu на лівій бічній панелі та натисніть на неї.

плагін Mega Menu для вордпрес

4. Створіть тему меню

Теми меню визначають стилі та поведінку навігаційних панелей у меню. Щоб створити тему меню, відкрийте WP Mega Menu -> Теми. Ви можете створити нову тему або імпортувати її. Натисніть кнопку «Імпортувати тему» ​​або «Створити нову тему», щоб виконати дію.

плагін Mega Menu для вордпрес

5. Налаштування елементів Mega Menu

Завітайте до панелі інструментів WordPress -> Зовнішній вигляд -> Меню. Параметр WP Mega Menu з'явиться під час наведення курсору миші на елементи меню.

плагін Mega Menu для вордпрес

Клацніть на нього, щоб зробити установки. Встановіть для Mega Menu значення «Так» і натисніть «Додати рядок», щоб вибрати рядки та стовпці. Також виберіть тему меню зліва.

плагін Mega Menu для вордпрес

Магазин у мега-меню

Зліва ви побачите корисні віджети, за допомогою яких можна додати розширені функції. Перетягніть віджет WPMM Grid WooCommerce та помістіть його в стовпець.

плагін Mega Menu для вордпрес

Відредагуйте віджет WPMM Grid WooCommerce. Розмістіть свої товари із зображеннями та інформацією, як ви хочете, щоб покупці їх бачили. Ви можете вказати назву та вибрати певну категорію чи всі категорії для відображення товарів з усіх категорій.

плагін Mega Menu для вордпрес

Ви закінчили створення першого мега-меню для вашого сайту WordPress. З цим революційним дизайнером WordPress для меню ви можете багато зробити. Щоб дізнатися, що він вміє робити, і як це зробити, прочитайте докладну документацію до плагіна.

inet.ws - Powerful VPS Hosting в США, Canada, UK та DE!
Олексій Шевченко
редактор wpcafe
Вивчає сайтобудування з 2008 року. Практикуючий вебмайстер, який спеціалізується на створенні сайтів на WordPress. Задати питання Олексію можна на https://profiles.wordpress.org/wpthemeus/

Коментарі до запису: 7

Денніс:

Groovy Mega Menu PRO: https://groovymenu.grooni.com
Groovy Mega Menu Free: https://wordpress.org/plugins/groovy-menu-free/

Сергій:

Плюсану теж за Groovy Menu на сьогоднішній день це найкращий плагін за всіма параметрами. Автоматично інтегрується з більшості темами, якими я пробував, багатий функціонал, є безкоштовна версія (щоправда урізана, але для тестів вистачає), є підтримка російської мови. Постійно оновлюється та допилюється, саппорт чуйний. Маст хев

Вік:

груві меню вже став стандартом для додавання меню, я ось тільки чекаю коли вони з Divi додадуть підтримку

Ніна:

Намагаюся оцінити можливості WP для вирішення наступного завдання. Потрібно створити багаторівневе меню з великою кількістю рівнів і додатковою властивістю: у кожному пункті меню треба забезпечити можливість переглядати один або кілька окремих файлів з текстами, картинками або відео. Як я зрозуміла, треба для кожного пункту меню вказати не одну, а кілька посилань на файли, що викликаються. В інструкції я виявила можливість введення лише одного посилання. Чи можна їх вказати кілька штук? Напишіть мені будь ласка. Дякую.

Омак:

Дякую за статтю!

Олександр:

Добрий день. У мене елементи меню норовлять вишикується горизонтально, незважаючи на те, що меню вертикальне. Тимчасово вирішив проблему збільшенням шрифту, але на постійній основі це не вихід. Чи не підкажете, в чому може бути справа?

Support Hostenko:

Добрий день.

Важко відповісти однозначно, що викликає таку помилку. Перевірте сумісність теми з плагіном wp-mega-menu. Також варто подивитися логи помилок та веб-консоль браузера, і пошукати помилки чи конфлікти налаштувань.

Додати коментар або відгук