Меню и навигация в Drupal: пошаговая инструкция
Показываем, как в Drupal 10 и 11 создать меню, добавить пункты, собрать вложенную структуру и вывести навигацию на страницу. Настройка занимает около 20 минут, если у вас есть права администратора.
За 20 минут вы создадите в Drupal 10 или 11 главное меню, добавите в него ссылки на страницы, соберёте второй уровень и выведете навигацию в нужный регион темы. Инструкция рассчитана на сайт с уже установленной темой и хотя бы одной опубликованной страницей.
Что подготовить до начала
Нужен сайт на Drupal 10.x или 11.x, учётная запись с правом управлять меню и доступ к административной панели. Названия пунктов в теме оформления могут отличаться, но раздел меню открывается через адрес /admin/structure/menu.
- проверьте версию в разделе Отчёты → Отчёт о состоянии;
- создайте или найдите опубликованные страницы, на которые будут вести ссылки;
- решите, где должна появиться навигация: в шапке, боковой колонке или нижней части сайта;
- подготовьте названия пунктов длиной в одну-две строки — длинные подписи ломают мобильную версию.
Меню в Drupal — это набор ссылок, который можно вывести на сайте через специальный блок.1 Само создание ссылки ещё не делает её видимой: блок меню должен быть размещён в регионе активной темы.
В Drupal навигация состоит из двух независимых частей: структуры ссылок и места, где эта структура показана.
Пошаговая настройка меню
Шаг 1. Откройте список меню
В административной панели перейдите в Структура → Меню. Откроется список системных и пользовательских меню. Для основной навигации обычно используют Main navigation, в русской установке название может отображаться как «Основная навигация».
Если вы меняете рабочий сайт, не редактируйте меню вслепую. Сначала откройте его в новой вкладке и запишите исходный порядок ссылок.
Проверка: на странице виден список меню, а напротив нужного есть действие вроде «Редактировать меню» или «Редактировать ссылки».
Шаг 2. Добавьте ссылку на страницу
Откройте основное меню и нажмите Добавить ссылку. Заполните два ключевых поля:
- Название меню — текст, который увидит посетитель, например «Каталог» или «О компании»;
- Ссылка — адрес страницы. Для внутренней страницы используйте путь вида
/about, для внешнего ресурса — полный адрес сhttps://.
Если страница уже создана в Drupal, начинайте вводить её название в поле ссылки и выберите предложенный внутренний материал, если интерфейс показывает автодополнение. Так меньше риск ошибиться в URL. Поле Описание можно оставить пустым: оно не заменяет видимый текст ссылки.
Оставьте пункт включённым и нажмите Сохранить. На странице списка ссылок должна появиться новая строка.
Проверка: ссылка отображается в списке меню, а её адрес открывается напрямую в браузере без сообщения «Страница не найдена».
Шаг 3. Соберите вложенный пункт
Чтобы сделать выпадающий раздел, сначала создайте родительский пункт, например «Услуги». Затем добавьте ссылки «Разработка» и «Поддержка».
У каждой дочерней ссылки откройте редактирование и в поле Родительская ссылка выберите «Услуги». Сохраните изменения. В списке меню дочерний пункт обычно отображается с отступом.
Не делайте больше двух-трёх уровней без необходимости. На сенсорных экранах глубокое выпадающее меню неудобно: посетителю приходится открывать несколько вложенных областей.
Проверка: на странице редактирования меню дочерние ссылки находятся под «Услугами», а не на одном уровне с ним.
Шаг 4. Измените порядок ссылок
В списке ссылок перетащите строки за маркер перемещения. Родительский пункт должен находиться выше дочерних. После изменения порядка нажмите Сохранить конфигурацию или аналогичную кнопку внизу страницы.
Если перетаскивание недоступно, откройте редактирование каждой ссылки и задайте её вес. Меньшее значение обычно поднимает пункт выше, но точное поведение лучше проверить в вашей версии интерфейса.
Проверка: после обновления страницы ссылки идут в том же порядке, что и в административном списке.
Шаг 5. Выведите меню на сайт
Перейдите в Структура → Раскладка блоков. Выберите активную тему, если Drupal предлагает несколько вариантов. Найдите регион шапки или другой области, где должна находиться навигация, и нажмите Разместить блок.
В списке найдите блок с названием основного меню. Если поиском его не видно, используйте фильтр по слову «меню». В настройках блока проверьте заголовок, регион и условия показа, затем сохраните размещение и нажмите общую кнопку сохранения раскладки.
Не добавляйте один и тот же блок в два региона: на широком экране это может быть незаметно, а на мобильном навигация появится дважды.
Проверка: в шапке или выбранном регионе появился список ссылок, а переход по каждой ссылке открывает ожидаемую страницу.
Шаг 6. Проверьте мобильное отображение
Откройте сайт в узком окне браузера или на смартфоне. Проверьте не только внешний вид, но и поведение вложенных пунктов. Некоторые темы скрывают меню за кнопкой, другие показывают вложенные ссылки сразу.
- нажмите на пункт с дочерними ссылками;
- проверьте, что раскрывающая кнопка не перекрывает текст;
- откройте страницу из второго уровня и вернитесь назад;
- убедитесь, что длинные названия не выходят за край экрана.
Проверка: все пункты можно открыть пальцем, горизонтальная прокрутка страницы не появляется, а активная ссылка сохраняет понятное состояние.
Если меню не появилось или работает неправильно
«Доступ запрещён»
У вашей учётной записи нет нужного разрешения. Попросите администратора выдать права на управление меню и блоками. Не пытайтесь решать проблему изменением URL: Drupal проверяет разрешения на сервере.
Ссылка ведёт на «Страница не найдена»
Проверьте путь, слеш в начале и наличие опубликованной страницы. Для внутреннего материала надёжнее выбрать страницу из подсказки Drupal, чем вводить адрес вручную. Если URL страницы менялся, обновите пункт меню.
В списке блоков нет нужного меню
Проверьте, что вы открыли раскладку блоков именно активной темы. Затем очистите кэш через Конфигурация → Разработка → Производительность → Очистить все кэши, если такой пункт доступен вашей роли.
Пункт есть в админке, но его не видно на сайте
Скорее всего, отключён сам пункт или не размещён блок меню. Откройте настройки ссылки, включите её публикацию, затем проверьте регион блока и условия показа. На странице раскладки блок может быть отключён отдельно от ссылок.
Выпадающий список не открывается
Проверьте мобильное меню темы и консоль браузера. Если проблема возникает только в одной теме, причина может быть в её JavaScript или CSS, а не в структуре Drupal. Сначала временно переключитесь на стандартную тему для сравнения.
Что сделать дальше
После базовой настройки проверьте навигацию как посетитель: с главной страницы, со страницы товара или услуги и с телефона. Затем удалите устаревшие ссылки, добавьте понятные активные состояния и измерьте, по каким пунктам пользователи переходят в аналитике.
Если нужно показать разные ссылки разным группам пользователей, не копируйте меню без причины. Сначала проверьте настройки доступа, блоков и темы: дублирование навигации усложнит дальнейшее обслуживание. Кэширование и права доступа — отдельные темы, здесь важна только их связь с видимостью меню.
1 Регион темы — заранее определённая область шаблона Drupal, например шапка, подвал или боковая колонка, куда можно поместить блок.
Создатель презентаций: Структура и текст каждого слайда: заголовки-утверждения, одна мысль на слайд, заметки докладчику.
Спросить за 150 ₽Источники: Drupal.org: Manage menus, Drupal.org: Menu UI module
Частые вопросы
Какое меню использовать для главной навигации в Drupal?
Почему новая ссылка не видна, хотя она сохранена?
Можно ли добавить в меню внешнюю ссылку?
Как сделать пункт меню родительским, но не открывающим отдельную страницу?
Что делать, если на телефоне выпадающее меню не раскрывается?
Нужны ли права администратора, чтобы изменить меню?
Материал носит информационный характер и подготовлен редакцией «Агентуры». Он не является офертой, рекламой или индивидуальной консультацией. Упомянутые продукты, компании и торговые знаки принадлежат их правообладателям. Перед принятием решений, влекущих юридические или финансовые последствия, обратитесь к профильному специалисту.