Создание меню сайта

Кому и зачем нужно это руководство?
Вы держите в руках (точнее, смотрите на экран) инструкцию, которая сэкономит вам часы тыканья по кнопкам. Создание меню — это база, но именно здесь новички чаще всего путаются. Я разложу всё по полочкам: от выбора пунктов до того, как не создать «кашу» из ссылок.
Этот текст для вас, если вы:
• Начинающий блогер и хотите, чтобы читатели находили ваши лучшие статьи.
• Владелец интернет-магазина — вам нужно вести клиента к конкретным товарам или категориям.
• Создаёте лендинг или сайт-визитку и хотите минимум пунктов, но максимум пользы.
Цель у всех одна: сделать навигацию удобной и логичной. Но путь к этому разный. Дальше я покажу нюансы для каждого типа проекта.
Где живёт меню и как к нему подобраться?
Заходите в админку WordPress. Слева в колонке ищите раздел «Внешний вид» → «Меню». Именно здесь вы — главный архитектор навигации. Он выглядит как пустой холст: слева блоки с элементами (страницы, рубрики, произвольные ссылки), справа — область, куда вы будете их перетаскивать.
Нет раздела «Меню»? Проверьте, стоит ли у вас активная тема, которая его поддерживает. Обычно все современные темы работают с меню, но если пункта нет — обновите тему или установите простую, вроде Twenty Twenty-Five. И да, если тема старая, даже эта инструкция не поможет.
Для новичков: сначала создайте хотя бы две рубрики и одну страницу (например, «О нас» и «Контакты»), иначе добавлять в меню будет нечего. Для магазина — создайте пару тестовых категорий товаров.
Элементы меню: кто есть кто, и что выбирать?
В левой части экрана вы видите набор блоков. Каждый — это тип ссылки. Понимание разницы — половина успеха. Давайте разберём их на примерах.
- Страницы — для статических разделов (например, «О компании», «Контакты», «Доставка»). Идеально для блога и визитки.
- Рубрики — для архивов записей. Отлично, если у вас много статей по темам (например, «Новости», «Обзоры плагинов»).
- Произвольные ссылки — для внешних сайтов, якорей на странице или ссылок на отдельные товары. Пример: ссылка на ваш Telegram-канал.
- Элементы WooCommerce — появляются, если установлен плагин магазина. Тут и «Корзина», и «Мой аккаунт», и «Категории товаров».
Для интернет-магазина приоритет — рубрики товаров и корзина. Для блога — рубрики и отдельные важные страницы. Для лендинга — максимум 3-4 пункта, включая якорные ссылки.
Инструкция по сборке: от хаоса к порядку
Шаг 1. Дайте имя вашему меню (в верхнем поле) и нажмите «Создать меню». Название может быть любым — запомните его, чтобы потом не искать.
Шаг 2. Отметьте галочками элементы слева, которые хотите добавить, и кликните «Добавить в меню». Они появятся в колонке справа.
Шаг 3. Перетащите пункты мышкой в нужном порядке. Хотите создать подменю (выпадающий список)? Просто перетащите один пункт чуть правее под другой — он превратится в дочерний. Так можно сделать многоуровневые меню, но не усердствуйте: 2-3 уровня — максимум.
- После сборки обязательно откройте вкладку «Настройки» внизу справа.
- Выберите, где будет показываться это меню (например, «Основное меню», «Нижнее меню» или «Социальные ссылки»).
- Нажмите «Сохранить меню».
Готово! Теперь меню появится на сайте. Если не появилось — проверьте, выбрана ли правильная область отображения. Некоторые темы называют её «Primary Menu».
Типичные ошибки и как их избежать (на реальных примерах)
Первая и главная — добавление каждой отдельной записи в меню. Это превращает навигацию в многоэтажный список, где никто ничего не найдёт. Вместо этого используйте рубрики — они собирают все посты темы автоматически. Для магазина: не тащите каждый товар в меню — только категории.
Вторая — меню, которое не видно. Часто новички сохраняют настройки, но забывают присвоить меню область отображения (шаг из предыдущего раздела). Итог: меню есть, но его нет. Вернитесь в «Настройки» и выберите правильную позицию.
- Плохой пример: «Главная», «Новости», 15 отдельных статей, «Контакты».
- Хороший пример для блога: «Главная» → «Блог» (подменю: «Новости», «Обзоры», «Гайды») → «Обо мне» → «Контакты».
- Хороший пример для магазина: «Каталог» (с подменю: «Мужчинам», «Женщинам») → «Акции» → «Доставка» → «Корзина».
Третья ошибка — ссылки на «ничто». Если вы удалили страницу или рубрику, а меню не обновили, посетитель попадёт на пустую страницу 404. Раз в месяц проверяйте меню: не затерялись ли там «битые» ссылки. Плагин Broken Link Checker автоматизирует эту проверку.
Как добавить в меню ссылку на раздел внутри страницы (якорь)?
Это частая задача для лендингов и длинных статей. Допустим, у вас на странице есть блок «Услуги» и блок «Цены». Вы хотите, чтобы нажатие на пункт меню «Услуги» вело именно к этому блоку, а не просто на страницу.
Сначала добавьте якорь на странице. В редакторе WordPress (Гутенберг) кликните на блок, который станет якорем, и в настройках (правый сайдбар) найдите поле «HTML-якорь». Впишите, например, «uslugi». Без кавычек.
Теперь в меню добавьте произвольную ссылку. В поле «URL» пропишите: /#uslugi (или если это не главная, то полный URL страницы + #uslugi). В поле «Текст ссылки» — «Услуги». Сохраните меню.
Готово. При клике браузер прокрутит страницу к нужному блоку. Это работает как на главной, так и на внутренних страницах, если якорь там прописан. Такой приём особенно любят владельцы сайтов-визиток, чтобы меню было коротким, но вело прямо в нужное место.
Фишки и советы для разных типов сайтов
Для блога: сделайте меню с основными рубриками и добавьте ссылку «Архив» или «Все записи» — это поможет SEO. Для новостного портала: используйте виджет «Последние записи» в подменю (но это уже другая история).
Для интернет-магазина: обязательно выводите корзину и страницу «Мой аккаунт». Если есть много категорий, создайте мегаменю (это когда подменю широкое, с колонками). Плагин Max Mega Menu устанавливается за 2 минуты и делает это без кода.
- Для блога: 4-6 пунктов, много подменю не нужно.
- Для магазина: до 8 пунктов, включая корзину, категории и страницу «Оплата/Доставка».
- Для лендинга: 3-5 пунктов (все с якорями), без подменю.
И ещё один лайфхак: не бойтесь удалять пункты из меню. Если рубрика перестала быть актуальной — уберите её. Меню — не архив, а инструмент навигации. Оно должно быть актуальным в 2026 году, а не хранить ссылки на события пятилетней давности.
Теперь вы знаете всё, чтобы создать понятное и удобное меню. Идите и попробуйте — это займёт не больше 15 минут. Если что-то пошло не так, вернитесь к шагам выше: скорее всего, вы просто забыли сохранить или выбрать область отображения.
Добавлено: 24.04.2026
