Что такое дочерний шаблон в 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).

 

Панель управления

Рис. 1

На странице Система нажимаем Шаблоны сайта - (Рис. 2).

 

Cassiopeia

Рис. 2

В стандартном шаблоне Cassiopeia нажимаем Редактировать Cassiopeia - (Рис. 3).

 

Cassiopeia

Рис. 3

Открываем вкладку Создать дочерний шаблон - (Рис. 4).

 

Cassiopeia

Рис. 4

В модальном окне Создать дочерний шаблон, заполняем имя дочернего шаблона - (Рис. 5), а также предлагается выбрать дополнительный стиль

Но так как стиль пока только один - выбираем Cassiopeia - Default.

Теперь нажимаем кнопку Создать дочерний шаблон.

 

Cassiopeia

Рис. 5

Появилось подтверждение об успешной проведенной операции - (Рис. 6).

Итак, на этом все закончилось - дочерний шаблон успешно создан.

Нажимаем кнопку Закрыть.

 

Cassiopeia

Рис. 6

У нас теперь на сайте два шаблона: один базовый, родительский Cassiopeia, и дочерний - Cassiopeia_child - (Рис. 7).

 

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

Чтобы это исправить - нажимаем вверху кнопку Настройки.

 

Cassiopeia

Рис. 7

Открылась вкладка настроек шаблонов, где надо включить Просмотр позиций модулей - (Рис. 8). По умолчанию - эта настройка выключена.

 

Cassiopeia

Рис. 8

Снова перешли на страницу Шаблоны сайта - (Рис. 9).

В нашем дочернем шаблоне доступны две опции манипуляций.

Сначала нажимаем Редактировать Cassiopeia_child.

 

Cassiopeia

Рис. 9

На странице редактирования шаблона все понятно для дальнейшей работы - (Рис. 10).

Здесь также можно перейти для просмотра модульных позиций сайта, нажав кнопку - Просмотреть. Хотя этот переход можно было включить ранее на странице шаблонов - (Рис. 9), нажав опцию Предварительный просмотр.

 

Cassiopeia

Рис. 10

Также, для просмотра позиций модулей, вы можете зайти на сайт, прописав в адресной строке браузера - http://ВАШ_САЙТ?tp=1.

 


На странице сайта вы просматриваете все модульные позиции - (Рис. 11).

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

 

Cassiopeia

Рис. 11

HTML-код модульных позиций шаблона Cassiopeia_child находится в файле /templates/cassiopeia_child/templateDetails.xml - (Рис. 11a)

 

Cassiopeia

Рис. 11a

Для большей наглядности, вы можете еще раз посмотреть модульные позиции на схематичной картинке - (Рис. 11b)

 

Cassiopeia

Рис. 11b

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

Как такое сделать? - это тема другой статьи...

 


На странице Шаблоны сайта - (Рис. 9), вверху, в левом углу находится кнопка - Стили, нажав ее, вы переходите на страницу Шаблоны: Стили (Сайт) - (Рис. 12).

 

Здесь вам надо выбрать шаблон - по умолчанию для каждой страницы сайта.

Выбор сделан. Шаблоном по умолчанию стал наш дочерний шаблон cassiopeia_child.

 

Cassiopeia

Рис. 12

 

Заключение

На этом все. Тема по созданию дочернего шаблона Cassiopeia в этой статье, надеюсь - освещена подробно и полностью.

Спасибо за внимание. Удачной работы!

 

 

 

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