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

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

 

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

Войти, используя Loginza Google Account Yandex Mail.ru Vkontakte Facebook

Plain text

  • HTML-теги не обрабатываются и показываются как обычный текст
  • Адреса страниц и электронной почты автоматически преобразуются в ссылки.
  • Строки и параграфы переносятся автоматически.