От автора: приветствую Вас друзья. Любой разрабатываемый проект помимо своего функционала, должен быть красивым, элегантным и, конечно же, неповторимым, что бы с первых секунд посещения, он надолго запоминался его пользователям. Поэтому в данном уроке мы с Вами поговорим о дизайнерской стороне разработки сайтов, а если быть точнее, то сегодня Вы узнаете, как правильно установить тему в Drupal 8.
Как и любая хорошая CMS Drupal построен по принципам шаблона проектирования MVC, а значит логика его работы, полностью отделена от шаблона, то есть представления данных. Соответственно, что бы изменить оформление сайта, необходимо либо осуществить правки шаблона, либо выбрать и установить новый и как раз об этом мы с Вами подробно поговорим сегодня.
Но для начала давайте все же более подробно рассмотрим понятие шаблона и определимся с его задачами. Итак, шаблон, или тема – это обычный набор файлов, которые определяют дизайн и поведение сайта. Причем содержимое каждого файла – максимально простое и не содержит управляющей логики, то есть по сути это обычный HTML код с вкраплениями PHP кода и определенных конструкций, благодаря которым на экране отображается динамическое содержимое страниц. Другими словами, указанные вставки при обработке шаблона будут заменены на необходимый контент в соответствии с запросом пользователя. Ну и конечно вышеуказанные конструкции реализуют хоть и простейшую, но все же логику, так как без нее не обойтись. Таким образом, дизайнерам или верстальщикам вполне удобно вносить правки в шаблон так для этого не требуются большие познания языков программирования, хотя все же в некоторых особенностях строения темы придется разобраться.
Но это не тема данного урока, поэтому все, что касается структуры и принципов создания тем, мы оставим для другой статьи, а сегодня, как было сказано вначале, мы разберем, простой но очень важный вопрос — как установить тему на друпал. Потому как в данное время создано огромное количество уже готовых тем, которые распространяются на бесплатной основе, которые Вы вполне можете использовать для своего сайта. Хотел бы отметить, что среди существующих шаблонов, есть как полноценные – вполне законченные темы, так и заготовки, которые представляют собой каркас, требующий дальнейшей доработки. То есть, как Вы видите по большому счету, ограничений практически нет, каждый может выбрать себе то, что ему по душе. Кстати, темы заготовки, как правило, отмечаются метками – starter theme, то есть стартовая или начальная тема – Ваш будущий фундамент, используя который Вы можете построить неповторимое строение.
Как и любое другое расширение, поиск подходящей темы, стоит начинать с официального сайта расширений Drupal.
Далее выбираете подходящую версию CMS и ищите наиболее подходящую тему для Вашего сайта в плане дизайна. Конечно, стоит отметить, что поиск тем немного затруднен, так как разработчики приводят достаточно скудную информацию, по структуре и дизайну предлагаемой темы, а значит как говориться, пока не попробуешь не узнаешь, подходит или нет. Поэтому я предлагаю выбрать шаблон, название которого совпадает с очень популярным в данное время фреймворком CSS — Bootstrap.
Обратите внимание, что на страницах полного описания конкретной темы, вначале всегда приводится описание, а ссылки скачивания – располагаются в самом низу страницы.
Выбираем архив для необходимой версии движка и кликаем по соответствующему формату скачиваемого архива (я выбираю формат zip). Так как версия 8 CMS появилась сравнительно не давно, то некоторые темы еще могут не поддерживать данную версию, поэтому будьте внимательны перед скачиванием.
Далее возвращаемся на сайт и переходим в раздел “Оформление”.
Данный раздел, как следует из названия, содержит инструменты по настройке внешнего вида сайта.
И сразу же мы видим перечень установленных тем, но мы собираемся установить новую, а значит кликаем по кнопке “Установить новую тему”.
На следующей странице, мы можем выбрать файл с архивом устанавливаемой темы, для загрузки и последующей установки, или можем в первое текстовое поле добавить адрес, темы для установки непосредственно с удаленного сервера (в этом случае не нужно скачивать архив). Так как мы скачали ранее тему, значит выбираем ее, используя форму загрузки файла и кликаем по кнопке “Установить”.
В результате, чего сразу же начинается установка. Как только данный процесс будет завершен, мы увидим следующее сообщение на экране.
Теперь следует вернуться в раздел оформление для окончательной установки будущего шаблона сайта.
В самом низу страницы, Вы увидите темы, которые еще не установлены, конечно же среди них располагается и интересующая нас Bootstrap. Для окончательной установки кликаем по кнопке “Установить”.
После этого тема подымается выше, к остальным – установленным. Напротив нее – Вы найдете ссылку “Установить по умолчанию”, которую необходимо использовать для выбора текущей темы в качестве шаблона по умолчанию для CMS Drupal, что, конечно же, я и делаю.
Вот, по сути, и все, теперь Вы знаете, как установить шаблон на Drupal. Согласитесь, операция довольно не сложная и даже интересная, а значит, для закрепления материала я предлагаю Вам, в качестве небольшого домашнего задания, выполнить еще парочку установок других шаблонов.
В любом случае мы с Вами рассмотрели только лишь основы, а более подробно работа с шаблонами и с другими типами расширений рассмотрена в премиум курсе Курс по Drupal. Основы.
На этом данная статья завершена. Всего Вам доброго и удачного кодирования!!!