Создание шаблонов Joomla | страница 4
Исходный HTML код при этом может выглядеть таким образом:
Листинг 1:HTML файл
href="templates/system/css/general.css" type="text/css" />
href="templates/{TEMPLATE}/css/template.css" type="text/css" />
| ||
Листинг 2: CSS файл
body {
font-family: Arial, Helvetica, Sans Serif;
}
Данный код несколько упрощен, а его заглавная часть (
…) не совсем отвечает стандарту XHTML. Также таблица имеет визуальную границу между ячейками (атрибут border=1), позволяющую легче увидеть структуру шаблона. Теперь вы можете максимально воспользоваться своим воображением и креативными способностями в плане подбора цветовой гаммы и логотипов. Этот код должен быть сохранен в файле index.php, именно из файла с таким названием Joomla! проводит чтение команд и скриптов шаблона.Далее, в заглавную часть кода интегрируются стандартный CSS файл системы Joomla! и индивидуальный CSS файл данного шаблона. На данном этапе CSS файл содержит только одну команду, определяющую тип шрифта.
Первый шаблон вам придется создать полностью вручную в соответствующей директории Jooomla! Затем его можно запаковать в архив, которым, с помощью Инсталлятора Joomla! (Joomla! Installer), смогут воспользоваться другие пользователи. Сохраните файл разметки index.php в только что созданной директории [ПутьКJoomla!]/templates/joomla150_book/.
Сохраните файл template.css в [ПутьКJoomla!]/templates/joomla150_book/css/.
Основная структура вашего шаблона готова. Теперь необходимо определить ее с помощью XHTML файла, который Joomla! сможет отображать в административной секции.
Структура директорий шаблона
Теперь необходимо позаботится о кое-каких условиях. Как уже говорилось, шаблон должен иметь определенную структуру директорий: