Создание темы

Занятие №2
Скачиваем базовую тему bootstrap 3 и используем ее для создания дочерней темы.

Цель занятия: подключить bootstrap и создать на его основе дочернуюю тему. 
Продолжительность: 30-60 минут.



Задание №1
Скачайте и подключите bootstrap 3

На этом занятии мы подключим базовую тему bootstrap 3 к сайту и с ее помощью сделаем дочерную тему.

Задачи:

  1. Скачать и установить базовую тему Bootstrap.
  2. Создать дочернюю тему на основе базовой темы Bootstrap.

Нам понадобится:

Visual Studio Code (или его аналоги)

Ftp клиент (FileZilla, Win SCP)

 

Посмотрите видео о том, как создать тему для Drupal 8 на базе bootstrap.

Заметки для видео

Текст библиотеки bootstrap


Задание №2
Включите режим debug и отключите кэш drupal

Для упрощения и ускорения верстки нам надо отключить КЭШ в drupal'е и включить режим debug.

Подробнее можно узнать на сайте drupal.org.

Что для этого надо сделать?

Первый способ:

1) Заходим в папку /sites/default. Копируем файл default.services.yml и переименовываем его в services.yml.

2) Заходим в этот файл. В разделе twig.config меняем:

debug: false на debug: true,

cache: true на cache: false.

как включить debug мод

3) Возвращаемся в админку. Чистим кэш.

 

Второй способ:

1) Заходим в папку sites. Копируем, переименовываем и переносим sites/example.settings.local.php в sites/default/settings.local.php.

можно командами:

cp sites/example.settings.local.php sites/default/settings.local.php

cp sites/development.services.yml sites/default/development.services.yml

2) Открываем sites/default/settings.php. Добавляем в конец следующие строки:

 if (file_exists(__DIR__ . '/settings.local.php')) {
   include __DIR__ . '/settings.local.php';
 }

3) Открываем sites/default/settings.local.php и добавляем в конец:

$settings['cache']['bins']['render'] = 'cache.backend.null';
$settings['cache']['bins']['dynamic_page_cache'] = 'cache.backend.null';

4) Далее надо отключить кэширование Twig. Открываем sites/development.services.yml и добавляем twig.config настройки к parameters:

parameters:
  twig.config:
    debug: true
    auto_reload: true
    cache: false

Внося правки в файл development.services.yml для удобства предлагаю комментить имеющееся содержимое, чтобы знать что именно вы поменяли.

создание темы drupal 8

5) Очищаем кэш.

 

P.S. Возможно кому-то может показаться неправильным копирование необходимых строк. Ведь правильнее будет найти нужные значения в тексте и раскомментировать (убрать теги комментирования) нажатием Ctrl+?.

Мне такой подход кажется несколько неудобным. Вед если кто-то посторонний будет работать с кодом, то для того, чтобы выявить правку, ему придется просматривать весь файл целиком.

А так... Видя добавленные строки в конце документа и вам и стороннему программисту сразу будет очевидно какие изменения производились в файле.

 

Теперь, когда кэш отключен и активирован режим debug вам открылись новые возможности :)

В режиме разработки (F12) вы можете видеть возможные пути перезаписи TWIG шаблонов, оригинальные адреса и имена этих шаблонов и в целом контролировать правильность разметки. Эти знания пригодятся нам на пути создания темы в последующих занятиях курса.

как создать тему drupal 8

 


Чтобы перейти к следующему уроку нажмите кнопку ниже: