Հայոց English

Дополнительные типы блоков (EBT) — новый опыт конструктора страниц❗

Дополнительные типы блоков (EBT) — стилизованные, настраиваемые типы блоков: слайдшоу, вкладки, карточки, аккордеоны и многие другие. Встроенные настройки для фона, DOM Box, плагины Javascript.

Демо EBT модули Скачать EBT модули

❗Дополнительные типы параграфов (EPT) — новый опыт работы с параграфами

Дополнительные типы параграфов (EPT) — набор модулей, основанный на аналогичных параграфах.

Демо EPT модули Скачать EPT модули

Scroll
  1. Главная
  2. Видеокурс "Разработка сайтов на CMS Drupal"
  3. 9. Продвинутая темизация Drupal

9.1. Темы конструкторы Drupal 8

18/11/2019, by Ivan

Menu

Друпал - это не только CMS, это платформа для разработки вашего веб-приложения. Если вы решили создать свою тему оформления, то вы найдете несколько фреймворков для этого. В этой статье мы рассмотрим самые популярные из них.

Bootstrap

https://www.drupal.org/project/bootstrap
http://getbootstrap.com/ 

Bootstrap самый популярный фреймворк из которого можно сделать свою тему оформления. Он предоставляет набор CCS, grid-сеток, javascript/jQuery плагинов. Вы сможете быстро раскидать по макету блоки вашего сайта и оформить их.

Zen

https://www.drupal.org/project/zen

Самая популярная тема конструктор для 6-7 друпала. В версии 8.x-7.x есть настроенный tusk runner gulp.js, который можно очень просто запустить через PhpStorm. В одном из видео мы рассмотрим как настроить эту тему. Компиляция SASS сделана через libsass, а это значит вам не придется больше заморачиваться с Compass и и другими гемами Ruby.

Omega

https://www.drupal.org/project/omega

Очень популярная тема-фреймворк который включает в себя генератор конфигурации (конфигурация хранится в файлах), LESS/SASS стили, mobile-first верстка. Если у вас стоит выбор между Omega и Bootstrap, то стоит отталкиваться от макетов на которых будет сверстан сайт. Если макеты сделаны не по сетке и вам нужно будет их сверстать pixel perfect, то стоит использовать Omega. Если у вас будет более менее свободный макет с ориентацией больше на базовый набор элементов из которых будет сделан сайт, то смело выбирайте Bootstrap.

Adaptive Theme

https://www.drupal.org/project/adaptivetheme

Простая стартовая тема с админкой, где можно выставить размеры для каждого типа устройства, под которое верстается сайт. С этой темы хорошо начинать изучения друпала или делать очень простые сайты. Но для чего-то большего стоит взять Omega или Bootstrap.