Theming Drupal 8 - создаём свою первую тему

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

видео Theming Drupal 8 - создаём свою первую тему

Обзор компонента Инстайлер Lite

Будем создать тему с именем: admin_theme , на основе анализа темы bartik из директории: "/core/themes/".


Как создать первую страницу и рубрику на сайте

Создадим в директории: "/themes/custom" папку admin_theme для нашей первой темы. И создадим в ней файл admin_theme.info.yml с описанием темы, следующего содержания:

# Название темы. name: Admin Theme # Это тема, а не модуль и т.п. type: theme # Описание темы. description: 'Test theme for Drupal 8.' # Для какой версии Drupal. core: 8.x # Базовая тема (используйте при необходимости). base theme: seven # Имя изображения скриншота отображаемого на странице тем Drupal. screenshot: screenshot.png # Пример (используйте при необходимости) подключения CSS и JS библиотек к теме, заданных в файле admin_theme.libraries.yml. # А так же подключение CSS для собственных стилей темы. libraries: - admin_theme/twitter-bootstrap - admin_theme/global-styling # Пример (используйте при необходимости) удаления одного из CSS стилей подключаемых Drupal на основании пути к нему. stylesheets-remove: - core/themes/stable/css/system/components/align.module.css # Определение регионов в Drupal. regions: page_top: 'Page top' page_bottom: 'Page bottom' content: 'Content' # Отключение одного из регионов, наследованного из базовой темы (используйте при необходимости, при использовании базовой темы). regions_hidden: - page_top

Поместим в папку темы её сриншот (скриншот макета вёрстки) для отображения на странице включения тем, с указанным именем (screenshot.png) и размером 588 на 438 пикселей.


Таксономия Бартла: Какой Вы Игрок - Дополнительные Кредиты @ Дядя Димыч

Создадим в папке темы файл admin_theme.breakpoints.yml с описанием "Media Queries" для модуля: Breakpoint . В дальнейшем при использовании зависимых от Breakpoint модулей, например: Responsive image , можно использовать заданные в теме "Media Queries". Для этого (на примере модуля Responsive image ) достаточно на странице: /admin/config/media/responsive-image-style/add в поле "Breakpoint group" выбрать название создаваемой темы ( Admin Theme ).