Чтобы сделать меню WordPress, сначала составьте список важных разделов, затем добавьте их в навигацию активной темы. В блочной теме меню редактируется через Site Editor и блок «Навигация», в классической теме — через экран «Меню», если он доступен. Создание меню не всегда автоматически размещает его в шапке: это нужно проверить отдельно.
Какие пункты нужны в меню
Для небольшого сайта достаточно основных разделов: «Услуги», «Работы», «О компании», «Контакты». Если есть блог — добавьте его только когда он действительно наполнен. Самая важная услуга может быть отдельным пунктом; второстепенные подробности лучше разместить внутри страницы услуги.
Не делайте одинаковыми заголовки разных разделов. Не прячьте критически важную информацию в глубоких подменю, которыми трудно пользоваться с клавиатуры и на телефоне.
В блочной теме: Site Editor
- Перейдите в Внешний вид → Редактор → Навигация, если раздел поддерживается темой.
- Выберите существующее меню или создайте новое; добавьте опубликованные страницы либо произвольные URL.
- Упорядочьте элементы и настройте вложенность подменю.
- Убедитесь, что блок «Навигация» подключён в шапке к созданному меню.
- Сохраните изменения и проверьте реальную страницу.
Важно: список навигаций в редакторе и блок меню в шапке — связанные, но не тождественные объекты. Если новый список не появился на сайте, проверьте выбор меню в блоке Header.
В классической теме: экран «Меню»
Во многих классических темах путь начинается с Внешний вид → Меню или Внешний вид → Настроить. Создайте меню, добавьте страницы, настройте порядок и назначьте место отображения, которое предоставляет конкретная тема — например, основное меню в шапке.
Если такого пункта нет, не применяйте инструкцию для классической темы вслепую. Проверьте активную тему и её документацию. Разница между блочной и классической темой.
Произвольные ссылки и подменю
В меню можно добавить ссылку на внешний ресурс. Проверьте адрес и подпись, предупредите пользователя, если ссылка ведёт на другой сайт в необычном сценарии. Для ссылок в пределах сайта предпочтительно использовать существующие страницы — это снижает риск ошибки при переезде.
Подменю добавляйте только когда посетителю действительно нужно выбрать подраздел. На мобильном устройстве проверьте, как раскрывается список и можно ли закрыть его без мыши.
Проверка мобильного меню
- Кнопка раскрытия видна и имеет понятное обозначение.
- Текст не обрезается и не перекрывается фиксированной шапкой.
- Все пункты доступны с клавиатуры и сенсорного экрана.
- Текущий раздел можно определить визуально.
- Внутренние ссылки не ведут в черновики или 404.
- Подменю можно открыть и закрыть без непредсказуемого поведения.
Если меню не изменилось
Меню создано, но не показано. Проверьте, назначено ли оно в конкретный Navigation block или в область меню классической темы.
Пункты повторяются автоматически. Некоторые темы генерируют список страниц при отсутствии назначенного меню. Удалите лишнюю автоматическую навигацию только после проверки выбранной темы.
Ссылка на главную ведёт на старый адрес. Сверьте URL главной через настройку статической страницы и постоянные ссылки.
Изменения видны в админке, но не на сайте. Проверьте сохранение и кеширование.
Критерий готовности: посетитель за понятное число действий находит нужную страницу с компьютера и телефона.
Источник: https://wordpress.org/documentation/article/site-editor-navigation/
Материал был полезен?
Помогите нам сделать материалы точнее и понятнее.