Шаблон своими руками drupal

От автора: монотонность напрягает, а одинаковость может довести до ступора. Представьте, если бы все сайты в интернете выглядели бы одинаково! Хорошо, что есть Drupal шаблоны, которые способны разнообразить всемирную Сеть.

Где их искать?

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

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

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее

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

Сначала редактор

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

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

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

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

Работа со структурой

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

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

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

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее

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

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

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

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

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

Собственная «шкурка»

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

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

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

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

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

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

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

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

Хотите быстро научиться создавать сайты и блоги на WordPress с уникальным дизайном?

Получите самую полную в Рунете бесплатную систему обучения создания сайтов на WordPress

Узнать подробнее

Курс по Drupal. Основы

Прямо сейчас посмотрите курс по Drupal!

Смотреть курс

Метки:drupal

Похожие статьи:

Источник: https://webformyself.com/sozdaem-sobstvennuyu-zagotovku-pod-budushhie-drupal-shablony/

Предыдущая статья: скрипт продаж своими руками

Следущая статья: фундамент монолит своими руками

Лучшие статьи: