Первый этап в создании собственного шаблона - это создание файловой основы. Данная основа строго ограничена и используется для всех новых шаблонов 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-основы шаблона

Читайте также:
2. Этапы создания шаблона 2. Этапы создания шаблона

Ключевые этапы создания собственного шаблона для CMS Joomla 3+.

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

4. Создание html-основы шаблона 4. Создание html-основы шаблона

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

1. Что нужно знать для создания шаблона 1. Что нужно знать для создания шаблона

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