Содержание

Блок Навигации (Navigation Block) — это мощный инструмент в WordPress 6, который полностью меняет подход к созданию меню. Теперь вы можете редактировать навигацию сайта визуально, прямо в редакторе блоков, управляя как структурой ссылок, так и их дизайном.

Этот блок особенно полезен, если вы используете блочные темы (FSE) или темы с поддержкой редактирования шаблонов. В этой статье мы подробно разберем, как добавить, настроить и стилизовать ваше меню.

Как добавить блок Навигации

Добавить меню на страницу очень просто:

  1. Нажмите кнопку (+) Добавить блок в верхнем левом углу редактора.
  2. Найдите в поиске Навигация (Navigation).
  3. Перетащите блок в нужное место.

Совет: Вы также можете ввести /navigation в пустом абзаце и нажать Enter для быстрой вставки.

Подробные инструкции по добавлению блоков

Создание и выбор меню

При добавлении блока у вас есть три пути:

  1. Выбрать существующее меню: Если у вас уже есть меню (например, созданное в "Классическом" виде), вы можете выбрать его.
  2. Создать новое меню: Начните с чистого листа.
  3. Автоматический выбор: Блок может сам подтянуть последнее использованное меню.

navigation 300x75

В настройках блока (на панели справа) вы можете переключаться между разными меню или создавать новые через выпадающий список Меню.

Menu settings 207x300

Добавление ссылок

В пустое меню можно добавлять различные элементы. Нажмите на иконку (+) внутри блока навигации, чтобы увидеть доступные опции.

image 4 300x269

Вы можете добавлять:

  • Пользовательская ссылка: Любой URL (внешний или внутренний).
  • Ссылка на страницу/запись: Поиск по существующему контенту.
  • Категории и теги: Ссылки на архивы рубрик.
  • Логотип сайта: Автоматически добавляет логотип.
  • Поиск: Форма поиска прямо в меню.
  • Социальные иконки: Ссылки на соцсети.

Image showing what adding something to the navigation block looks like

Управление структурой (Вложенные меню)

Создание выпадающих списков (подменю) стало интуитивным:

  1. Выберите пункт меню, к которому хотите добавить подпункт.
  2. В панели инструментов нажмите иконку Подменю (выглядит как изогнутая стрелка).
  3. Добавьте новые ссылки в открывшуюся ветку.

Image with a red arrow pointing out where the submenu icon is

Вы также можете использовать Список (List View) для перетаскивания пунктов меню и создания иерархии. Это самый удобный способ для сложных структур.

Image showing the List View built into the navigation block

Настройка дизайна и расположения

Блок Навигации предлагает гибкие настройки внешнего вида. Вы можете выравнивать элементы:

  • По левому краю.
  • По центру.
  • По правому краю.
  • Пространство между (Space Between): Равномерное распределение пунктов по ширине.

Image showing the various justification settings

Стилизация

В правой панели настроек вы можете изменить:

  • Цвета: Текст, фон, цвет ссылок и подменю.
  • Типографику: Размер шрифта, начертание, межбуквенный интервал.
  • Отступы: Расстояние между пунктами меню.

image 3

Преобразование ссылок

Если вы добавили "Список страниц" (Page List), который автоматически выводит все страницы, вы не сможете редактировать или перемещать отдельные пункты. Чтобы получить полный контроль, используйте меню преобразования — это превратит динамический список в набор редактируемых ссылок.

transform 4 300x221

Заключение

Блок Навигации в WordPress 6 дает вам полный контроль над меню без необходимости лезть в код или использовать сложные плагины. Это шаг вперед к полному визуальному редактированию сайта (Full Site Editing).

Попробуйте создать свое первое блочное меню и поэкспериментируйте с настройками дизайна!