Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Веб программирование.Начало пути.doc
Скачиваний:
6
Добавлен:
01.04.2025
Размер:
8 Мб
Скачать

Создание индивидуальных шаблонов

Чтобы создать новую тему, можно модифицировать существующую тему или начать с нуля. Чтобы модифицировать существующую тему, просто скопируйте ее в новую директорию в папку themes. Затем измените тему настолько насколько вам нужно. В зависимости от того, чем является тема шаблоном или основанной на файле .theme, вы можете использовать PHP или XHTML/CSS для его изменения. Если вы хотите всего лишь поменять CSS темы, просто поместите новый файл style.css в поддиректорию темы: он появится как новая тема в Drupal.

Если вы хотите начать с нуля, есть несколько способов. Если вы не программист, тогда наиболее простое решение движки шаблонирования. По умолчанию, Drupal поставляется с движком шаблонов XTemplate, которому нужно, чтобы вы создали основу со специальными метками. Смотрите документацию XTemplate для дополнительной информации. Есть другие движки шаблонирования доступные в репозитории пожертвованных разработок, таких как PHPTemplate.

Темы Drupal обычно кодированы прямо в PHP. Этот метод все еще доступен, но сложнее в использовании и применении тем основанных на шаблонах.

Движок шаблонирования xTemplate

Система шаблонирования XTemplate использует шаблоны для верстки и стилизации веб-страниц. Она разделяет логическое (PHP), структурное (XHTML/HTML) и стилистическое (CSS) изготовление. Для дизайнеров проще создавать и модифицировать шаблоны, работая на XHTML/HTML и CSS без забот о кодировании в PHP.

Шаблоны XTemplate это директории, которые содержат HTML, CSS, изображения и файлы JavaScript Шаблоны размещены в директории тем /themes/. Когда шаблон появляется в директории тем, XTemplate автоматически определяет его и делает доступным для выбора: "Администрирование" -> "Темы".

Drupal распространяется с включенными шаблонами XTemplate - Bluemarine и Pushbutton.

Создание нового шаблона

Чтобы создать новый шаблон XTemplate, нужно создать новую директорию в /themes/. Например, /themes/myTemplate/. Он сразу появится на странице выбора шаблона под именем "myTemplate". Простой способ создать новый шаблон – это сделать копию существующего шаблона, такого как Default или Pushbutton, и сделать изменения. Единственный файл, который нужен в директории - это xtemplate.xtmpl, который является обычным файлом HTML или XHTML, содержащим некоторые тэги XTemplate, которые Drupal заменяет содержимым, когда страница обслуживается. Файл xtemplate.xtmpl можно редактировать в DreamWeaver, GoLive, BBEdit или любом другом приложении. Все остальные файлы в шаблоне являются выборочными, и присоединяются из файла xtemplate.xtmpl. Если вы дадите таблице стилей имя style.css, она будет автоматически подключена к Drupal и не нужно явно добавлять для этого @import . Если вы делаете поддиректорию внутри шаблона, содержащего другой файл style.css, тогда поддиректория станет новой темой, использующей XHTML из первой темы, но с другой стилевой таблицей stylesheet.

xTemplate создает веб-страницы, замещая теги заполнители в шаблоне, файла xtemplate.xtmpl, содержимым из базы данных. Есть два типа тэгов заполнителей в шаблоне, теги раздела и теги элемента.

  • Тэги раздела. Теги имеют дело со структурой веб-страницы, области страницы и создают следующие тэги комментарии:

<!-- BEGIN: title --> <!-- END: title -->

Некоторые тэги раздела помечают области, где содержимое и его структура будут повторены. Например:

<!-- BEGIN: comment --> <!-- END: comment -->

Тэги секции могут вкладываться, так, что один набор тэгов секции может быть внутри другого:

<!-- BEGIN: node -->

<!-- BEGIN: title --> <!-- END: title --> <!-- END: node -->

  • Тэги элемента

Тэги элемента являются заполнителями для элементов содержания, таких как заглавие страницы, автор или главное содержимое страницы. Тэги элемента выглядят следующим образом:

{title}, {submitted}, {content}

Тэги элемента ассоциируются с тэгами раздела, который окружают, например:

<!-- BEGIN: comment -->

{title}

<!-- END: comment -->

Тэг выше {title} является главным названием страницы, тогда как тэг {title} ниже это название комментариев на странице.