Создаем собственную заготовку под будущие Drupal шаблоны

29 Мая 2022г. в 04:33

Для начала разберемся, где в админке CMS находятся шкурки. После авторизации в движке в верхнем меню перейдите в раздел «Оформление». Здесь приводится список установленных вариантов дизайна.

Создаем собственную заготовку под будущие Drupal шаблоны

Каждый из них можно настроить и активировать. Для этого нужно перейти по соответствующей ссылке, расположенной возле плитки темы.

Создаем собственную заготовку под будущие Drupal шаблоны

Чтобы стать обладателем нового дизайна, перейдите по соответствующей ссылке вверху. В следующе окне укажите URL «шкурки» или расположение архива в файловой системе ПК.

Создаем собственную заготовку под будущие Drupal шаблоны

Сначала редактор
Но не так все просто с этой CMS. Чтобы изменять содержимое разметки страниц сайта, придется установить отдельный модуль (Wysiwyg).

Создаем собственную заготовку под будущие Drupal шаблоны

Затем скачать один из редакторов, поддерживаемых 8 или семеркой. Обе версии движка сейчас актуальны.

Создаем собственную заготовку под будущие Drupal шаблоны

После этого скачать архив с нужным приложением и установить его. Благо, ссылки на поддерживаемые программы «вшиты».

Создаем собственную заготовку под будущие Drupal шаблоны

И только после этого вы получаете возможность редактировать HTML-код страниц. Стандартный модуль имеет «аскетичный» функционал для правки текста. Но после установки стороннего приложения все становится не так печально.

Создаем собственную заготовку под будущие Drupal шаблоны

Работа со структурой
В Drupal не реализовано внутренних возможностей админки для изменения макета сайтов. Для этого придется использовать сторонние приложения.

Каждая версия CMS имеет свои особенности расположения тем. В восьмой — все дефолтные находятся в папке core. У 7 другая структура:

Создаем собственную заготовку под будущие Drupal шаблоны

Загруженные шкурки лежат в другой директории.

Создаем собственную заготовку под будущие Drupal шаблоны

Теперь откроем одну из шкурок и найдем в ней папку templates. Вот ее «традиционное» содержимое:

Создаем собственную заготовку под будущие Drupal шаблоны

Все макеты имеют название, по которым легко понять, за разметку какого элемента они отвечают. При этом их расширение (.tpl) тоже позволяет догадаться об их «шаблонной» природе.

А теперь «чужеродной» оболочкой (например, PHP Expert Editor) откроем один из этих файлов. Сначала кода приводится описание всех переменных и параметров, используемых в скрипте.

Создаем собственную заготовку под будущие Drupal шаблоны

Затем сам скрипт на PHP, разбавленный HTML.

Создаем собственную заготовку под будущие Drupal шаблоны

Думаю, разобраться несложно. В одном из следующих материалов мы подробнее «просветимся» по этой тематике.

Собственная «шкурка»
Теперь займемся собственным вариантом дизайна. Это будет только вводная часть по разработке темы. Но и этого объема будет достаточно для понимания сути.

Создаем папку – назовем ее theme_test. Она будет располагаться по следующему пути:

Создаем собственную заготовку под будущие Drupal шаблоны

Сохраняем файл с названием нашей темы и расширением .info. После чего прописываем в нем минимальную информацию о «шкурке».

Создаем собственную заготовку под будущие Drupal шаблоны

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

Добавляем в папку проекта основные файлы, папку с изображениями и скриншот интерфейса темы.

Создаем собственную заготовку под будущие Drupal шаблоны

Установка «шкурки» — в админке CMS переходим в раздел «Оформление». Среди неактивных должна присутствовать и наша тема. Активируем ее и устанавливаем как дизайн по умолчанию.

Создаем собственную заготовку под будущие Drupal шаблоны

Сохраняем файл index.php как page.tpl.php. Теперь решаем проблему с отображением рисунков. Разработанная шкурка «висит» на локальном сервере. Поэтому, чтобы не возникало проблем с выводом изображений, используйте указанный на скрине URL:

Создаем собственную заготовку под будущие Drupal шаблоны

Вот так своими руками мы разработали первую простейшую «рубашку» для сайта. Это всего лишь заготовка темы. На ее основе вы сможете «ваять» собственное произведение искусства.