Joomla шаблон – структура, каталоги, файлы, формат

От автора

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

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

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

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

Типовая структура каталогов шаблона

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

Напомню, шаблоны нужны для смены внешнего вида сайта. В каталоге сайта шаблоны лежат в папке /templates. Например, если ваш шаблон называется «templateplus», он должен быть помещен в папку:

Path_to_Joomla/templates/templateplus

Кроме фасадного шаблона (front-end) есть шаблоны административной панели (back-end). Они лежат в папке /administrator/templates. Например, если ваш шаблон администратора называется «admintemplateplus», он будет помещен в папку:

Path_to_Joomla/administrator/templates/admintemplateplus

Каталоги Joomla шаблона

Типичный шаблон CMS Joomla! должен включать следующие каталоги:

• css - содержит все .css–файлы
• html — содержит файлы переопределения шаблонов для вывода ядра
• images — содержит все изображения, используемые шаблоном
• languages — содержит дополнительные языковые файлы, используемые шаблоном

В зависимости от сложности и дизайна, в каталоге шаблона может лежать папка:

• javascript, которая содержит поддерживающий JavaScript, используемый шаблоном для добавления ему функциональности.

Пример структуры с файлами

Типичный путь до шаблона вашего сайта: root/public_html/name_domainname/template/название_вашего_шаблона. Шаблон должен содержать следующие базовые каталоги и файлы.

• /css
• /html
• /images
• /javascript
• /language
• component.php
• error.php
• favicon.ico
• index.php
• templateDetails.xml
• template_preview.png

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

Чаще всего шаблон имеет, как минимум следующие файлы:

• index.php
• component.php
• error.php
• favicon.ico
• template.css
• templateDetails.xml
• template_thumbnail.png (.jpg, .gif)

файл index.php

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

component.php

Предоставляет логику отображения страницы, удобной для печати, «Отправьте эту ссылку другу». и т.п.

error.php

Предоставляет метод обработки ошибок, таких как ошибка 404, страница не найдена.

favicon.ico

Файл значка favicon сайта. Иконка сайта.

template.css

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

templateDetails.xml

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

template_preview.ext – формат .ext может быть заменен на .jpg, .png, .gif. Это скрин (эскиз) шаблона, который вы можете видеть на вкладке расширения>>>Шаблоны. Как правило, изображение размером 600x400 пикселей

templateDetails.xml

Обязательный файл для шаблонов Joomla и его можно найти в корневом каталоге шаблонов любого шаблона внутри Joomla шаблонов. Этот XML-файл содержит основные метаданные, необходимые системе для показа информации о шаблоне в административной панели сайта на вкладке Шаблоны.

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

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

Файл templateDetails использует формат и структуру XML. XML- означает, что данные в этом файле разделяются на разделы и специально отформатированы для визуализации различных частей и параметров. XML-данные считываются и анализируются мощными инструментами Joomla! затем визуализируется для регистрации шаблона и создания отображения в «Менеджере шаблонов». Это предоставляет разработчикам шаблонов относительно простой способ создания настроек и параметров, используемых в шаблоне.

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

Коробочный шаблон Protostar  для Joomla 3 служит отличным примером для демонстрации использования этого файла. Ниже описаны различные разделы этого файла.

Формат XML

Две верхние строки каждого файла templateDetails должны начинаться с определения формата XML и типа doctype.

<? xml version = "1.0" encoding = "utf-8"?> 
<! DOCTYPE install PUBLIC "- // Joomla! 2.5 // DTD template 1.0 // EN" "http://www.joomla.org/xml /dtd/2.5/template-install.dtd ">

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

<extension  version = "3.1"  type = "template"  client = "site" >

Заканчивается файл тегом </extension>.

Между тегами <extension> … </extension> идут разделы со следующими тегами:

<name>Имя шаблона, будет в списке шаблонов на сайте</name>

<creationDate>Дата создания шаблона</creationDate>

<author>Имя автора</author>

<authorEmail>email автора</authorEmail>

<authorUrl>сайт автора</authorUrl>

<copyright>права автора</copyright>

<license>GNU/GPL</license>

<version>версия шаблона </version>

<description>Описание шаблона, будет на сайте</description>

Далее в тегах, перечисляются все каталоги и файлы шаблона:

<files>

<filename>файлы </filename>

<folder>каталоги</folder>

</files>

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

<positions>

<position>breadcrumb</position>

<position>left</position>

<position>right</position>

<position>top</position>

</positions>

Вывод

В этой статье мы посмотрели на Joomla! шаблон «изнутри». Приблизительно такую структуру шаблона будем делать дальше, создавая шаблон Joomla своими руками.

©joomla3-x.ru

Еще статьи

Похожие статьи

Создаем шаблон Joomla самостоятельн...

В этой статье самостоятельно создадим простой шаблон Joomla, посмотрим его ...

Что такое Quick Start Joomla3

Quick Start Joomla3 это сборка системы, в состав которой входит сам дистриб...

Что такое адаптивный шаблон Joomla ...

Для понимания современных техник создания сайта на CMS Joomla необходимо по...

5 Лучших Фреймворков для Joomla шаб...

Вам нужен сайт с уникальным дизайном? 5 Лучших Фреймворков для Joomla ...

Использование двух шаблонов на Joom...

Использование двух шаблонов на Joomla 3 не требует установки дополнительных...

Языковые файлы шаблона Joomla. Созд...

Продолжаем создавать свой шаблон сайта Joomla. В этой статье поговорим о яз...

Powered by JV-Relatives