Как сделать шаблон с нуля для CMS Joomla

Как сделать шаблон с нуля для Joomla 2.5 и 3.0

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

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

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

 

Блочная верстка шаблона. Урок 1

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

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

 

Файл index.php. Урок 2

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

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

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

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

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

 

Файл templateDetails.xml. Урок 3

Чтобы мы могли инсталлировать шаблон в Joomla 3 (Joomla 2.5) ,  необходимо создать файл templateDetails.xml. Именно он сообщает CMS ,  какие файлы необходимы для отображения страницы, которая использует данный шаблон.

Этот файл должен содержать информацию о шаблоне, перечень всех папок и файлов, находящихся в корневой директории шаблона, а также перечень позиций для вывода модулей, определенных в файле index.php.

На данном этапе разработки шаблона мы имеем:

  • Файл index.php
  • Папку images в которую пока, что вложен только один графический файл. Т.к. мы еще не работали над дизайном, то у нас нет еще графических файлов оформления шаблона, но папка не должна быть пустой, иначе будет выдаваться ошибка при инсталляции, поэтому киньте в папку любой графический файл.
  • Папку CSS с одним файлом template.css. Пока этот файл пустой и не содержит никаких стилей оформления.
 
123Конец

Главная Как сделать шаблон с нуля для Joomla 2.5 и Joomla 3.0