Как сделать шаблон темы для Drupal — 1. Две колонки
Шаблон темы Друпала — это один обязательный файл page.tpl.php который включает переменные заключённые в HTML-теги. Это «схематический» пример, если вы совсем не представляете с чего начать.
Берём голый HTML:
<html>
<head></head>
<body></body>
</html>Добавляем вывод названия названия документа и названия сайта в заголовке окна браузера:
<html>
<head>
<title> <?php print $head_title ?> </title>
</head>
<body></body>
</html>Добавляем вызов мета-тегов, стилей и JS:
<html>
<head>
<title> <?php print $head_title ?> </title>
<?php print $head ?> <?php print $styles ?> <?php print $scripts ?>
</head>
<body>
</body>
</html>Добавляем вывод логотипа и названия сайта в слой shapka:
<html>
<head>
<title> <?php print $head_title ?> </title>
<?php print $head ?> <?php print $styles ?> <?php print $scripts ?>
</head>
<body>
<div id="shapka"> <?php print $logo ?> <?php print $site_name ?> </div>
</body>
</html>Добавляем левую колонку в слой menu:
<html>
<head>
<title> <?php print $head_title ?> </title>
<?php print $head ?> <?php print $styles ?> <?php print $scripts ?>
</head>
<body>
<div id="shapka"> <?php print $logo ?> <?php print $site_name ?> </div>
<div id="menu"> <?php print $sidebar_left ?> </div>
</body>
</html>Добавляем вывод названия документа, вкладок и его содержания в слой content:
<html>
<head>
<title> <?php print $head_title ?> </title>
<?php print $head ?> <?php print $styles ?> <?php print $scripts ?>
</head>
<body>
<div id="shapka"> <?php print $logo ?> <?php print $site_name ?> </div>
<div id="menu"> <?php print $sidebar_left ?> </div>
<div id="content"> <?php print $title ?> <?php print $tabs ?> <?php print $content ?> </div>
</body>
</html>Добавляем слой podval:
<html>
<head>
<title> <?php print $head_title ?> </title>
<?php print $head ?> <?php print $styles ?> <?php print $scripts ?>
</head>
<body>
<div id="shapka"> <?php print $logo ?> <?php print $site_name ?> </div>
<div id="menu"> <?php print $sidebar_left ?> </div>
<div id="content"> <?php print $title ?> <?php print $tabs ?> <?php print $content ?> </div>
<div id="podval"> <?php print $footer_message ?> </div>
</body>
</html>И наконец говорим Друпалу, что шаблон закрыт:
<html>
<head>
<title> <?php print $head_title ?> </title>
<?php print $head ?> <?php print $styles ?> <?php print $scripts ?>
</head>
<body>
<div id="shapka"> <?php print $logo ?> <?php print $site_name ?> </div>
<div id="menu"> <?php print $sidebar_left ?> </div>
<div id="content"> <?php print $title ?> <?php print $tabs ?> <?php print $content ?> </div>
<div id="podval"> <?php print $footer_message ?> </div>
<?php print $closure ?>
</body>
</html>Вот и всё — простой двухколоночный шаблон с шапкой и подвалом готов. Осталось указать DOCTYPE, язык документа и приступить к оформлению через CSS. Дальнейшее усложнение шаблонов будет строиться только через использование большего количества переменных и конструкций вроде:
<?php if ($help): print $help; endif; ?>Единственное что вам нужно будет знать для создания своих шаблонов — это переменные. Список переменных page.tpl.php, правила использования шаблонов и стандартный шаблон темы Garland можно посмотреть по этой ссылке: page.tpl.php.
Comments
Спасибо за статью.
У Вас лишний закрывающий тег
в разделе "Добавляем слой podval:"
Убрал.
А это графический редактор есть ???
Ошибочка с выводом лого, надо както так:
img src="<?php print $logo ?>" border="0"/>Бесплатные шаблоны Drupal
Post new comment