Креативные решения для бизнеса

Итак задача стоит сделать из простого кода html страницы шаблон для Joomla 1.5. В шаблон Joomla входят папки css(для редактирования оформления текста и других элементов), html (для создания шаблонов некоторых элементов, пока не трогаем), images(там хранятся ваши изображения). В корне папки шаблона должны лежать файлы: index.php, templateDetails.xml. Начнём с файла index.php. Для этого возьмём уже заготовленный, свёрстанный hmtl файл(обычно он называется index.html) Имеем следующий код страницы html(для удобства взят трёхколоночный сайт с шапкой и подвалом ), листинг файла:

       
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Сайт</title>
<table style="width: 100%;" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td colspan="3" background="images/bg_top.gif">Шапка</td>
</tr>
<tr>
<td width="20%">Содержимое слева</td>
<td><img src="/images/img1.jpg" height="144" width="144" />Основной текст</td>
<td width="20%">Содержимое справа</td>
</tr>
<tr>
<td colspan="3" background="images/bg_bottom.gif">Подвал</td>
</tr>
</tbody>
</table>

Идём по порядку. Для того чтобы сделать динамический вывод названий страниц meta-тэгов и всего, что входит в тэг head заменяем вот этот код:

       
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Сайт</title>

       
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<jdoc:include type="head">
<link rel="stylesheet" href="/templates/site_template/css/template.css" type="text/css" />

Дальше для того чтобы изображения загружались в шаблоне прописываем правильную ссылку на изображение она должна иметь вид templates/название_папки_шаблона/images/название_изображения.gif в нашем случае, заменяем код

background="images/bg_top.gif"

 background="templates/site_template/images/bg_top.gif"

(site_template - название папки шаблона) аналогичный код у всех изображений, только название изображения меняется

Дальше для того, чтобы в ячейке,где содержится текст "Содержимое слева" выводилось содержимо модулей нужно прописать определённый код ,по этому коду будут выводится все модули, для которых позиция назначена left
Заменяем:

Содержимое слева

<jdoc:include type="modules" name="left" style="raw">

Дальше для того, чтобы в ячейке выводился "Основной текст", нужно вставить другой текст , он будет выводить как текст материалов, так и компоненты, при этом ссылку на изображение тоже нужно заменить

<img src="/images/img1.jpg" height="144" width="144" />Основной текст 

<img src="/templates/site-template/images/img1.jpg" height="144" width="144" /><jdoc:include type="component"> 

Далее переходим к редактированию файла templateDetails.xml. Об этом во второй части