Порядок создания субтемы на основе 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":
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
Добавить комментарий