Блок «Навигация»

В блоке «Навигация» отображается меню сайта, которое позволяет посетителям перемещаться по страницам. Из этого руководства вы узнаете, как вставить и настроить блок «Навигация».

Блок «Навигация», как правило, размещается в шаблонах сайта, чаще всего в заголовке или подвале.

Чтобы добавить блок «Навигация», выполните следующие действия.

1. Откройте консоль вашего сайта.
2. Перейдите в раздел Внешний вид → Редактор.
3. Нажмите на миниатюру главной страницы справа, чтобы отредактировать главную страницу, либо выберите шаблон или часть шаблона, где должно размещаться меню навигации (например, заголовок).
4. Нажмите значок «+» инструмента вставки блоков и выполните поиск по запросу «навигация».
5. Нажмите на блок «Навигация», чтобы добавить его на сайт.

Вы можете ознакомиться с подробными инструкциями по добавлению блоков.

В только что вставленном блоке «Навигация» отображается меню сайта. Если пользовательское меню ещё не создано, в нём будет автоматически размещён блок «Список страниц», где будут отображаться все опубликованные страницы, и этот список станет обновляться по мере публикации новых страниц.

Чтобы указать, какие страницы должны попадать в список, добавить пользовательские ссылки или изменить порядок элементов меню, сначала потребуется преобразовать блок «Список страниц» в отдельные ссылки.

Выполните следующие действия, чтобы преобразовать блок «Список страниц».

1. В представлении в виде списка перейдите к блоку «Список страниц» внутри блока «Навигация».

2. Нажмите кнопку Редактировать на панели инструментов блока.

3. Появится предупреждение о том, что список страниц больше не будет обновляться автоматически. Нажмите Редактировать для подтверждения.

Теперь вы можете добавлять новые ссылки и страницы, удалять элементы меню и изменять порядок ссылок в меню.

Чтобы изменить определённые ссылки в блоке «Навигация», выполните следующие действия.

1. В представлении в виде списка перейдите к той ссылке, которую нужно настроить в блоке «Навигация».
2. На боковой панели настроек блока можно отредактировать следующие элементы.
   • Текст: измените текстовый ярлык, который появится в меню навигации.
   • Ссылка: обновите целевую страницу или URL-адрес.
   • Открывать в новой вкладке: установите флажок, чтобы ссылка открывалась в новой вкладке.
   • Описание: добавьте текст, который будет виден, если ваша тема поддерживает описания ссылок.
   • Атрибут Rel: установите отношения типа nofollow для поисковой оптимизации.
   • Стили: перейдите на вкладку «Стили», чтобы изменить размер шрифта и другие настройки типографики.

3. На панели блоков можно выполнить следующие действия.
   • Изменить ссылку: нажмите на значок ссылки, чтобы изменить URL-адрес, или укажите, что она должна открываться в новой вкладке.
   • Добавить форматирование: применяйте полужирный шрифт, курсив и другие опции форматирования текста.
   • Добавить подменю: нажмите значок подменю, чтобы создать раскрывающееся меню.
   • Переместить ссылку: нажимайте на стрелки влево/вправо, чтобы перемещать ссылку в меню.

Дополнительные сведения об управлении элементами меню см. в разделе Редактирование элементов меню.

Если вы создали несколько меню, можно разместить другое меню в блоке «Навигация».

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

1. В представлении в виде списка выберите блок «Навигация».
2. На боковой панели настроек блока щёлкните по значку ⋮ рядом с меню.

3. Можно выбрать один из приведённых далее вариантов.
   • Меню: выберите одно из уже созданных меню.
   • Импорт классических меню: адаптируйте классическое меню WordPress к редактору блоков. Вы увидите эту опцию, только если у вас есть классические меню WordPress, которые можно преобразовать.
   • Создать новое меню: начните с нуля, создав совершенно новое меню.

Подробную информацию об управлении меню см. в наших руководствах по добавлению ссылок, созданию раскрывающихся списков и изменению порядка элементов.

Чтобы настроить внешний вид блока «Навигация» для посетителей, выполните следующие действия.

1. В представлении в виде списка выберите блок «Навигация».
2. На боковой панели настроек блока щёлкните по значку «Настройки».

3. Настройте параметры макета.
   • Выравнивание: выберите режим выравнивания — по левому краю, по центру, по правому краю или через равные интервалы между элементами.
   • Ориентация: выберите горизонтальный (по умолчанию) или вертикальный макет меню.
   • Разрешить перенос по строкам: отключите эту опцию, чтобы разместить навигацию на одной строке.
4. Настройте параметры отображения.
   • Показывать кнопку значка: включите эту опцию, чтобы показывать значок в виде гамбургера, или отключите её, чтобы отображалась надпись «Меню».
   • Значок: выберите значок в виде гамбургера с двумя или тремя горизонтальными линиями.
   • Наложение меню: выберите Выкл, Мобильное (по умолчанию) или Всегда, чтобы указать, когда меню должно сворачиваться в наложение. Разработайте шаблон наложения, чтобы настроить внешний вид наложения мобильного меню.
5. Если у вас есть подменю, настройте поведение подменю.
   • Открывать по щелчку: включите, чтобы открывать подменю по щелчку, или отключите, чтобы подменю открывались при наведении курсора.
   • Показать стрелку: включите, чтобы были видны стрелки, указывающие на наличие подменю.

Дополнительные параметры настройки меню см. в разделе Настройка дизайна меню.

Чтобы настроить внешний вид блока «Навигация», выполните следующие действия.

1. В представлении в виде списка выберите блок «Навигация».
2. На боковой панели настроек блока щёлкните по значку Стили.

3. Настройте внешний вид меню с помощью следующих параметров.
   • Настройки цвета: изменяйте цвета текста, фона и ссылок.
   • Настройки типографики: задайте семейство, размер и толщину шрифта.
   • Настройки разметки: укажите отступы, поля и интервалы.

Дополнительные параметры стилей меню см. в разделе Настройка дизайна меню.