Drupal 7 создание темы на Bootstrap 3 (вариант 1)

Категория: Drupal
Дата публикации: 29 января, 2015 - 17:44
Последнее изменение: 29 января, 2015 - 21:57

Порядок создания субтемы на основе Bootstrap Drupal:

1. Установить https://www.drupal.org/project/bootstrap и https://www.drupal.org/project/jquery_update (включить)
2. Скопировать из папки темы bootstrap папку bootstrap_subtheme на уровень выше (в sites/all/themes).
3. Переименовать ее, например в mytheme. Зайти в нее, и переименовать bootstrap_subtheme.info.starterkit в mytheme.info.
4. В файле mytheme.info раскомментировать пути "Scripts" (это касается только тех js, которые будут нужны вам в теме) и "Disable BootstrapCDN":

Drupal Bootstrap

5. Скачать архив "Source code Bootstrap" - http://getbootstrap.com/getting-started/#download. Переименовать папку так, чтобы получилось - bootstrap.
6. Залить ее в папку нашей субтемы.
7. Скопировать файл variables.less из bootstrap/less в папку mytheme/less.
8. Скомпилировать из папки темы файл style.less (less/style.less) в css-формат. Для этого всю папку с нашей темой надо скачать к себе на компьютер.
Для компиляции - можно использовать программу http://winless.org/ (на Windows), на Linux использовать консоль (перед этим установить утилиту) -

apt-get install node-less
lessc styles.less styles.css

9. Получившийся файл styles.css нужно скопировать в папку темы - mytheme/css.
10. Загрузить тему обратно на хостинг.
11. В списке тем активировать свою субтему.
12. Готово!

Используемые материалы:
https://www.youtube.com/watch?v=CiUvG5rW3rM
https://www.drupal.org/node/1978010

Добавить комментарий