Почти год назад я написал статью Создание темы на основе Bootstrap 3 для Drupal 7. За этот год базовая структура претерпела ряд изменений. Давайте ознакомимся с обновлениями.

Первым приятным событием являться уменьшение количества этапов создания темы. Теперь список выглядит так:

1. Установка Bootstrap
2. Создание субтемы
3. Настройка субтемы
4. Выбор типа подключения Bootstrap

С этапами определились - можно начинать!

1. Установка Bootstrap

Скачать тему оформления Botstrap. Тема должна располагаться \sites\all\themes​\. Тему активировать не нужно.

2. Создание субтемы.

Внутри темы Bootstrap находиться папка starterkits. В этой папке лежат 2 варианта заготовок для субтемы cdn и less. Я буду использовать вариант CDN.

Копируем папку в папку с темами \sites\all\themes​\. Далее начинается настройка темы.

3. Настройка субтемы.

Начнём с того, что переименуем папку-заготовку нашей темы cdn, например в bootstrap_drupal. ​Переходим в папку bootstrap_drupal и переименовываем файл cdn.starterkit  в bootstrap_drupal.info.

После чего отредактируем несколько строк:

name = Bootstrap drupal
description = A Bootstrap Sub-theme.

Где name - имя нашей субтемы, description - произвольное описание субтемы.

Всё, после этих действий в списке тем http://мой_домен/admin/appearance появиться новая тема с названием bootstrap_drupal.

Это и есть наша субтема, она полностью готова к работе. Включаем её и переходим на сайт.

4. Выбор типа подключения Bootstrap

Имеются два способа подключения файлов фреймворка Bootstrap:

    Использование CDN
    Локальные файлы

Использование CDN

При использовании способа c провайдером cdn дополнительные настройки темы более не нужны. Большим плюсом этого способа является то, что он позволяет подключить 18 вариантов тем. Варианты тем легко можно подправлять под себя, внося изменения в файл style.css находящийся в папке css нашей субтемы. Для некоторых сайтов этого вполне достаточно. Минусом - у варианта с использованием cdn более медленный отклик файлов стилей и скриптов, и как следствие -  меньшие возможности оптимизации и масштабирования проекта.

Для использования локальной версии библиотеки bootstrap необходимо:

1.     Отключить cdn
2.     Подключить библиотеку bootstrap
3.     Установить и настроить модуль bootstrap_library

1. Отключение провайдера cdn

Для отключения провайдера cdn нужно в настройках темы, в разделе расширенные, перевести селектор в режим "Не указано" как изображении ниже.

2. Подключение библиотеку bootstrap.

Итак, перед тем как скачать файлы фреймворка bootstrap необходимо создать папку libraries, если она конечно не создана ранее (с версии drupal 7.43 она создаётся автоматически). Теперь осталось скачать файлы библиотеки bootstrap. Скачать можно отсюда http://getbootstrap.com/getting-started/#download

Скаченную библиотеку следует переименовать из bootstrap-3.3.6-dist в bootstrap. Файлы в библиотеке должны иметь следующую структуру:

/sites/all/libraris/bootstrap/
├── css/
├── fonts/   
└── js/

3. Установить и настроить модуль bootstrap_library.

Подключить библиотеку boostrap к субтеме поможет модуль bootstrap_library. К сожалению, на dupal 7 рабочим вариантом остаётся только dev-версия. Устанавливается он как и все иные модули, но требует установки модуля libraries. После установки настраиваем модуль bootstrap_library, путь к конфигурации my_domen/admin/config/development/bootstrap_library

1. Указать версию файлов минифицированную или полную
2. Выбрать тему к которой будет подключена bootstrap library
3. И какие библиотеки будем подключать

Для темизации темы как в первом так и во втором варианте редактируется файл style.css.

На этом создание темы закончено.

На момент написания статьи, я обнаружил, что существует и третий вариант подключения файлов фреймворка Bootstrap, где библиотеку можно подключить исключая дополнительные модули. То есть полностью исключить шаг 3 в пункте 4.  

Способ рабочий, но я его ещё не тестировал, и ни когда не использовал. Ниже пример настройки.

Удачи! Надеюсь я ничего не упустил.