Հայոց English

Extra Block Types (EBT) - New Layout Builder experience❗

Extra Block Types (EBT) - styled, customizable block types: Slideshows, Tabs, Cards, Accordions and many others. Built-in settings for background, DOM Box, javascript plugins. Experience the future of layout building today.

Demo EBT modules Download EBT modules

❗Extra Paragraph Types (EPT) - New Paragraphs experience

Extra Paragraph Types (EPT) - analogical paragraph based set of modules.

Demo EPT modules Download EPT modules

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

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

18/11/2019, by Ivan

Друпал - это не только 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.