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

Доброго времени суток! С данной статьи я начинаю цикл постов, посвященных созданию шаблонов для CMS Joomla 1.7. Для тех кто еще не знает, что такое CMS и не знаком с CMS Joomla я предлагаю в начале прочитать мою статью «Основы Joomla 1.6».
А в данной статье мы рассмотрим структуру файлов и папок шаблона, сверстаем простенький html-файл и переделаем его в шаблон(template) для Joomla. Итак, приступим...Структура шаблона (template) для CMS Joomla.
Все шаблоны (или template) находятся в папке templates корневой папки Joomla. Каждый шаблон храниться в отдельной папке, Так, например, при установке Joomla из коробки сразу есть несколько стандартных шаблонов: atomic, beez_20, beez5 и system.
Приступим к созданию своей темы и назовем ее «my_theme». Для этого в папке с шаблонами  создадим папку «my_theme», где будет размещаться наш шаблон.
Любой шаблон состоит из набора файлов, так например,   стандартная тема «beez_20» состоит из файлов которые Вы можете посмотреть в ./templates/beez_20/. Рассмотрим структуру template для CMS Joomla 1.7 (хотелось бы заметить, что структура template для Joomla 1.5 несколько отличается от структуры template для Joomla 1.7), шаблон состоит из папок и файлов:

• папка CSS – папка для размещения фалов стилей
• папка fonts – для размещения экзотических шрифтов
• папка html – для размещения фалов, которые изменяют вида различных расширений под наш шаблон
• папка images – для хранения раисунков
• папка javascript – для хранения javascript
• папка  language – для размещения различных языков
• файл component.php – для создания шаблона страницы печати
• файл error.php – для создаие шаблона вывода ошибки 404
• файл favicon.ico – favicon нашего сайта
• файл index.html – заглушка
• файл index.php – основной файл шаблона
• файл templateDetails.xml – файл описания конфигурации
• файл template_preview.png – превьшка нашего сайта
• файл template_thumbnail.png – скрин нашего шаблона, доступный для предварительного просмотра в менеджере шаблонов

Итак, с файловой структурой шаблона для CMS Joomla 1.7 разобрались. Теперь разберемся со структурой шаблона, который мы делаем.
Структура, создаваемого шаблона.
Прежде чем начать создавать шаблон, нужно определиться с некоторыми моментами, например, пусть ширина у нас будет фиксированная равная 1000px. Теперь определимся с размещением на нашем сайте. Давай сайт будет иметь следующий вид: 

Область 1: разместим логотип или название сайта
Область 2: разместим поиск по сайту
Область 3: Разместим верхнее меню
Область 4: Разместим левое (основное) меню и авторизацию на сайте
Область 5: Разместим контент
Область 6: Разместим дополнительное меню
Область 7: footer

После того как мы определились со структурой нашего шаблона перейдем к html верстке. Как наша страница будет сверстана, можно начать переделывать ее под шаблон Joomla 1.7. Но этим мы займемся в следующем посте.

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

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