Создание меню Drupal 8 — блог Drudesk
050 640 98 44
support@drudesk.com

Возьмите меню, пожалуйста: поговорим о создании меню в Drupal 8

Благодаря привлекательному меню, ваши гости точно захотят попробовать больше «блюд» на вашем сайте. Меню — в первую очередь, а бредкрамбы — дополнительно являются чрезвычайно полезными элементами навигации на сайте. А навигация — это один из «кирпичиков» юзабилити. Готовы к интересной теме? В нашем сегодняшнем «меню» будут самые вкусные советы по созданию меню в самой свежей версии Друпала — Drupal 8! Устраивайтесь поудобнее и наслаждайтесь.

Система меню в Drupal 8

Удобные интерфейсы для создания меню всегда были одним из преимуществ Друпала. Drupal 8 тоже предлагает их, а вдобавок — несколько приятных новшеств. Например, теперь функционал ядра обеспечивает блоки меню.

На первый взгляд, основной UI для создания меню не слишком изменился по сравнению с тем, что был у «предшественников» Drupal 8. Основное отличие заключается в архитектуре, так давайте вкратце пройдемся по ней.

В Drupal 8 была перестроена система маршрутизации с использованием компонентов Symfony. Именно система маршрутизации обеспечивает доступ по путям и множество других функций. Теперь ей принадлежит главная роль в создании меню, а вот с hook_menu() мы прощаемся. Конфигурация ссылок меню удобно хранится в отдельных YAML-файлах.

Создание меню в Drupal 8

Пора переходить к практике, поэтому давайте с помощью простых шагов создадим мультиуровневое меню, используя возможности ядра Drupal 8.

Step 1: Создание базы меню в Drupal 8

Перейдите в «Меню» — «Структура» и выберите пункт «Меню» из списка доступных структур. Вы увидите список текущих меню. Чтобы создать новое, кликните «Добавить меню».

Это откроет перед вами новую страницу, на которой вам нужно будет описать новое меню с помощью названия и административного описания. Последний пункт является необязательным и просто облегчает поиск меню на бэкенде. Что ж, назовем наше меню «Боковое меню». Нажмем «Сохранить».

Step 2: Добавление ссылок в меню в Drupal 8

Меню без ссылок никуда не приведет гостей. Поэтому давайте воспользуемся кнопкой «Добавить ссылку». Вы попадете на страницу с настройками новой ссылки, где будет нужно сделать следующее:

  • Создайте название, которое будет отображаться на ссылке. Например, «Блоги о Drupal 8".
  • Пропишите путь, используя /node/add или URL.
  • По желанию добавьте описание, которое будет отображаться, когда пользователи будут наводить мышкой на ссылку.
  • Ставьте или снимайте галочку с поля «Включено», чтобы отображать или скрывать ссылку.
  • Поставьте галочку в поле «Расширено», если у этого линка будут дочерние ссылки.
  • Выберите родительскую ссылку, чтобы установить, куда относится данная ссылка. В нашем случае — «Боковое меню».
  • По желанию можно установить вес ссылки, которая будет определять ее приоритет по сравнению с другими ссылками на том же уровне (вес 0 имеет самый высокий приоритет).
  • Нажмите «Сохранить».

Чтобы создать мультиуровневую структуру, нажмите «Добавить ссылку» и создайте дочернюю ссылку абсолютно аналогичным способом. Назовем ее, например, «Создание меню в Drupal 8», и установим для нее родительскую ссылку как «Блоги о Drupal 8».

Step 3: Расположение блока меню на сайте

Пора найти место для меню на сайте. Перейдите в «Структура» — «Расположение блоков». Здесь вы увидите список блоков сайта, которые являются специфическими для каждой Drupal-темы. Выберите тот, в котором хотите видеть свое меню (например, «Первая боковая панель») и нажмите «Расположить блок».

Это откроет новый список, в котором вам нужно будет найти ваше меню (при необходимости, с помощью поискового поля) и снова кликнуть «Расположить блок».

Там вы сможете сделать настройки. Можно установить какое-либо иное название меню вместо «Бокового меню». Кроме того, будет возможность определить уровень, с которого начинается показ меню и максимальное количество уровней, которые отображаются. По желанию, можно установить ограничения на показ меню по контент-типов, страниц и ролей. Кликните «Сохранить блоки». Посмотрите, как это все выглядит на сайте и при необходимости измените местоположение с помощью кнопки «Редактировать».

«Комплимент от шефа», или дополнительные модули для меню в Drupal 8

Это еще не все! Это было лишь краткое описание базовых шагов для создания меню в Drupal 8. Попробуйте также дополнительные модули, такие как Responsive and off-canvas menu (который мы описывали в деталях), Superfish, Menu block, Nice Menus, Simple Mega Menu и так далее. Воспользуйтесь их исключительными возможностями по созданию респонсивных, многоуровневых меню, мега-меню, меню с возможностями jQuery и не только.

Более того, настоящие чудеса доступны в создании уникальных меню с использованием возможностей Bootstrap, Twig, CSS и так далее.

Свяжитесь с разработчиками Drudesk, если вам нужна помощь в воплощении ваших идей по созданию меню в Drupal. Ваши замечательные меню не могут дождаться ваших гостей!

Похожие материалы