Drupal 8.x

8.7. Работа с регионами и блоками в Drupal 8.

Для того чтобы у вас появился новый регион, через который вы сможете выводить блоки, вам нужно:

  • Добавить данные о регионе в файл theme.info.yml
  • Отредактировать page.html.twig, добавив в него вывод нового региона

Добавляем данные о регионе в файл drupalbook.info.yml

Все регионы объединены ключем regions:

1.2.1. Обновление модулей и ядра Drupal 8.

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

друпал обновления

8.6. Работа с шаблонами в Drupal 8. Какие есть шаблоны в ядре Drupal 8.

Мы уже рассмотрели, что в 8ом друпале у нас встроен Twig и как им пользоваться. В этой статье мы разберем как работать с шаблонами друпала, какие есть шаблоны в теме Stable, как переопределять шаблоны Stable и как переопределять шаблоны различных сущностей друпала.

Итак, давайте начнем с шаблонов темы Stable, перейдем в папку templates темы Stable:

скриншот

Шаблоны разбиты по функциональному признаку:

8.5. Работа с CSS в Drupal 8. Breakpoints, responsive настройки в теме Drupal 8.

В прошлых уроках мы уже подключили CSS к нашей теме. Для этого мы указали в файле drupalbook.info.yml:

libraries:
  - drupalbook/global-styling

Дальше мы создали файл drupalbook.libraries.yml, где уже указали какой файл CSS подключать:

global-styling:
  version: 1.x
  css:
    theme:
      css/style.css: {}
      css/print.css: { media: print }

С этого момента мы подробно разберем как работать с CSS в нашей теме.

8.4. Twig - новый шаблонизатор для Drupal.

Если вы откроете файл шаблона page.html.twig темы Stable:

/core/themes/stable/templates/layout/page.html.twig

То вы обнаружите, что он отличается от шаблона Drupal 7 page.tpl.php, во-первых, расширением и во-вторых, обилием фигурных скобок {}. Это все из-за того что в Drupal 8 используется шаблонизатор Twig.

8.3. Создание своей Drupal 8 темы на основе темы Stable.

Начиная с этой статьи мы будем делать свою тему на друпале. В этом разделе учебника мы разберем основы темы на друпале, где что лежит, как подключать и использовать CSS, JavaScript. Делать свою тему мы будем на основе темы-конструктора ядра Stable. Если вы хотите изучать друпал, то Stable отличное начало. Не стоит начинать с Bootstrap, у вас будут постоянно возникать вопросы и ошибки. В следующем разделе учебника мы уже с багажом умений созданий темы для Drupal 8, возьмемся и за Bootstrap.

8.2. Из чего состоит тема Drupal 8. Обзор темы Stark.

В друпал 7 можно было быстро и легко сделать под тему на Zen и начать верстать свой сайт. На 8ом друпале тоже есть несколько тем-конструкторов для создания своих тем. Но прежде чем делать на них подтемы нужно будет немного разобраться, где что лежит.

Разработчики Drupal 8 предлагают нам рассмотреть тему-пример Stark. Эта тема добавлена в друпал, только для ознакомления как устроена тема. Давайте посмотрим что лежит внутри этой темы:

Скриншот

8.1. Темы ядра Drupal 8.

В Drupal 8 используется новый шаблонизатор Twig. Поэтому все темы были переделаны под него. Давайте зайдем и посмотрим что лежит в папке /core/themes

drupal 8 theme

Здесь у нас есть шаблонизатор Twig;  темы-конструкторы classy, stable, stark; готовые темы bartik, seven.

Шаблонизатор Twig

Drupal 8 вобрал в себя часть библиотек Symfony:

https://symfony.com/

8. Темизация Drupal 8.

Темизация в Друпал 8 притерпела значительные изменения. Это связано в первую очередь с переходом на объектно-ориентированное программирование и использование шаблонизатора twig. Если раньше было достаточно изучить немного PHP, HTML, CSS и начать делать свою тему оформления, то сейчас  нужно еще разобраться и с twig. С одной стороны это усложняет процесс освоения друпала, но с другой стороны упрощает процесс разработки. Использовать шаблонизатор удобнее для группы разработчиков, когда один специалисты специализируются на разработке функциона, а другие на разработке frontend'а сайта.

Страницы

Подписка на RSS - Drupal 8.x