Преимущества Bootstrap и его использование на Drupal сайте — блог Drudesk
050 640 98 44
support@drudesk.com

Использование возможностей Bootstrap для Drupal-сайта

Этот интуитивно понятный, современный и элегантный мобильно-ориентированный фронтенд-фреймворк уже завоевал множество поклонников. Он прекрасно подходит для создания респонсивних сайтов и приложений. Речь идет о таком творении Twitter'а, как Bootstrap. Его выбрали для своих сайтов Apple, Microsoft и NASA — значит, он того стоит. Давайте поговорим о причинах такой популярности фреймворка Bootstrap, а также — о практике его использования с нашим любимым Drupal’ом, чтобы каждый Drupal-сайт мог на 100% использовать супервозможности по фронтенду.

Преимущества Bootstrap, или почему же его стоит добавить к Drupal-сайту

Вот чем фреймворк Bootstrap может «похвастаться»:

  • респонсивная сеточная система для создания дизайна, идеально адаптирующегося под любой экран;
  • кросс-платформенная совместимость;
  • множество готовых элементов, таких как кнопки, выпадающие меню, навигационные панели, оповещения, бейджи и т.д.;
  • плагины Javascript для дополнительного функционала;
  • элементы «дизайна будущего», такие как HTML5 и CSS3;
  • легкая интеграция с другими платформами и фреймворками;
  • возможность работать с SASS, LESS или CSS;
  • меньше времени на разработку благодаря готовым блокам;
  • замечательная документация с примерами;
  • регулярное обновление фреймворка;
  • активное сообщество, всегда готовое помочь.

Drupal и Bootstrap: специальная тема Bootstrap для Drupal

Чтобы значительно облегчить использование Bootstrap на Drupal-сайте, существует готовое решение — Bootstrap тема для Drupal. Эта тема как бы «строит мост» между двумя фреймворками.

Прямо в административном интерфейсе Drupal можно будет пользоваться большинством функционала Bootstrap без единой строки кода. Тема имеет стабильные релизы для Drupal 7 и Drupal 8.

Bootstrap для Drupal также является одной из лучших респонсивних тем с широкими возможностями для индивидуальной настройки.

Неудивительно, что она остается на вершине рейтинга самых скачиваемых тем drupal.org с показателем в более чем 900 000 скачиваний (а это приближается к миллиону!).

Тема Bootstrap для Drupal предлагает:

  • поддержку Bootswatch, благодаря которой можно выбирать из готовых шаблонов;
  • jsDelivr CDN для улучшенного форматирования и быстрой загрузки;
  • поддержку Glyphicons через Icon API;
  • настройки для темы, такие как Navbar, Tooltips, Breadcrumbs, Popovers, Wells;
  • расширенную интеграцию с CSS и JavaScript Bootstrap’а;
  • подробную документацию.

100% кастомизация: создание подтемы Drupal Bootstrap

Для неограниченных возможностей в индивидуальном настройке темы существует популярная практика — создавать подтему на основе базовой Bootstrap-темы. С этой целью в теме Bootstrap Drupal предусмотрена готова папка "bootstrap_subtheme". Нужно загрузить тему с drupal.org, создать подтему и настроить ее.

Процесс создания Bootstrap-подтемы в Drupal 8 подробно описан в блоге разработчика, за плечами которого — много успешных проектов Drudesk и InternetDevels.

Если вас заинтересовала идея добавить Bootstrap к вашему сайта на Drupal 7 или Drupal 8, ее можно быстро осуществить, если вы поручите эту миссию фронтенд-волшебникам Drudesk’а. Расскажите нам, как вы представляете идеальный вид и интерактивность своего сайта, и мы с радостью воплотим это в жизнь!

Похожие материалы