Меню в WordPress: создание, ссылки и выпадающие подменю

Что такое меню в WordPress

Меню — список ссылок, обычно расположенный в шапке сайта. Посетители используют меню для навигации по разделам. WordPress поддерживает создание нескольких меню и назначение их в разные области (шапка, подвал, боковая панель, социальные ссылки).

Где редактировать меню

• Классические темы: Внешний вид → Меню (/wp-admin/nav-menus.php).
• Блочные темы: через Site Editor (редактирование навигационного блока) или Внешний вид → Меню (если тема поддерживает классические меню).

Создание меню

1. Внешний вид → Меню.
2. Нажмите Создать меню (create a new menu).
3. Введите название меню (например, «Главное меню»).
4. Нажмите Создать меню.

Несколько меню

Вы можете создать несколько меню для разных целей:

• Главное меню (шапка).
• Меню подвала (футер).
• Социальное меню (иконки соцсетей).
• Мобильное меню.

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

Из существующего контента

1. В левой панели выберите Страницы, Записи, Рубрики или Метки.
2. Отметьте нужные элементы.
3. Нажмите Добавить в меню.

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

1. В левой панели откройте Произвольные ссылки.
2. Введите URL и текст ссылки.
3. Нажмите Добавить в меню.

Главная страница

Добавьте ссылку на главную: URL = /, текст = «Главная».

Создание выпадающего меню (dropdown)

Выпадающее меню показывает подпункты при наведении или клике на родительский пункт:

1. Добавьте в меню родительский пункт и несколько дочерних.
2. Перетащите дочерний пункт чуть правее родительского — он станет подпунктом с отступом.
3. Сохраните меню.

Пример структуры:

О нас
Услуги
  └ Веб-разработка
  └ SEO-продвижение
  └ Поддержка сайтов
Контакты

⚠️ AI-ассистент для меню — функция WordPress.com, недоступная на self-hosted. На WordPress.org меню создаются вручную или через WP-CLI.

Назначение области отображения

После создания меню его нужно назначить:

1. Прокрутите вниз до секции Области отображения (Display location).
2. Отметьте нужную область:
   • Primary Menu (основное, в шапке).
   • Footer Menu (подвал).
   • Social Menu (социальные ссылки) — если поддерживается темой.
3. Сохраните.

Перетаскивание и сортировка

• Drag & drop: перетаскивайте пункты для изменения порядка.
• Отступ вправо: делает пункт дочерним (для выпадающих меню).
• Отступ влево: возвращает пункт на верхний уровень.

Удаление пункта меню

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

Связанные страницы

• Customizer: полное руководство
• Site Editor: визуальное редактирование
• Блочный редактор: добавление контента блоками

Материалы и источники

• WordPress.com: Menus
• WordPress.com: Create a menu
• WordPress.com: Add links to a menu
• WordPress.com: Create drop-down menus