Разработка темы для Drupal 8

Опубликовано: 13.06.2017

Для любого сайта очень важен дизайн. Часто разработка темы оформления занимает большую часть работы над сайтом. В этой статье я хочу пошагово описать процесс создания своей темы для Drupal.

Я не буду описывать отличия в темизации Drupal 8 от 7, так как статья рассчитана на новичков в Drupal, а тот кто работал с семеркой и так поймет в чем различия.

Подготовка

Дизайн для темы я быстро нарисовал в Sketch. Это простой блог с сайдбаром справа. Ничего необычного. Макеты дизайна выкладываю.

9. САЙТ НА DRUPAL 8. Создание и отображение меню.

Скачать .sketch

Для начала нам понадобится:

Установить Drupal 8. Добавить несколько материалов на сайт или сгенерировать модулем Devel . Добавить блоки(например "About") для боковой колонки на странице /admin/structure/block/block-content Сделать меню из нескольких страниц, на странице /admin/structure/menu/manage/main или на редактировании любой ноды. Отключаем кеш drupal и twig, по инструкции . Если не отключить, придется вручную очищать, после каждого обновления файлов.

Мы не будем использовать Bootsrap, SASS, Grunt и другие инструменты разработки, чтобы сосредоточится именно на написании темы для друпал. Код я пишу в Atom. Для этого нужно установить расширение для поддержки синтаксиса Twig.

Структура файлов

Первым делом создаем папку для нашей темы в директории /themes/custom/ . Назовем тему eight , соответственно полный путь /themes/custom/eight . Что бы друпал увидел тему и она появилась на странице Apparence, нужно добавить файл *.info.yml . у нас это eight.info.yml . Создаем файл eight.info.yml содержащий

name: Eight description: New theme for Drupal 8. type: theme core: 8.x

Здесь мы описываем: