Як встановити шаблон Joomla 5 і 6: встановлення та налаштування

Встановлення та налаштування шаблону Joomla 5 і 6

Шаблон Joomla визначає зовнішній вигляд сайту, розташування модульних позицій і частину параметрів оформлення. У Joomla 5 і 6 встановлення нового шаблону виконується так само, як встановлення звичайного розширення, а вибір активного дизайну — через стилі шаблонів сайту.

Нижче розглянемо актуальну послідовність дій: де безпечно брати шаблон, як встановити пакет, зробити потрібний стиль основним, коли потрібне прив’язування до пунктів меню та що перевірити в модулях після зміни шаблону.

Як встановити шаблон Joomla 5 і 6

Завантажуйте шаблони із сайту розробника, з офіційного каталогу розширень Joomla або іншого джерела, якому довіряєте. Не варто встановлювати архіви із сумнівних збірок: разом зі зміненими файлами в них можуть бути небажаний код, приховані посилання або застарілі компоненти.

Перед встановленням комерційного або стороннього шаблону перевірте, що його версія сумісна з вашою гілкою Joomla та версією PHP, яку ви використовуєте. Якщо шаблон змінюється на вже працюючому сайті, бажано попередньо створити резервну копію.

У Joomla 5 відкрийте Система → Встановлення → Розширення. На вкладці «Завантажити та встановити» перетягніть ZIP-пакет в область завантаження або виберіть його на комп’ютері.

Встановлення шаблону через менеджер розширень Joomla 5
Встановлення шаблону через стандартний менеджер розширень Joomla 5.4.7.

Joomla також пропонує встановлення з каталогу, за URL і через JED. Для більшості завантажених шаблонів достатньо завантаження пакета.

Не розпаковуйте інсталяційний архів навмання. Якщо Joomla повідомляє про помилку, спочатку перевірте документацію розробника. Деякі продукти справді поширюються як загальний пакет, усередині якого містяться окремі інсталяційні архіви, але це має бути зазначено постачальником. Joomla встановлює розширення за їхніми manifest-файлами, а для шаблону ключову роль відіграє templateDetails.xml.

Якщо ви лише починаєте працювати з розширеннями Joomla, окрема інструкція є в матеріалі як встановлювати розширення Joomla.

Як змінити шаблон Joomla

Після встановлення новий шаблон не обов’язково стає активним автоматично. Перейдіть у Система → Шаблони → Стилі шаблонів сайту. У списку відображаються стилі всіх встановлених Site-шаблонів.

Стилі шаблонів сайту в Joomla 5
У стандартному встановленні Joomla 5 сайт використовує стиль Cassiopeia - Default.

Один зі стилів має бути позначений зірочкою як «За замовчуванням». Цей стиль Joomla використовує для всіх сторінок, яким не призначено інший стиль. Щоб змінити основний дизайн сайту, зробіть потрібний стиль стилем за замовчуванням, а після цього перевірте фронтенд.

Не плутайте шаблон і стиль шаблону. Один встановлений шаблон може мати кілька стилів із різними параметрами оформлення. Це дає змогу використовувати, наприклад, різні варіанти одного дизайну для окремих розділів сайту.

Коли потрібне прив’язування шаблону до меню

У старих інструкціях Joomla часто трапляється порада після встановлення шаблону відкрити вкладку «Прив’язка до меню» і позначити всі пункти. Для основного стилю робити це не потрібно.

Стиль, встановлений за замовчуванням, уже застосовується до всіх сторінок, якщо конкретному пункту меню не призначено інший стиль. Вкладка «Прив’язка до меню» потрібна тоді, коли ви хочете використовувати альтернативний стиль лише на певних сторінках.

Прив’язування стилю шаблону до пунктів меню Joomla
Прив’язка до меню використовується для вибіркового призначення стилю окремим пунктам меню.

Наприклад, можна залишити один стиль для більшої частини сайту, а для окремого розділу створити другий стиль того самого шаблону з іншою кольоровою схемою або компонуванням.

Що перевірити в модулях після зміни шаблону

Модулі Joomla виводяться не «в шаблоні взагалі», а в конкретних модульних позиціях, які визначає поточний шаблон. Тому після зміни дизайну частина модулів може зникнути з очікуваних місць, якщо новий шаблон не містить позицій із такими самими назвами.

Спочатку подивіться, які позиції доступні в новому шаблоні. Joomla вміє показувати їх прямо на сайті: у параметрах шаблонів тимчасово ввімкніть Preview Module Positions, а потім додайте до адреси сторінки ?tp=1 (або &tp=1, якщо в URL уже є параметри).

Попередній перегляд позицій модулів шаблону Cassiopeia
Попередній перегляд позицій модулів стандартного шаблону Cassiopeia.

Після цього відкрийте потрібний модуль через Контент → Модулі сайту, виберіть відповідну позицію нового шаблону та перевірте його призначення пунктам меню. Один і той самий шаблон може мати позиції на кшталт menu, sidebar-right, top-a, footer та інші.

Після перевірки вимкніть Preview Module Positions. Цей діагностичний режим не варто залишати ввімкненим на робочому сайті.

Що ще перевірити після встановлення шаблону

Після зміни шаблону перегляньте основні сторінки сайту та перевірте:

  • головну сторінку і внутрішні матеріали;
  • основне та мобільне меню;
  • позиції модулів і бічні колонки;
  • форми, пошук, пагінацію та системні повідомлення;
  • адаптивність на телефоні й планшеті;
  • швидкість завантаження та відсутність помилок у консолі браузера;
  • заголовки H1–H3, хлібні крихти та інші елементи структури сторінки.

Якщо плануєте вручну змінювати файли оформлення, краще не редагувати ядро стороннього шаблону без потреби. Використовуйте штатні способи кастомізації розробника, користувацький CSS-файл або дочірній шаблон, якщо конкретний шаблон це підтримує. Так менший ризик втратити зміни під час оновлення.

Після встановлення шаблону можна переходити до створення матеріалів і категорій, налаштування пунктів меню та встановлення потрібних розширень. А базові параметри безпеки, SEF, пошти й кешування зібрані в інструкції що налаштувати в Joomla після встановлення.

Підсумок

Встановлення шаблону в Joomla 5 і 6 складається з трьох основних дій: встановити сумісний пакет, вибрати потрібний стиль і перевірити модульні позиції. Прив’язування стилю до меню потрібне лише для окремих сторінок, а не для звичайного шаблону за замовчуванням.

Якщо після зміни шаблону сайт виглядає не так, як очікувалося, спочатку перевіряйте не саме встановлення, а параметри стилю, призначення модулів і позиції нового шаблону.

Add comment

Знайшли помилку або неточність?

Выделите фрагмент текста и нажмите Ctrl + Enter. Также можно воспользоваться кнопкой ниже.

Знайшли помилку або неточність?

Виділений фрагмент буде додано до повідомлення автоматично. За потреби додайте пояснення.

Форма захищена від автоматичних надсилань

Дані використовуються лише для перевірки та виправлення матеріалу.