Опис

Цей плагін мега-меню WordPress дозволяє створювати індивідуальні меню навігації сайту в Gutenberg.

Примітка: цей блок навігації WP створений для повноцінного редагування сайту в WordPress. Поки повне редагування сайту не стане доступним в ядрі WP, плагін надає обмежені можливості, оскільки його не можна повністю інтегрувати з навігаційним меню.

Плагін навігаційного меню WordPress додає кілька безкоштовних блоків мега-меню Gutenberg для різних цілей:

Блок мега-меню.
Блок пунктів мега-меню.
Простий блок меню.
Простий блок пунктів меню.

Блок пунктів мега-меню дуже гнучкий – він дозволяє додавати спадні меню, які можуть впоратися з будь-яким блоком WordPress, надаючи вам повний контроль над зовнішнім виглядом ваших меню.

Як можна підійти до плагіна мега-меню WordPress:

Блок мегаменю – це контейнер, який може обробляти лише пункти мега-меню, які, у свою чергу, можуть обробляти вкладені спадні списки, тобто містити будь-які інші блоки.
Блоки простого меню можуть містити пункти простого меню, які можуть обробляти спадні списки з іншими пунктами простого меню.
Ширина, колір, розмір шрифту, макети (горизонтальні та вертикальні) деяких блоків навігації повністю персоналізуються.
За бажанням ви можете перетворити навігаційне меню WordPress на «кнопку гамбургера» для мобільних пристроїв.

Шукаєте найкращий аддон Gutenberg?

Перегляньте Getwid WordPress Blocks – бібліотеку блоків і шаблонів із найвищим рейтингом для редактора блоків.

Авторські права

Navigation Block with Mega Menu, Copyright (C) 2020, MotoPress https://motopress.com/
Navigation Block with Mega Menu plugin is distributed under the terms of the GNU GPL.

Подяка

Скріншоти

Встановлення

Завантажте плагін в теку /wp-content/plugins/.
Активуйте плагін через меню «Плагіни» в WordPress.

Відгуки

georg03 04.09.2025 1 reply

Hello, thanks for creating a block based mega menu! I use this plugin in a couple of projects together with WP default themes Twenty Twenty-Five and Twenty Twenty-For and want to address some usability issues in front and backend. When creating a menu in FSE editor in a Header template part the dropdown/submenu is usually not visible when you click on a Menu Item. You have to scroll to view all items. The desired behaviour would be to see the whole submenu as shown in the WP plugin “Sreenshots” section. When you click on a Plain Menu item placed in a submenu it actually links within the Header Template to the linked page. I then see the frontend of the website within the Header Template which is apparently a bug. When I want to go back I get an error message and need to exit and re-enter the FSE editor. It would be nice to add also a menu-is-open class to body in order to make it non-scrollable when opening the menu. Currently the menu is not WCAG compatible, there are no aria attributes and you can not navigate through keyboard with TAB, Enter/Space, ESC. Thanks,Georg

Manuel Schmalstieg 21.08.2025 2 replies

First of all, thanks for providing a mega menu plugin that supports block themes and Full Site Editing 🙏 It would be very helpful if this plugin had a documentation page with some examples of how it should look. I tried to use it to build a mega menu, and found that the mobile version has a major usability issue : the toggle button to show the mega menu is way too small, only 20px wide. Maybe I didn’t built it correctly ? Hard to say without a demo that I could compare to. PS: I opened an issue on the github repository, with a screencapture that shows the problem.

Olybop 03.01.2024 1 reply

Le plugin parfait pour faire des méga menu en mode Gutenberg. fonctionne vraiment bien. le Bloc “mega menu” fonctionne bien, par contre erreur sur le “plain bloc” sur la version actuelle 1.0.6

toledogeeks 19.11.2023

This plugin saved the day for my plunge into building a custom block theme. The alternatives were ugly, huge mega-menu builds that are not easy to implement for a smaller site.

Huan 15.10.2023

Simple to use. I hope more people start using FSE/block-theme-friendly mega menu plugins. The mobile menu toggles should change to the ones from core navigation block. The “Plain Menu” block works the same as the core Nav block (did I miss something?)

Erik 10.07.2023

This plugin was very useful for adding a megamenu to my shop, I had to modify it a bit but the result is excellent! Definitely does not deserve this rating, keep it up guys!

Прочитати всі 12 відгуків

Учасники та розробники

“Navigation Block with Mega Menu” — проект з відкритим вихідним кодом. В розвиток плагіну внесли свій вклад наступні учасники:

“Navigation Block with Mega Menu” було перекладено на 3 локалізації. Дякуємо перекладачам за їх роботу.

Перекладіть “Navigation Block with Mega Menu” на вашу мову.

Цікавитесь розробкою?

Перегляньте код, перегляньте сховище SVN або підпишіться на журнал розробки за допомогою RSS.

Журнал змін

1.0.7, May 12 2025

Незначні виправлення та покращення.

1.0.6, Nov 16 2023

Покращена сумісність з WordPress 6.4.

1.0.5, May 22 2023

Додано можливість змінювати розмітку кнопки перемикання мобільного меню за допомогою фільтра.
Виправлено проблеми з продуктивністю, які могли бути спричинені великою кількістю дочірніх блоків у спадному меню.
Покращена сумісність із PHP 8.
Незначні покращення стилю.

1.0.4, Sep 16 2022

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

1.0.3, Aug 04 2022

Покращена сумісність із темою FSE.

1.0.2, Apr 04 2022

Покращено сумісність з WordPress 5.9.

1.0.1, Mar 22 2022

Виправлено проблему з розміром шрифту.
Додано клас ‘is-current’ для поточного пункту меню.
Додано фільтри для класів пунктів меню до блоків Пункт меню та Простий пункт меню.

0.0.3, May 28 2021

Виправлено проблему з додатковими CSS класами.

0.0.2, Aug 04 2020

Незначні виправлення та покращення.

0.0.1, Jul 27 2020

Початковий випуск.

Usability issues backend/frontend

Lacks a demo

Vraiment bien

Was perfect for Block site

Simple to use and keep it simple

Thank you!