Home

🔷 Блок: Navigation / Навигация

📌 Что это

Navigation — это блок Gutenberg для создания меню сайта.

Например:

Home
About
Services
Blog
Contacts

Пользователь нажимает на пункт меню и переходит на нужную страницу.

Простыми словами:

Navigation = меню сайта.

В WordPress этот блок используется для редактирования меню сайта: и структуры, и внешнего вида. Он особенно важен в block themes и Site Editor.

⚙️ Функции

Блок позволяет:

создавать меню сайта;
добавлять ссылки на страницы;
добавлять custom links / произвольные ссылки;
добавлять submenu / выпадающие подменю;
менять порядок пунктов меню;
удалять пункты меню;
выбирать существующее меню;
создавать новое меню;
настраивать выравнивание пунктов;
располагать меню горизонтально или вертикально;
настраивать мобильное меню;
показывать меню как burger / иконку меню;
настраивать цвета;
настраивать типографику;
настраивать расстояние между пунктами;
добавлять CSS-класс в Advanced.

🎯 Зачем нужен

Чтобы пользователь мог перемещаться по сайту.

Например, у тебя есть справочник по WordPress:

Главная
Gutenberg
Media Blocks
Design Blocks
Widgets
Themes
Plugins
CSS
Hosting

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

Без меню пользователь может потеряться, особенно если сайт большой.

📍 Где используется чаще всего

шапка сайта;
футер;
боковая навигация;
страница справочника;
документация;
база знаний;
блог;
интернет-магазин;
лендинг с несколькими разделами;
сайты с большим количеством страниц.

⚠️ Важно

Navigation — это не просто список ссылок.

Это именно меню сайта, которое обычно используется в Header / шапке или Footer / футере.

Например:

Header
 ├─ Site Logo
 ├─ Navigation
 └─ Button

Или:

Footer
 ├─ Navigation
 ├─ Social Icons
 └─ Copyright

⚠️ Navigation или Page List

Они похожи, но логика разная.

Page List автоматически показывает список страниц сайта.

Home
About
Services
Contacts

Navigation — это меню, которое ты контролируешь вручную.

Ты сам решаешь:

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

Простыми словами:

Page List = автоматический список страниц
Navigation = управляемое меню сайта

⚠️ Submenu / Подменю

В Navigation можно делать вложенные пункты.

Например:

Gutenberg
 ├─ Media
 ├─ Design
 ├─ Widgets
 └─ Theme Blocks

Это удобно, если у сайта много разделов.

Для твоего WP Guide это особенно полезно: можно сделать один пункт Gutenberg, а внутри него группы блоков.

⚠️ Мобильное меню

Navigation может показываться по-разному на компьютере и телефоне.

На компьютере:

Home   About   Blog   Contacts

На телефоне:

☰

После нажатия открывается меню.

В настройках Navigation обычно можно выбрать, когда показывать иконку меню: на мобильных устройствах или всегда. По умолчанию WordPress показывает menu icon на маленьких экранах.

⚠️ Navigation и Site Editor

В block themes меню часто редактируется не только на странице, а в шаблоне сайта:

Appearance → Editor → Header

То есть если ты меняешь Navigation в Header, это может изменить меню сразу на всём сайте.

Это удобно, но нужно быть внимательным: ты можешь редактировать не одну страницу, а общий шаблон.

⚠️ Тема может влиять

Тема может влиять на:

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

Если Navigation выглядит иначе в редакторе и на сайте — часто это связано со стилями темы.

🧠 Простыми словами

Navigation — это блок для меню сайта.

Он нужен, чтобы пользователь мог переходить между основными страницами и разделами.

Page List — автоматический список страниц.
Navigation — полноценное управляемое меню.