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

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

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

Копирование шаблона

1. Необходимо перейти в раздел "Менеджер шаблонов".

 

 

2. Перейти в раздел "Шаблоны".

 

 

3. Перейти в настройки шаблона Protostar.

 

4. Воспользоваться функцией копирования шаблона.

 

5. Задать шаблону новое имя.

 

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

 

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

Файловая структура

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

 

Ниже представлена типичная файловая структура нового шаблона.

 

Разберем файлы и папки в отдельности, (красным выделены важные файлы для новичков):

css - папка с файлами формата .css При помощи данных файлов создаётся внешнее оформление шаблона.

html - папка с файлами переопределения. С помощью данных файлов можно изменять внутренне ядро Joomla.

images - папка с изображениями В данной папке хранятся все изображения используемые для оформления шаблона.

img - дополнительная папка для изображений В данной папке хранится всего две картинки, но которые удалять не следует.

js - пака с файлами формата .js. В данную папку помещаются все используемые компоненты анимации JavaScript.

language - папка с файлами языковых констант В каждых таких файлах хранятся текст, используемый для разных языков сайта.

less - папка с файлами формата .less Данные файлы являются программной частью файлов css.

 

component.php - файл макета, для страницы печати.

error.php - файл макета для страницы 404.

favicon.ico - мини-логотипа сайта.

index.php - ключевой файл в котором создается макет для всех страниц сайта (кроме component.php и error.php). В данный файл помещается разметка основных блоков сайта, производится вставка компонентов Joomla и различные программные условия на языке php.

template_preview.png - файл с картиной шаблона. Используется для вывода в админке, при клике на мини-картинку шаблона.

template_thumbnail.png - файл с мини-картинкой. Используется для вывода в админке - в списке всех шаблонов.

templateDetail.xml - ключевой файл, в котором прописывается информация о шаблоне, для взаимодействия с этим шаблонов через административную часть.

 

Следующий этап

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

Следующий этап - Создание HTML-основы шаблона

 

Курс по Созданию шаблонов Joomla

Уникальный курс с пошаговыми видеоуроками по созданию собственного шаблона для Joomla 3 с нуля!

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

Подробнее...

Комментарии  

Сергей_K
#1 Сергей_K 03.04.2014 18:59
Добрый день! Отработал данный урок на Joomla 3.1.5
Посмотрел содержание папки с Файлами созданного Шаблона. Все понятно и доступно. Жду с нетерпением следующего урока. Спасибо.
Цитировать

Добавить комментарий


Защитный код
Обновить