У новій Joomla-4 як базовий безкоштовний шаблон використовується шаблон «Cassiopeia». Файлову структуру (папки та файли) можна переглянути в бекенді сайту. З налаштуваннями потренуватися в налаштуваннях шаблону, їх мало і вони зрозумілі.
Тепер у joomla-4 впровадили дуже хорошу функцію для шаблонів - створення дочірніх шаблонів. На основі дочірнього шаблону можна створити свiй шаблон. Для цього потрібно правильно написати назву нового шаблону у всіх файлах, які знаходяться у папці дочірнього шаблону. Я не створював новий шаблон, а використовую дефолтний Cassiopeia і створюю його дочірній шаблон, і в ньому роблю кастомізацію та перевизначення.
Кастомізація шаблону
- для стилів створюєте файл user.css (папка cassiopeia/css)
- для скриптів створюєте файл user.js (папка cassiopeia/js)
- перевизначення компонентів - mod_custom, tinymce, com_content/article (папка cassiopeia/html). Інші перевизначення, які є в цій папці, встановлено за замовчуванням joomla-4, щоб продемонструвати демо можливості.
- додавання, зміна позицій шаблону - index.php (у корені папки cassiopeia).
Зміна шаблонуindex.php
- Верхня секція topbar.
На численні прохання в joomla-4 шаблон була додана верхня позиція topbar. Однак вона вписана в розділ header, і це мені не подобається. Я переставив її у найвищу позицію над header. - Додав favicon для всіх браузерів - apple, android, windows.
- Логотип та меню поставив в одну лінію - додав клас container-brand.
- Додав нову позицію callback - кнопка Онлайн-замовлення дуже добре виглядає біля логотипу.
- Внизу у footer додав позицію copyright та змінив відповідну мовну змінну.