Блок Gutenberg
Блок MenuX — это нативный блок WordPress, который позволяет размещать меню прямо в редакторе сайта (Site Editor): без шорткодов, без виджетов и без PHP.
Когда использовать блок
Используйте блок Gutenberg, если:
- Ваша тема поддерживает полное редактирование сайта (FSE) (например, Twenty Twenty-Four, Kadence, Blocksy).
- Вы хотите управлять макетом шапки из редактора сайта (Внешний вид → Редактор).
- Вы предпочитаете визуальную работу с перетаскиванием вместо вставки шорткодов.
Если вы используете классическую тему (не FSE), подходящим инструментом будет шорткод.
Добавление блока на страницу или в шаблон
- Откройте страницу или шаблон, который хотите отредактировать. Для шапок, общих для всего сайта, перейдите в Внешний вид → Редактор → Шаблоны и откройте часть шаблона шапки.
- Нажмите кнопку вставки + (на панели вверху слева или внутри пустой области блока).
- Найдите MenuX или Menu Builder.
- Нажмите на блок, чтобы вставить его, или перетащите его на нужное место.
Блок зарегистрирован под именем giuliomax/menu. Если вы используете дочернюю тему или собственный код, который обращается к блокам по имени, используйте этот идентификатор.
Панель настроек блока
Когда выбран блок MenuX — Menu, его настройки отображаются в правой боковой панели на вкладке Блок.
| Настройка | Описание |
|---|---|
| Расположение меню | Выберите, какое расположение отображать. Будут показаны пункты, назначенные этому расположению в разделе Menu Builder → Menu Structure. |
Тема, мобильный стиль, поиск, корзина и все остальные настройки внешнего вида задаются глобально в Menu Builder — они применяются к каждому экземпляру блока или шорткода на вашем сайте.
Рекомендуется: размещение в шапке FSE
- Перейдите в Внешний вид → Редактор.
- В левой панели нажмите Части шаблона → Шапка (или создайте новую часть шаблона шапки).
- Внутри шапки добавьте блок Строка или Группа, чтобы управлять выравниванием.
- Вставьте блок MenuX внутрь этой строки.
- С помощью элементов управления шириной и выравниванием блока расположите меню (например, на всю ширину, с выравниванием по правому краю).
- Нажмите Сохранить. Теперь меню работает на всех страницах, использующих этот шаблон шапки.
Вы можете разместить несколько блоков MenuX в одном шаблоне — например, основную навигацию в шапке и вспомогательную в подвале, — каждый из которых указывает на своё расположение меню.
Классические темы и блочный редактор
Если ваша тема не FSE, но вы всё же используете блочный редактор для содержимого страниц, вы можете вставить блок MenuX в любую страницу. Однако для навигации, общей для всего сайта, в классических темах более надёжным подходом будет шорткод, размещённый в области виджетов или в файле темы header.php.