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