Создание шаблона для Joomla 1.7. Верстка шаблона Joomla 1.7 (часть 2)

Создание шаблона для CMS Joomla 1.7

Доброго времени суток! И мы продолжаем цикл статей по созданию шаблона для CMS Joomla. В предыдущем посте о "Создании шаблона для CMS Joomla"  мы рассмотрели структуру шаблона и определились как будет выглядеть наш, создаваемый с нуля, шаблон для CMS Joomla. Теперь приступим непосредственно к созданию шаблона. Если Вы еще не знаете, что такое шаблон, то я Вам рекомендую прочитать мою статью "Основы Joomla"
Для начала нам нужно сделать html-верстку макета. Тут я не буду подробно останавливаться – html-верстка это отдельная и объемная глава. Если честно, кто не умеет верстать может воспользоваться шаблоном сайта. Благо сайтов, предоставляющих возможность скачать в интернете бесплатные шаблоны очень много.
Но мы ведь делаем все сами )). Поэтому и верстать будем сами.
Создадим папку с названием нашего шаблона, например lesson. В данной папке создадим файл index.html – это и будет основной файл будущего шаблона для joomla. В папке lesson создадим подпапку CSS, где будут храниться наши стили. Теперь займемся версткой. Готовую верстку данного макета Вы можете скачать ТУТ. После того, как наша html-верстка шаблона соответствует эскизу, перейдем непосредственно к созданию шаблона для Joomla.
А точнее к формированию шаблона из html-верстки.

• Для этого поместим нашу папку lesson в папку templates, где установлены шаблоны Joomla.
• Переименуем файл index.html в файл index.php.
• Откроем файл index.php и изменим следующую строку
• <link href="./css/template.css" rel="stylesheet" type="text/css" />
• на следующую
• <link href="<?php echo $this->baseurl ?>/templates/lesson/css/template.css" rel="stylesheet" type="text/css" />.
• Этой строкой мы подключили стиль для нашего Joomla шаблона.
• Теперь создадим файл templateDetails.xml – это основной конфигурационный файл для шаблона.

Содержание файла templateDetails.xml.
<?xml version="1.0" encoding="utf-8"?>
<extension version="1.7" type="template" client="site">
<name>lesson</name>
<creationDate>22.08.2011</creationDate>
<author>zloykolobok</author>
<authorEmail>zloykolobok@mail.ru</authorEmail>
<authorUrl>zloykolobok.blogspot.com</authorUrl>
<copyright>Copyright (C) 2005 - 2011 Open Source Matters, Inc. All rights reserved.</copyright>
<license></license>
<version>1.0.0</version>
<description>Урок по созданию шаблона</description>
<files>
<folder>css</folder>
<filename>index.html</filename>
<filename>index.php</filename>
<filename>templateDetails.xml</filename>
<filename>template_thumbnail.png</filename>
</files>
</extension>
Внутри тега < extension > мы описываем для версию CMS Joomla, тип расширения (в нашем случае type="template") и область системы (в нашем случае client="site")

• В теге <name> мы указываем имя нашего шаблона для CMS Joomla.
• В теге <creationDate> – указываем дату создания шаблона
• В теге <author> – указываем автора данного шаблона
• В теге <authorEmail> – указываем email автора
• В теге <authorUrl> – указываем сайт автора
• В теге <copyright> – указываем copyright
• В теге <license> – указываем лицензию
• В теге <version> – указываем версию шаблона CMS Joomla
• В теге <description> – создаем описание для созданного шаблона
• В теге <files> – указываем все папки и файлы, которые входят в шаблон

На этом описание нашего шаблона закончено.
Ну, что можно проверять, что у нас получилось. Для этого заходим в админ панель нашего сайта и в основном меню переходим (если Вы еще не знакомы с интерфейсом CMS Joomla, то я Вам рекомендую прочитать серию статей по интерфейсу Joomla) Расширения->Менеджер шаблонов. Во вкладке «Шаблоны» должен появиться наш вновь созданный шаблон.
Возможно он не появился, тогда необходимо в главном меню перейти Расширения->Менеджер расширений и во вкладке «Поиск» нажать «Найти», после чего установить найденное расширение.
ТУТ Вы можете скачать готовый шаблон для CMS Joomla.
Переходим во вкладку «Стили» менеджера шаблонов и устанавливаем наш шаблон lesson по умолчанию. Проверяем, если Вы все сделали правильно, то сайт будет выглядеть как мы и задумывали, но информации на нем не будет!!! Это тема следующих статей. На этом все.
В следующей статье мы подробно остановимся на позициях сайта. Всем удачи и приятного времяпрепровождения с CMS Joomla.

Понравилась статья? Поблагодарить автора:

Введите e-mail адрес: