Файловая структура шаблона сайта «Cassiopeia» на Joomla 4

В новой версии CMS Joomla 4-й версии в качестве базового бесплатного шаблона используется один единственный шаблон «Cassiopeia». В этой статье рассмотрим файловую структуру этого шаблона, а конкретно то, какие папки и какие файлы поддерживают его работу. Так как это шаблон, созданный для работы с новой минорной версии, но одной и той же CMS, то можно наблюдать соответствия с папками шаблонов для предыдущей версии — Joomla 3.

Структура папок базового шаблона сайта «Cassiopeia» на Joomla 4

Сначала рассмотрим, какие директории составляют структуру хранения шаблона сайта «Cassiopeia»:

.
└── cassiopeia
    ├── css
    ├── html
    │   └── layouts
    │       └── chromes
    ├── images
    │   └── system
    ├── js
    └── scss
        ├── blocks
        └── vendor
            └── bootstrap

Для тех, кто забыл (или просто ещё не знал), путь до папки с шаблонами в Joomla 4 такой же, как и в предыдущей версии: все шаблоны сайта хранятся в папке templates, которая находится в корневой папке сайта на сервере.

Как видно, структура ничем не выделяется кроме одной дополнительной папки scss и дополнительных папок вложенных в тапки html и images.

Структура папок и файлов бесплатного шаблона сайта «Cassiopeia» на Joomla 4

Для того, чтобы полностью закрыть тему того, какие файлы и папки содержатся в шаблона сайта «Cassiopeia», приведу полное дерево файлов сразу после установки CMS Joomla 4 на сервер:

.
└── cassiopeia
    ├── css
    │   ├── offline.css
    │   ├── offline.min.css
    │   ├── offline.min.css.gz
    │   ├── template.css
    │   ├── template.min.css
    │   ├── template.min.css.gz
    │   ├── template-rtl.css
    │   ├── template-rtl.min.css
    │   └── template-rtl.min.css.gz
    ├── html
    │   └── layouts
    │       └── chromes
    │           ├── cardGrey.php
    │           └── default.php
    ├── images
    │   ├── system
    │   │   ├── rating_star_blank.png
    │   │   ├── rating_star.png
    │   │   ├── sort_asc.png
    │   │   └── sort_desc.png
    │   └── logo.svg
    ├── js
    │   ├── template.js
    │   ├── template.min.js
    │   └── template.min.js.gz
    ├── scss
    │   ├── blocks
    │   │   ├── _alerts.scss
    │   │   ├── _banner.scss
    │   │   ├── _css-grid.scss
    │   │   ├── _demo-styling.scss
    │   │   ├── _footer.scss
    │   │   ├── _form.scss
    │   │   ├── _frontend-edit.scss
    │   │   ├── _global.scss
    │   │   ├── _header.scss
    │   │   ├── _icons.scss
    │   │   ├── _iframe.scss
    │   │   ├── _layout.scss
    │   │   ├── _modals.scss
    │   │   ├── _modifiers.scss
    │   │   └── _utilities.scss
    │   ├── vendor
    │   │   ├── bootstrap
    │   │   │   ├── _buttons.scss
    │   │   │   ├── _card.scss
    │   │   │   ├── _collapse.scss
    │   │   │   ├── _custom-forms.scss
    │   │   │   ├── _dropdown.scss
    │   │   │   ├── _lists.scss
    │   │   │   ├── _modal.scss
    │   │   │   ├── _nav.scss
    │   │   │   ├── _pagination.scss
    │   │   │   └── _table.scss
    │   │   ├── _awesomplete.scss
    │   │   ├── _choicesjs.scss
    │   │   ├── _chosen.scss
    │   │   ├── _dragula.scss
    │   │   ├── _minicolors.scss
    │   │   └── _tinymce.scss
    │   ├── offline.scss
    │   ├── template-rtl.scss
    │   ├── template.scss
    │   └── _variables.scss
    ├── component.php
    ├── error.php
    ├── favicon.ico
    ├── index.php
    ├── joomla.asset.json
    ├── offline.php
    ├── templateDetails.xml
    ├── template_preview.png
    └── template_thumbnail.png

Как и в случае с папками, можно найти знакомые файлы, которые раньше применялись и в Joomla 3.

Резюме

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

Заберите ссылку на статью к себе, чтобы потом легко её найти!
Раз уж досюда дочитали, то может может есть желание рассказать об этом месте своим друзьям, знакомым и просто мимо проходящим?
Не надо себя сдерживать! ;)