Создание Шаблона Joomla По Стандартам — Часть 1

Весной 2008 года в блоге Дизайн компаса вышла хорошая серия статей по созданию «чистого» шаблона для Joomla 1.5 (под «чистым» в данном случае имеется в виду шаблон, выложенный по современным стандартам, т.е.

без использования таблиц и с грамотным использованием каскадного стиля) листы).

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

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

Создание простого пустого шаблона

Файлы шаблонов

Шаблоны следует размещать в каталоге /templates/ вашего установленного дистрибутива Joomla, каждый в своем собственном подкаталоге.

То есть, если у нас установлено два шаблона, то каталог /template/ выглядит примерно так:

 
 /templates/element
 /templates/voodoo
 

Как правило, имена чувствительны к регистру и не должны содержать пробелов.

Внутри каталога шаблона есть два ключевых файла:

 
 /element/templateDetails.xml
 /element/index.php
 

Обратите внимание на заглавную букву «D».

Там же содержится информация об авторе и авторских правах.

Наконец, он используется при установке шаблона в административном интерфейсе.

Второй файл — это основной шаблонизатор:

index.php

Он определяет визуальное расположение элементов сайта и сообщает CMS Joomla, где размещать различные компоненты и модули.

Этот файл представляет собой комбинацию PHP и (X)HTML. Почти все шаблоны используют дополнительные файлы.

Обычной практикой (хотя и не требованием ядра) является именование и размещение этих файлов следующим образом:

 
 /element/template_thumbnail.png
 /element/css/template.css
 /element/images/logo.png
 

Ниже приведено описание каждого файла: /element/template_thumbnail.png Снимок экрана шаблона (обычно уменьшенный до 140 пикселей в ширину и 90 пикселей в высоту).

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

/element/css/template.css Таблица стилей шаблона.

Имя каталога произвольное, но путь к этому файлу необходимо указать в index.php. Имя файла также может быть любым.

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

/element/images/logo.png Любые изображения, включенные в шаблон.

Опять же, по организационным причинам большинство разработчиков размещают их в каталоге images. В качестве примера мы предоставили изображение с именем logo.png. templateDetails.xml templateDetails.xml должен содержать список всех файлов, содержащихся в шаблоне.

Он также включает информацию об авторе и авторских правах.

Некоторую часть этой информации можно увидеть в менеджере шаблонов административного интерфейса Joomla. Ниже приведен пример XML-файла:

 
 <Эxml version="1.0" encoding="utf-8"?>
 <install version="1.5" type="template">      
 <name>TemplateTutorial15</name>      
 <creationDate>August 2007</creationDate>      
 <author>Barrie North</author>      
 <copyright>GPL</copyright>      
 <authorEmail> [email protected] e-mail address is being protected from spambots, you need JavaScript enabled to view it </authorEmail>      
 <authorUrl>www.compassdesigns.net</authorUrl>      
 <version>1.0</version>      
 <description>First example template for Chapter 9 of the Joomla Book</description>      
 <files>            
 <filename>index.php</filename>            
 <filename>templateDetails.xml</filename>            
 <filename>js/somejsfile.js</filename>            
 <filename>images/threecol-l.gif</filename>            
 <filename>images/threecol-r.gif</filename>            
 <filename>css/customize.css</filename>            
 <filename>css/layout.css</filename>            
 <filename>css/template_css.css</filename>       
 </files>      
 <positions>            
 <position>user1</position>            
 <position>top</position>            
 <position>left</position>             
 <position>banner</position>            
 <position>right</position>            
 <position>footer</position>      
 </positions>         
 <params>            
 <param name="colorVariation" type="list" default="white" label="Color Variation" description="Color variation to use">                  
 <option value="blue">Blue</option>                  
 <option value="red">Red</option>            
 </param>         
 </params>
 </install>
 

 <install version="1.5" type="template">

 <name>TemplateTutorial15</name>

Это имя также будет использоваться при создании подкаталога шаблонов в каталоге шаблонов.

Если вы устанавливаете шаблон вручную, необходимо создать подкаталог с тем же именем, что и шаблон.

 <creationDate>August 2007</creationDate>

Это поле задается в свободном формате и может представлять собой любую строку, например «Май 2005 г.

», «08-июнь-1978 г.

», «01.01.2004 г.

» и т. д.

 <author>Barrie North</author>

 <copyright>GPL</copyright>

Рекомендации по лицензированию для разработчиков и дизайнеров можно найти на форумах Joomla.

 <authorEmail>[email protected]</authorEmail>

 <authorUrl>www.compassdesigns.net</authorUrl>

 <version>1.0</version>

 <files></files>

Файлы, используемые в шаблоне, заключены в теги:

 
 <files>
 <filename>index.php</filename>
 <filename>templateDetails.xml</filename>
 <filename>js/somejsfile.js</filename>
 <filename>images/threecol-l.gif</filename>
 <filename>images/threecol-r.gif</filename>
 <filename>css/customize.css</filename>
 <filename>css/layout.css</filename>
 <filename>css/template_css.css</filename>
 </files>
 

Каждый файл указан в этом разделе внутри и теги.

Он также указывает дополнительные файлы, например файлы JavaScript, используемые в шаблоне.

Файлы изображений, используемые в шаблоне, также перечислены в разделе «Файлы».

Опять же, каждый файл заключен в и теги.

Пути к файлам указываются относительно корневого каталога шаблона.

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

 <filename>images/my_image.jpg</filename>

Опять же, имя файла заключено в и теги, а путь к файлу указывается относительно корневой папки шаблона.

 <positions></positions>

 <params></params>

Продолжение части 1 здесь: mancocapac.habrahabr.ru/блог/41215 Оригинал статьи на английском языке можно прочитать здесь: www.compassdesigns.net/tutorials/208-joomla-15-template-tutorial.htmlЭstart=2 Теги: #CMS #joomla #joomla #joomla 1.5 #CSS #веб-стандарты #CMS

• Первым Человеком, Погибшим В Аварии С Электромобилем Tesla, Стал Угонщик Автомобилей.

  19 Oct, 24

• Видео: Дрон Ловит Дрон Сеткой

  19 Oct, 24

• Проверка Качества Светодиодных Ламп И Светильников

  19 Oct, 24

• Выделение Новых Сообщений

  19 Oct, 24

• «Квант» Здесь И Сейчас (Часть 3)

  19 Oct, 24

• Сборка 10166 Для Инсайдеров Windows 10 Mobile Уже В Пути

  19 Oct, 24

• Установка Fpv И Телеметрии На Квадрокоптер

  19 Oct, 24

• Новый Pycharm 4.5 Объединяет Все Инструменты Для Работы С Python.

  19 Oct, 24

• Firefox 3 Ждет Инструкций Пользователя

  19 Oct, 24

• Как Подготовить Рассылку Ко Дню Святого Валентина

  19 Oct, 24