Что такое дочерний шаблон в Joomla 5?
Дочерние шаблоны в Joomla 5 позволяют создавать разные экземпляры шаблона одним кликом и изменять только те строки кода, которые вам нужны. Дочерний шаблон работает точно так же, как и любой другой шаблон, за исключением того, что он использует весь код, PHP, CSS и JavaScript своего родительского шаблона.
На самом базовом уровне он содержит только один файл templateDetails.xml, поскольку все остальное наследуется от родителя. Теперь с дочерним шаблоном вы можете настроить переопределение или CSS, при этом сохранить родительский шаблон нетронутым. Это также упрощает обслуживание, позволяя поддерживать шаблон в актуальном состоянии, сохраняя при этом внесенные изменения.
Количество дочерних шаблонов, которые вы можете создать, не ограничено, поэтому каждый из них может иметь разные макеты и стили. Файлы, существующие в дочернем шаблоне будут использованы из дочернего шаблона. Все остальные - из родительского. В переопределённом с помощью дочернего шаблона templateDetails.xml можно добавлять свои параметры и настройки, которыми затем можно будет пользоваться из панели администратора.
Наверно, у вас могут быть свои причины на то, чтобы использовать другие шаблоны или фреймворки. Но, дочерний шаблон Cassiopeia - отличный вариант для создания боевого сайта на Joomla 5
Весомых причин для использования шаблона несколько:
- Легкий
- Простой
- Надежный
- Доступный
- Мало настроек
- Быстрая загрузка. При тестировании скорости загрузки.
- Современный стек технологий. Используется CSS Grid, CSS-переменные, ванильный javascript вместо фреймворков — это чистый JavaScript, в который не входят никакие библиотеки или фреймворки. Он превосходит по быстродействию и поддерживается всеми браузерами без модификаций. А так же Bootstrap 5 и Font Awesome 6.
Создать дочерний шаблон Cassiopeia
Открываем Панель управления. Слева в меню нажимаем Система - (Рис. 1).
На странице Система нажимаем Шаблоны сайта - (Рис. 2).
В стандартном шаблоне Cassiopeia нажимаем Редактировать Cassiopeia - (Рис. 3).
Открываем вкладку Создать дочерний шаблон - (Рис. 4).
В модальном окне Создать дочерний шаблон, заполняем имя дочернего шаблона - (Рис. 5), а также предлагается выбрать дополнительный стиль
Но так как стиль пока только один - выбираем Cassiopeia - Default.
Теперь нажимаем кнопку Создать дочерний шаблон.
Появилось подтверждение об успешной проведенной операции - (Рис. 6).
Итак, на этом все закончилось - дочерний шаблон успешно создан.
Нажимаем кнопку Закрыть.
У нас теперь на сайте два шаблона: один базовый, родительский Cassiopeia, и дочерний - Cassiopeia_child - (Рис. 7).
Во всех шаблонах мы не можем посмотреть модульные позиции сайта.
Чтобы это исправить - нажимаем вверху кнопку Настройки.
Открылась вкладка настроек шаблонов, где надо включить Просмотр позиций модулей - (Рис. 8). По умолчанию - эта настройка выключена.
Снова перешли на страницу Шаблоны сайта - (Рис. 9).
В нашем дочернем шаблоне доступны две опции манипуляций.
Сначала нажимаем Редактировать Cassiopeia_child.
На странице редактирования шаблона все понятно для дальнейшей работы - (Рис. 10).
Здесь также можно перейти для просмотра модульных позиций сайта, нажав кнопку - Просмотреть. Хотя этот переход можно было включить ранее на странице шаблонов - (Рис. 9), нажав опцию Предварительный просмотр.
Также, для просмотра позиций модулей, вы можете зайти на сайт, прописав в адресной строке браузера - http://ВАШ_САЙТ?tp=1.
На странице сайта вы просматриваете все модульные позиции - (Рис. 11).
Здесь показано довольно много позиций для модулей, почти как у какого-то профессионального серьезного шаблона.
HTML-код модульных позиций шаблона Cassiopeia_child находится в файле /templates/cassiopeia_child/templateDetails.xml - (Рис. 11a)
Для большей наглядности, вы можете еще раз посмотреть модульные позиции на схематичной картинке - (Рис. 11b)
Также модульные позиции в вашем шаблоне можно менять, добавлять. Таких вариантов не ограничено, лишь бы они вписывались в дизайн сайта.
Как такое сделать? - это тема другой статьи...
На странице Шаблоны сайта - (Рис. 9), вверху, в левом углу находится кнопка - Стили, нажав ее, вы переходите на страницу Шаблоны: Стили (Сайт) - (Рис. 12).
Здесь вам надо выбрать шаблон - по умолчанию для каждой страницы сайта.
Выбор сделан. Шаблоном по умолчанию стал наш дочерний шаблон cassiopeia_child.
Заключение
На этом все. Тема по созданию дочернего шаблона Cassiopeia в этой статье, надеюсь - освещена подробно и полностью.
Спасибо за внимание. Удачной работы!
