Урок - Стили оформления.

Главная » Курсы » Курс Drupal 6, Темизация. » Урок - Стили оформления.

Обучающий онлайн курс
Drupal 6, Темизация.

Лицензия: Копирование запрещено.

Большинство страниц в сети для управления оформлением страницы используют внешние файлы стилей. Традиционно, код в HTML-странице указывает на файлы стилей, которые должны быть помещены на этой странице (обычно в теге <head>). Пример:

<link rel="stylesheet" type="text/css" href="/mytheme.css" />

Этот код просто говорит браузеру где найти файл mytheme.css, который управляет оформлением страницы. В браузере, страница полученная от Drupal могла бы выглядеть точно таким же образом — в секции <head> находятся указатели на внешние файлы со стилями. Основная разница заключается в том, каким образом эти указатели добавляются на страницу. Drupal позволяет самостоятельно добавлять новые стили и переопределять стили стандартных и дополнительных модулей. Если используются подтемы, то можно переопределить и стили базовой темы.

Понимание CSS в Drupal

CSS — Cascading Style Sheets — это стандартная технология по управлению оформлением страниц сайта. Когда страница запрашивается браузером, один или несколько подгружаемых .css-файлов говорят о том, как должны быть оформлены элементы этой страницы.

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

Некоторые модули (как стандартные, так и дополнительные) используют свои .css-файлы, которые определяют оформления тех данных, которые этими модулями генерируются. В то время, как эти файлы можно отредактировать нужным образом в папке модуля, рекомендуется скопировать (или переместить) их в папку темы, а затем править те версии, которые лежат в папки темы.

В некоторых случаях, можно столкнуться с тем, что HTML-разметка генерируемая модулем не содержит селекторов, которые бы позволили оформить данные с использованием CSS. Например, модуль может применять стандартный HTML-тег <h2> для заголовка, в то время, как стандарты кодирования требуют использования разметки <h2 class="myClass">. В этом случае можно изменить разметку генерируемую модулем воспользовавшись возможностями переопределения функций, которые даёт файл template.php.

Для работы с CSS, есть множество инструментов, описание которых можно найти в разделе Программы разработчика.

Важно отметить, что определённые аспекты оформления сайта можно изменять без помощи правки стилей, шаблонов, файла описания темы и т.д. Кроме того, есть много дополнительных модулей изменяющих интерфейс управления сайтом. Например в определённых темах можно изменять цветовую схему без правки кода (требуется совместимость и включение модуля Color), без правки кода можно изменить логотип, слоган сайта или его значок.