Устройство тем оформления системы управления сайтом Natali

поиск по сайту

мои благодарности

Сайт и форум русской поддержки CMS PHP-Nuke. Особая благодарность админу этого сайта Михе hard'у

За «Денвера» и за бесценные советы, почерпнутые из книг Д. Котерова

Уникальная утилита для создания BackUp баз данных сайтов.

ваш аккаунт

последние статьи

смайлики. Часть 2.
В прошлой статье я писал, как добавить к текстовому полю формы JavaScript, который добавляет в форму BB-код смайлика...

Добавляем в форму смайлики
На самом деле добавить в форму гостевой книги или комментариев смайлики не так сложно, как кажеться — нужно...

Вред от XHTML 1.0 Strict
Мода на «web 2.0», стремление подогнать сайты под какие либо стандарты вынуждают web-мастеров идти на...

Устройство тем оформления
Учебное пособие: делаем собственную тему оформления (шаблон) для системы управления сайтом Natali. Подробное описание методики интеграции своего дизайна в систему управления сайтом.

продажа аудиторских услуг , 1С Бытовка. Строительство быстровозводимых зданий бригадой. Федеральная ипотечная программа - ипотека вычет, кредит под квартиру подробнее на www.ipotekand.ru

Устройство тем оформления

12 декабря 2007

Учебное пособие: делаем собственную тему оформления (шаблон) для системы управления сайтом Natali. Подробное описание методики интеграции своего дизайна в систему управления сайтом.

Адаптация собственного дизайна в CMS Natali довольно простое занятие. Для начала давайте ознакомимся со структурой темы оформления. Откройте любую тему оформления, которая находится в папке templates (в Natali-Breeze «родная» тема так и называется — breeze). В папке темы находяться еще три: blocks, images и style, а также файл index.tpl. Рассмотрим подробнее:

blocks
В этой директории находятся шаблоны оформления блоков. В ней обязательно должен присутствовать файл default.tpl - этот шаблон блока используется в случае смены темы оформления, в которой отсутствует нужный файл шаблона, применяемый ранее . В шаблонах блоков инициированы две переменные: {$title} и {$block} — вместо них подставляются заголовок блока и его содержимое соответственно. Во всем остальном шаблон — простой HTML-код. Вот пример простейшего шаблона:

<div>{$block}</div>

Как видите, здесь не обозначена даже переменная {$title} — то есть в блоке с таким шаблоном будет выведено только его содержимое, без заголовка. Подобные шаблоны хорошо использовать например для вывода рекламных блоков вверху или внизу главной страницы. Полный вариант HTML-кода шаблона блока — с выводом названия, будет выглядеть так:

<div>{$title}</div>

<div>{$block}</div>

Шаблонов блоков может быть неограниченное количество — все зависит только от вашей фантазии.

images
Здесь, думаю, все понятно и без объяснений — директория предназначена для хранения изображений, используемых в шаблонах.

style
В этой директории находиться файл таблицы каскадных стилей style.css — в вашей теме оформления он должен иметь такое же название!

index.tpl
это файл основного шаблона темы оформления. Его устройство немногим сложнее шаблонов блоков — в нем всего лишь используется побольше переменных. Если вы немного разбираетесь в HTML, я думаю для вас не составит труда разобраться, что к чему в ниже приведенном коде (я умышленно использую простейшую конструкцию-таблицу — что бы проще было разобраться). Итак:

<table>

       <tr>

           <td colspan="3">верхние блоки</td>

       </tr>

       <tr>

           <td>левые блоки</td>

           <td>центр страницы - именно здесь выводятся статьи...</td>

           <td>правые блоки</td>

       </tr>

       <tr>

           <td colspan="3">нижние блоки</td>

       </tr>

       <tr>

           <td colspan="3">и здесь - копирайты</td>

       </tr>

</table>

Еще раз повторюсь — выше приведена простейшая модель шаблона, но ее вполне достаточно для понимания принципа построения тем оформления. А теперь тот же самый код, но уже с использованием переменных вместо «подсказок»:

<table>

       <tr>

           <td colspan="3">{$top}</td>

       </tr>

       <tr>

           <td>{$left}</td>

           <td>{$page}</td>

           <td>{$right}</td>

       </tr>

       <tr>

           <td colspan="3">{$bottom}</td>

       </tr>

       <tr>

           <td colspan="3">{$footer}</td>

       </tr>

</table>

Вот собственно и все, что касается тем оформления.

ПРИМЕЧАНИЕ: иногда, во время смены темы оформления, бывает что тема вроде и сменилась, а не совсем. Связано это с особенностями обработчика шаблонов (он по прежнему продолжает использование старых временных файлов). Если у вас возникла такая ситуация — откройте папку temp, которая находиться в корне сайта, и удалите из нее все файлы, кроме .htaccess.

логин:
пароль:
запомнить меня
регистрация забыли пароль?