Шаблон Joomla визначає представлення сайту: загальну HTML-структуру, позиції модулів, стилі, підключення ресурсів і частину параметрів оформлення. Водночас шаблон не замінює компоненти та плагіни — він відповідає передусім за те, як виглядає їхнє виведення на сторінці.
У Joomla 5 і 6 стандартний шаблон сайту — Cassiopeia, адміністративної частини — Atum. Сучасна робота з шаблонами також охоплює стилі шаблону, overrides і дочірні шаблони, тому старе уявлення «index.php + один style.css» уже надто спрощене.
Що таке шаблон Joomla
Joomla формує сторінку з кількох частин. Компонент виводить основний вміст, модулі займають призначені позиції, плагіни можуть змінювати поведінку системи, а шаблон об’єднує все це в підсумкове представлення сторінки.
Простіше кажучи, шаблон відповідає за зовнішній вигляд і розташування елементів сайту: де знаходиться меню, якої ширини основна область, де виводиться бічна колонка, як оформлені заголовки, кнопки та інші елементи.
Шаблон сайту та шаблон адміністратора
У Joomla використовуються два типи шаблонів:
- Site template — оформлення публічної частини сайту, яку бачать відвідувачі;
- Administrator template — оформлення панелі керування Joomla.
Вони вирішують різні завдання та зберігаються окремо. Тому зміна дизайну сайту не означає, що потрібно редагувати адміністративний шаблон.
З чого складається сучасний шаблон
Набір файлів залежить від розробника, але в шаблоні зазвичай присутні:
templateDetails.xml— файл з описом шаблону та його параметрів;- PHP-файли, що відповідають за формування розмітки;
- CSS і JavaScript;
- зображення, шрифти та інші ресурси;
- папка
htmlіз перевизначеннями, якщо вони використовуються; - мовні файли;
- додаткові файли template framework, якщо шаблон побудований на такому фреймворку.
Файл templateDetails.xml особливо важливий. Це manifest-файл, тобто файл опису розширення. З нього Joomla отримує інформацію про шаблон, його файли, позиції модулів і доступні параметри.
Що таке позиції модулів
Позиція модуля — це іменована область шаблону, куди можна призначити один або кілька модулів.
Наприклад, розробник може передбачити позиції з назвами sidebar-right, footer, menu або іншими. Ці назви не є універсальними: кожен шаблон може мати власний набір позицій.
Тому після зміни шаблону деякі модулі іноді візуально «зникають». Сам модуль при цьому залишається в Joomla, але його стара позиція може бути відсутня в новому шаблоні.
Що таке стиль шаблону
Один встановлений шаблон може мати кілька стилів шаблону (Template Styles) із різними параметрами.
Наприклад, можна використовувати той самий шаблон, але створити два варіанти оформлення з різними налаштуваннями та призначити їх різним пунктам меню. При цьому файли самого шаблону залишаються спільними.
Що таке template override
Template override дає змогу змінити HTML-виведення компонента або модуля, не редагуючи вихідні файли самого розширення.
Наприклад, якщо вас не влаштовує стандартне розташування елементів статті, можна створити власну версію файла розмітки всередині шаблону. Joomla побачить такий override і використовуватиме його замість стандартного файла.
Це важливо під час оновлень: якщо змінити вихідний файл компонента або модуля безпосередньо, під час наступного оновлення Joomla чи розширення ці зміни можуть бути перезаписані.
Коли override справді потрібний
Override має сенс використовувати, коли потрібно змінити саме розмітку виведення:
- переставити елементи місцями;
- змінити HTML-класи;
- прибрати непотрібний блок;
- додати власну розмітку;
- адаптувати виведення компонента або модуля під дизайн сайту.
Але не варто створювати override заради налаштування, яке вже передбачене самою Joomla. Відображення заголовка, категорії, автора та багатьох інших елементів зазвичай можна змінити через параметри матеріалу, категорії або пункту меню.
Що таке child template
Child template (дочірній шаблон) використовує файли батьківського шаблону, але дає змогу зберігати власні зміни окремо.
Наприклад, якщо потрібно змінити оформлення, окремий layout або спосіб виведення матеріалу, не обов’язково редагувати файли основного шаблону. Потрібні зміни можна розмістити в child template, а решту файлів продовжувати отримувати від батьківського шаблону.
Такий підхід особливо зручний під час оновлень: розробник може оновлювати батьківський шаблон, а ваші власні доробки залишаються окремо.
Як створити дочірній шаблон у Joomla
Розглянемо створення child template на прикладі стандартного шаблону Cassiopeia.
Спочатку в адмін-панелі Joomla відкрийте Система. У блоці Шаблони виберіть Шаблони сайту.
Відкриється список встановлених шаблонів сайту. Знайдіть батьківський шаблон, для якого хочете створити дочірній варіант. У нашому прикладі це Cassiopeia. Натисніть Редагувати Cassiopeia.
У редакторі шаблону натисніть кнопку Створити дочірній шаблон.
З’явиться вікно створення. У полі Ім’я дочірнього шаблону вкажіть власну назву, наприклад cassiopeia_child.
Поле Додаткові стилі у простому випадку можна залишити без змін. Після цього натисніть Створити дочірній шаблон.
Як увімкнути створений дочірній шаблон
Після створення child template сайт не обов’язково почне використовувати його автоматично. Потрібно перевірити стиль нового шаблону.
Відкрийте Система → Стилі сайту. Тут створений дочірній шаблон можна:
- призначити за замовчуванням, якщо він має використовуватися на всьому сайті;
- призначити окремим пунктам меню, якщо він потрібний лише для певних сторінок.
Після призначення відкрийте сайт і переконайтеся, що використовується потрібний стиль шаблону.
Де редагувати створений child template
Поверніться в Система → Шаблони сайту і відкрийте створений дочірній шаблон.
Зазвичай у child template додають лише ті файли, які потрібно змінити або доповнити. Решта файлів продовжує успадковуватися від батьківського шаблону.
Якщо потрібно змінити HTML-виведення компонента або модуля, відкрийте вкладку Створення перевизначень. Joomla створить потрібні файли в папці html шаблону, після чого їх можна редагувати окремо від вихідних файлів розширення.
Де зберігаються CSS і JavaScript
У старих інструкціях з Joomla часто фігурує один файл style.css. У сучасних шаблонах усе може бути влаштовано значно складніше.
Шаблон може використовувати кілька CSS- і JavaScript-файлів, власний template framework і систему керування ресурсами Joomla. Статичні файли також можуть знаходитися не лише в /templates/, а й у /media/templates/.
Тому перед редагуванням не варто вгадувати ім’я файла. Спочатку потрібно визначити, який стиль або скрипт справді відповідає за потрібний елемент сторінки.
Як зрозуміти, що саме змінювати
Не кожна зміна дизайну потребує правки файлів шаблону. Зручніше рухатися від найпростішого варіанта до складнішого.
- Спочатку перевірте налаштування Joomla. Можливо, потрібний параметр уже є в матеріалі, категорії, пункті меню або налаштуваннях шаблону.
- Якщо потрібно змінити лише зовнішній вигляд — колір, розмір шрифту, відступи або межі — найчастіше достатньо власного CSS.
- Якщо потрібно змінити розташування або HTML-розмітку елементів, може знадобитися template override.
- Якщо потрібна ширша доробка самого шаблону, яку потрібно зберегти окремо від оновлень, зручніше використовувати child template.
Якщо незрозуміло, звідки береться конкретний елемент або стиль, можна скористатися інструментами розробника браузера — DevTools. Вони дають змогу вибрати елемент сторінки та подивитися, які CSS-класи й стилі до нього застосовуються.
Відкрити DevTools у більшості браузерів можна клавішею F12 або сполученням Ctrl + Shift + I. Але змінювати файли одразу після цього не потрібно: спочатку визначте джерело елемента та перевірте доступні налаштування Joomla.
Як встановити сторонній шаблон
Використовуйте шаблон, який явно підтримує встановлену у вас версію Joomla.
Докладна інструкція: «Як встановити шаблон Joomla 5 і 6».
Перед встановленням перевірте розробника, документацію, історію оновлень та умови ліцензії. Не варто завантажувати платні шаблони з неофіційних «безкоштовних» архівів: разом зі зміненим шаблоном можна отримати шкідливий код або приховані посилання.
Чи потрібно видаляти копірайти та зовнішні посилання шаблону
Якщо в шаблоні є посилання на розробника, спочатку з’ясуйте, звідки воно виводиться та що дозволяє ліцензія конкретного продукту.
Звичайне відкрите посилання на розробника саме по собі не означає зараження сайту або SEO-проблему. Зовсім інша ситуація — невідомі, приховані або неочікувано з’явлені посилання.
Технічну перевірку докладно розглянуто в матеріалі «Як знайти та видалити зовнішні посилання з шаблону Joomla 5 і 6».
Підсумки
Шаблон Joomla — це не просто «картинка сайту». Він поєднує структуру сторінки, позиції модулів, стилі, ресурси та способи виведення окремих елементів.
У Joomla 5 і 6 безпечна кастомізація будується за принципом: спочатку використовувати штатні налаштування, потім власний CSS, за потреби — overrides і child templates.
Що менше прямих змін внесено у файли, які оновлюються Joomla або розробником шаблону, то простіше надалі обслуговувати сайт і переходити на нові версії.
