Переваги Bootstrap та його використання на Drupal сайті — блог Drudesk
050 640 98 44
support@drudesk.com

Використання можливостей Bootstrap для Drupal-сайту

Цей інтуїтивно зрозумілий, сучасний та елегантний мобільно-орієнтований фронтенд-фреймворк уже завоював безліч прихильників. Він чудово підходить для створення респонсивних сайтів та додатків. Йдеться про таке творіння Twitter’а, як Bootstrap. Його обрали для своїх сайтів Apple, Microsoft і NASA — отже, він того вартий. Давайте поговоримо про причини такої популярності Bootstrap, а також — про практику його використання з нашим улюбленим Drupal’ом, щоб кожен Drupal-сайт міг на 100% використовувати суперможливості з фронтенду.

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

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

  • респонсивна сіткова система для створення дизайну, що ідеально адаптується під будь-який екран;
  • крос-платформна сумісність;
  • безліч готових елементів, таких як кнопки, спадні меню, навігаційні панелі, сповіщення, бейджі і т.д.;
  • елементи «дизайну майбутнього», такі як 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’а. Розкажіть нам, як ви уявляєте ідеальний вигляд та інтерактивність сайту, і ми з радістю втілимо це в життя!