На горизонте замаячила Joomla 3.0. За разработчиками этого движка трудно угнаться, но мы попытаемся. Будем разбираться как сделать шаблон для Joomla 2.5 и 3.0 с нуля. Для тех кто смутно догадывается что такое шаблон для сайта, для начала рекомендую прочесть статью «Шаблон для Joomla сайта».

В отличии от предыдущих уроков «Разработка шаблона для сайта Joomla 1.5» и «Разработка шаблона для сайта Joomla 2.5», этой серии уроков я решила поменять тактику, и создать вместе с вами шаблон для Joomla 2.5 и 3.0 с нуля, т.е. с самого начала, чтобы вы более подробно разобрались, как создается и отрабатывается шаблон.

Мне очень хочется донести до своих читателей, что не надо искать готовые шаблоны, а потом мучится, настраивая их под свои нужды. Проще сделать самому любой шаблон Joomla Далее с помощью различных модулей и компонентов расширить функционал сайта или разнообразить дизайн.

Как было сказано в предыдущей статье при создании шаблона мы будем использовать блочную верстку при помощи тегов DIV

Давайте разделим наш исходный скрин сайта на блоки. Прежде чем мы будем писать код, необходимо разобраться с назначением каждого блока, чтобы определиться, в каких позициях будут выводится модули, где будет располагаться компонент контента, какие блоки будут иметь фиксированные размеры, какие будут сворачиваться .

На прошлом уроке мы разобрались из каких блоков будет состоять шаблон trip, поэтому можно приступать к работе. Для начала создадим две папки:

images - эта папка будет содержать любые графические файлы, используемые для оформления шаблона. Т.к. у нас нет еще никаких дизайнерских наработок, то киньте в эту папку один любой графический файл, иначе Joomla не установит шаблон и будет выдавать ошибку в том случае если папка будет пустой.

ВНИМАНИЕ: В папке images шаблона не размещается графика контента!

css - эта папка будет содержать в себе файлы каскадных таблиц стилей. Для начала поместим в нее пустой файл template.css, с помощью которого будет осуществляется назначение различных стилей оформления элементам сайта.

Далее можно приступать к созданию самого главного файла index.php, который будет определять визуальное расположение элементов сайта и сообщать CMS Joomla в какой блок поместить различные компоненты и модули. Файл является комбинацией PHP и HTML.

Source: likbez-net.ru