Created jtemplate joomla templates

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

Рассмотрим макет. Шаблон будет содержать 5 разделов: шапка сайта (позиция header), 3 информационных блока (позиции block-1,block-2,block-3)

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

 

Рассмотрим все файлы и каталоги

- каталог CSS – будет содержать необходимые таблицы стилей нашего шаблона;

- каталог language содержит необходимые языковые файлы;

- index.html -файл-заглушка, его содержание

<html><body bgcolor="#FFFFFF"></body></html>

- index.php - основной шаблон с разметкой всех блоков;

templateDetails.xml - метаданые шаблона.

 

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

В начале файла указываются основные сведения о шаблоне: название, дата создания, автор, e-mail автора, версия шаблона и описание. Обязательным является только поле <name></name> - название шаблона. Именно оно будет отображаться в административной панели сайта. 

<?xml version="1.0" encoding="utf-8"?>
<extension version="3.8" type="template" client="site">
<name>mysite</name>
<creationDate>17.03.2018</creationDate>
<author>author</author>
<authorEmail>Этот адрес электронной почты защищён от спам-ботов. У вас должен быть включен JavaScript для просмотра.</authorEmail>
<version>1.0.0</version>
<description>TPL_MYRESPONSIVETEMPLATE_XML_DESCRIPTION</description>

 Теперь необходимо сообщить системе какие файлы и каталоги содержит наш шаблон.

<files>
 <folder>css</folder>
 <folder>language</folder>
 <filename>index.html</filename>
 <filename>index.php</filename>
 <filename>templateDetails.xml</filename>
</files>

 Обозначить позиции для модулей в соответствии с нашим макетом. 

<positions>
 <position>header</position>
 <position>block-1</position>
 <position>block-2</position>
 <position>block-3</position>
 <position>position-1</position>
 <position>footer</position>
</positions>

 И добавляем файлы локализации если необходимо

<languages folder="language">
 <language tag="ru-RU">ru-RU/ru-RU.tpl_mytemplate.ini</language>
 <language tag="ru-RU">ru-RU/ru-RU.tpl_mytemplate.sys.ini</language>
 <language tag="en-GB">en-GB/en-GB.tpl_mytemplate.ini</language>
 <language tag="en-GB">en-GB/en-GB.tpl_mytemplate.sys.ini</language>
</languages>

 Осталось добавить закрывающий тег

</extension>

 и наш файл готов.

В следующей статье речь пойдет о верстке файла index.php.

Click to refresh