Создание темы
Цель занятия: подключить bootstrap и создать на его основе дочернуюю тему.
Продолжительность: 30-60 минут.
На этом занятии мы подключим базовую тему bootstrap 3 к сайту и с ее помощью сделаем дочерную тему.
Задачи:
- Скачать и установить базовую тему Bootstrap.
- Создать дочернюю тему на основе базовой темы Bootstrap.
Нам понадобится:
Visual Studio Code (или его аналоги)
Ftp клиент (FileZilla, Win SCP)
Посмотрите видео о том, как создать тему для Drupal 8 на базе bootstrap.
Заметки для видео
Текст библиотеки bootstrap
Для упрощения и ускорения верстки нам надо отключить КЭШ в drupal'е и включить режим debug.
Подробнее можно узнать на сайте drupal.org.
Что для этого надо сделать?
Первый способ:
1) Заходим в папку /sites/default. Копируем файл default.services.yml и переименовываем его в services.yml.
2) Заходим в этот файл. В разделе twig.config меняем:
debug: false на debug: true,
cache: true на cache: false.
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 для удобства предлагаю комментить имеющееся содержимое, чтобы знать что именно вы поменяли.
5) Очищаем кэш.
P.S. Возможно кому-то может показаться неправильным копирование необходимых строк. Ведь правильнее будет найти нужные значения в тексте и раскомментировать (убрать теги комментирования) нажатием Ctrl+?.
Мне такой подход кажется несколько неудобным. Вед если кто-то посторонний будет работать с кодом, то для того, чтобы выявить правку, ему придется просматривать весь файл целиком.
А так... Видя добавленные строки в конце документа и вам и стороннему программисту сразу будет очевидно какие изменения производились в файле.
Теперь, когда кэш отключен и активирован режим debug вам открылись новые возможности :)
В режиме разработки (F12) вы можете видеть возможные пути перезаписи TWIG шаблонов, оригинальные адреса и имена этих шаблонов и в целом контролировать правильность разметки. Эти знания пригодятся нам на пути создания темы в последующих занятиях курса.