Как выбрать шаблон для Drupal

1 комментарий
Как выбрать шаблон для Drupal

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

Выбираем тему, подходящую для сайта

Сверстать сайт с нуля - это объёмная задача для опытного специалиста. А выбрать тему, которая максимально точно отображает видение вебмастера, и затем откорректировать её - задание, с которым справится почти любой человек.

Нельзя строго разделить темы на хорошие и плохие. Есть шаблоны, подходящие для вашего проекта, и те, что смотрятся неуместно. Перед выбором темы определитесь, какие элементы должны быть на ваших страницах. Можно даже набросать карандашом примерный внешний вид основных страниц. Будет ли у них картинка в шапке? Где расположено основное меню? Как структурирован подвал? Обращайте как можно меньше внимания на картинки и цвета - всё это легко переделать, а вот с макетом разобраться будет сложнее. Каждую тему оценивайте, исходя из её структуры, "скелета" - а цветовую схему вы легко измените сами. С другой стороны, переделывать красивый шаблон под свои нужды, которым он совсем не соответствует - работа тяжёлая и неблагодарная, которая не стоит потраченного времени.

Как выбрать шаблон Drupal


Определяемся с функционалом

Drupal по умолчанию поставляется с минимумом функций и опций. Базовая версия CMS подходит для создания некоторых простых проектов, например, сайта-визитки. Но более сложные сайты потребуют дополнительных функций: плеер, медиагалерея, форум, интернет-магазин... Соответствующие темы для сайта включают в себя эти модули. При выборе шаблона для своего сайта обратите внимание на то, как работают встроенные функции.

Как выбрать тему

Как и в Joomla, шаблоны для Drupal играют роль основы, которую вебмастер корректирует под свои нужды - или оставляет неизменной, если тема и так отлично подходит для портала.


Нужна ли "резиновая" вёрстка

Не просто нужна - необходима. Адаптивные темы для Drupal пользуются наибольшей популярностью, потому что прибегать к фиксированным в наше время - опасное занятие. Вы можете сами проверить разницу между ними, установив на свой сайт фиксированную тему. Попробуйте плавно менять размер окна и посмотрите, как некрасиво будет выглядеть сайт. А теперь установите адаптивный шаблон - элементы плавно изменяют свой размер вместе с окном браузера.

15-20 лет назад "резиновая" (она же адаптивная) вёрстка была редкостью. И действительно, в ней не было нужды - мобильный веб был разве что в мечтах, и у большинства пользователей мониторы поддерживали стандартное разрешение 1024х768. Так что особой потребности в адаптации содержимого под размер окна не возникало. Сейчас ситуация кардинально поменялась - у посетителей сайтов совершенно разные мониторы, около 40% людей в интернете сидят через мобильные устройства (смартфоны и планшеты) с различным разрешением. Может показаться, что "резиновые" макеты бывают только в платных шаблонах, но на многих сайтах можно скачать адаптивные темы для Drupal бесплатно.

Верстать страницу для каждого отдельного типа разрешения (коих сейчас десятки) контрпродуктивно. Чтобы сайт смотрелся красиво и гармонично и на десктопе, и на смартфоне, прибегают к адаптивной вёрстке. Её суть проста - размер и наличие элементов сайта зависит от размера окна браузера и растягивается вместе с ним. Обычно "резиновую" вёрстку делают от малого к большому - вначале верстают самую маленькую версию сайта для мобильных устройств, а потом, с увеличением разрешения, добавляют необязательные для навигации, но удобные и симпатичные элементы: колонки, меню, кнопки, оформление.

Адаптив


Есть ли хорошие бесплатные темы для Drupal

Открытое и активное сообщество считается одним из главных плюсов Drupal - бесплатные темы здесь не редкость. Но насколько они хороши?

Платные шаблоны для Drupal - это, как правило, готовые конечные решения, которые почти не требуют изменений от вебмастера. Они оснащены очень мощным, но зачастую излишним функционалом, который вряд ли нужен вашему сайту. Бездумное использование платных тем может привести к утяжелению сайта, из-за чего стоимость тарифа хостинга может возрасти. Бесплатные темы часто оказываются куда более подходящими и интересными решениями для портала. Drupal - на редкость дружелюбная CMS, поэтому даже человеку без опыта работы в веб-дизайне не составит труда отредактировать бесплатную тему.

Многие бесплатные шаблоны поставляются с пометкой Starting pack. Это означает, что тема - всего лишь заготовка, применять её к сайту без редактирования не стоит. Есть и множество относительно готовых решений, требующих минимального вмешательства. Огромное комьюнити Drupal разрабатывает и безвозмездно делится шаблонами для самых разных сайтов. Среди бесплатных тем есть:

  • интернет-магазины;
  • лэндинги;
  • сайты-визитки;
  • сайты-портфолио;
  • форумы;
  • шаблоны для информационных порталов и многое другое.

Что такое Bootstrap

Если вы уже заглянули на какой-нибудь сайт, где можно скачать шаблоны для CMS, то вы наверняка наткнулись на категорию тем "Drupal Bootstrap". Что это такое?

Bootstrap - это фреймворк-конструктор, который позволяет обогащать сайт на Drupal. Он загружает на сервер скрипты, которые отвечают за добавление таких элементов UI, как:

  • всплывающие подсказки;
  • поля ввода;
  • кнопки;
  • заголовки.

Другими словами, Bootstrap позволяет улучшить пользовательский интерфейс - расширить функциональность и усовершенствовать внешний вид. Разработчики ценят этот конструктор за широкие адаптивные возможности (Bootstrap в первую очередь приспособлен для мобильных устройств), простой и компактный код, толковую документацию по каждому элементу. Для вебмастера главный плюс Bootstrap кроется в его лёгкости - сайт на таком шаблоне грузится ощутимо быстрее.

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

Что такое Bootstrap

Как установить тему

Порядок установки темы зависит от версии Drupal.


Drupal 7

Установка тем Drupal 7.х сводится к копированию файлов шаблона на сервер:

  1. Скачайте тему и разархивируйте её.
  2. Откройте папку с шаблоном и перейдите в директорию /sites/all/themes.
  3. Скопируйте находящуюся внутри папку с названием выбранной темы на сервер в директорию /sites/all/themes.
  4. Зайдите на панель администрирования. В меню Appearance в списке шаблонов выберите новый и нажмите Enable and set default.

    Как установить тему в Drupal
  5. Мы ещё не закончили - модули шаблона не будут работать, пока вы не установите их. Для этого скопируйте директории /sites/all/libraries и /sites/all/modules из пакета шаблона на сервер.


Drupal 8

Новая версия появилась сравнительно недавно, и некоторые темы её ещё не поддерживают. Перед скачиванием и попыткой установки убедитесь, что шаблон подходит для восьмой версии CMS. На сайтах, где можно скачать бесплатно темы для Drupal, всегда есть пометки, с какими версиями шаблон стабильно работает.

Установка шаблонов в Drupal 8.х стала очень простой:

  1. Скачайте тему в формате .zip. Не распаковывайте архив.
  2. Зайдите в панель администратора и перейдите на вкладку "Оформление" (Appearance).
  3. Нажмите большую синюю кнопку "Установить новую тему" (Install new theme). 

    Drupal 8
  4. Нажмите "Обзор" и выберите скачанный архив.
  5. Нажмите "Установить".

    Установка темы в Drupal 8
  6. Установщик Drupal автоматически загрузит и модули, и библиотеки темы. Вручную добавлять их не нужно. Теперь осталось только перейти на вкладку "Оформление" и установить новую тему шаблоном по умолчанию.

Комментарии

Олег 0
10 янв в 13:01
Спасибо за хорошую статью. Порекомендую разобраться с разницей между различными версиями: https://senior.ua/articles/opredelenie-drupal-v-chem-raznica-mezhdu-razlichnymi-versiyami