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

Файлы стилей шаблона Drupal

Для примера рассмотрим несколько из них, начнем с color.css, который указывает значения цвета для некоторых элементов шаблона. Если открыть файл для редактирования, то можно встретить реализацию классов и псевдоклассов:

.tabs ul.primary li.active a {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;

Участок кода по-видимому отвечает за темизацию ссылок в HTML списке. Реализация довольно сложная, но очень компактная, хотя многих может ввести в заблуждение. Так же присутствует использование градиентов на странице, ну и различные стандартные обозначения для отдельных элементов шаблона.

Что никогда не любил в верстке CSS кода — его проверку на правильное представление сайта в других браузерах. Не могу точно сказать, что и мой сайт нормально отображается на других - Opera по крайней мере плохо отображает вкладки. Вот чтобы избежать некоторых казусов, касающихся старых браузеров, а именно Internet Explorer,  для них сделали еще по 3 файла для правильного отображения стилей шаблона Drupal, а точнее сайта.

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

Файлы шаблона Drupal

Template.php — глупо его ставить в самый конец, но что поделать, главное упомянул его. Данный файл является так же стандартным, однако его значение в темизации в шаблонах Drupal является более косвенной, чем у выше сказанных файлах. В нем прописываются все функции шаблона, которые в дальнейшем будут реализованы на сайте. Функции могут быть разные, будь-то вывод кнопок, добавление стилей для IE:

  drupal_add_css(path_to_theme() . '/css/ie.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'lte IE 7', '!IE' => FALSE), 'preprocess' => FALSE));
  drupal_add_css(path_to_theme() . '/css/ie6.css', array('group' => CSS_THEME, 'browsers' => array('IE' => 'IE 6', '!IE' => FALSE), 'preprocess' => FALSE));
}

В общем об участке кода, если вы зашли на сайт с браузера Internet Explorer до 7 версии, то автоматически срабатывает данная функция (хотя она работает для всех браузеров, просто в данном случае значение для нее будет False, а для IE True). Так же можно найти некторые функции для заголовков шаблона и прочих его частей. На начальном этапе вдаваться в данные подробности я бы не советовал, ибо на своих выводах можно сделать следующее — при начинании осваивания темизации и просмотра составляющих файлов Drupal, лучше всего начинать с простого.

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

Немного подытожим:

  • Drupal имеет довольно сложную, но в тоже время простую структуру составляющих файлов, а так же кода;
  • Каждый составляющий файл шаблона отвечает за свою отдельную часть, то есть комментарии, блоки, ноды и прочее. С помощью них можно легко затронуть темизацию любого шаблона;
  • Все работы по представлению информации основаны на регионах (дополнение к статье);
  • Присутствует множество файлов стилей, причем у каждого файла так же свое назначение;
  • Все файлы-шаблоны собираются в один файл page.tpl.php, который по сути является основным файлом для отображения шаблона в том виде, который задумал автор. Так же темизацию можно осуществить только на данном файле, однако это потребуется для того, чтобы переместить регион с одного места на другой;

На этом запись о составляющих файлах любого шаблона Drupal и его темизации можно закончить, в общем сама структура довольно проста для освоения темизации в Drupal. Все, что потребуется, это простое изучение данных файлов, конечно, если вы уже знакомы с языком программирования PHP. Если нет, то ищем автора Энди Хэрриса в гугле и заказываем книгу, или же прямо в сети читаем его книгу PHP, MySQL для начинающих (чайников). Советую так же при изучении любого движка, в том числе и Drupal, завести тетрадь (повторение мать учения) и писать в ней то, что замечали при работе — так и проходило мое изучение.

В общем экспериментируйте с темизацией и не только, и в скором времени у вас будет свой сайт, отличный от блога, с множеством функционала, который затем можно и продвинуть, причем используя возможности движка и, естественно, СЕО оптимизацию. Что касается меня, то тема для такого «портала» уже есть, идеи тоже, причем довольно хорошие. Осталось лишь подождать немного времени и найти команду, с которой смогу пообщаться в реальной жизни, а не по ICQ.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>