Визначити шаблон Joomla на чужому сайті часто можна за вихідним кодом сторінки та підключеними CSS/JavaScript-файлами. Найпростіший спосіб — знайти адреси, що містять каталог /templates/. У Joomla 4.1, 5 і 6 частина ресурсів сучасних шаблонів також може завантажуватися з /media/templates/site/.
Нижче розглянемо кілька способів, які не потребують доступу до адміністративної панелі сайту.
Чи завжди можна визначити шаблон Joomla
Ні. На більшості сайтів назву шаблону вдається знайти досить швидко, але результат залежить від того, як налаштований сайт. Оптимізація ресурсів, CDN, об’єднання CSS і JavaScript, перейменування каталогів або власний шаблон можуть приховати очевидні ознаки.
Крім того, назва папки шаблону та комерційна назва продукту не завжди повністю збігаються. Тому знайдену інформацію краще розглядати як технічну підказку, а потім перевіряти на сайті розробника.
Спосіб 1. Знайдіть каталог /templates/ у вихідному коді
Відкрийте потрібну сторінку сайту та викличте її вихідний код. У більшості браузерів для цього достатньо натиснути Ctrl + U. Потім використайте Ctrl + F і виконайте пошук за рядком:
/templates/Joomla зберігає PHP-файли шаблонів сайту в каталозі /templates/<ім’я-шаблону>/. Тому шляхи до стилів, зображень або інших ресурсів нерідко дають змогу побачити технічне ім’я шаблону.
У прикладі на скриншоті трапляється шлях /templates/shaper_helixultimate/.... Він показує технічне ім’я використовуваного шаблону. Додатковою підказкою може бути метатег generator, однак покладатися лише на нього не варто: його можна змінити або видалити.
Спосіб 2. Перевірте /media/templates/site/
У сучасних версіях Joomla файли шаблону можуть знаходитися одразу у двох місцях. PHP-файли та перевизначення залишаються в /templates/<ім’я-шаблону>/, а CSS, JavaScript, зображення та інші медіафайли можуть підключатися з:
/media/templates/site/<ім’я-шаблону>/Тому, якщо пошук /templates/ не дав нічого корисного, спробуйте знайти у вихідному коді:
/media/templates/site/Такий шлях, наприклад, використовується стандартним шаблоном Cassiopeia в сучасних версіях Joomla.
Спосіб 3. Використайте інструменти розробника браузера
Якщо у вихідному коді визначити шаблон не вдалося, можна скористатися вбудованими інструментами розробника браузера.
Найпростіше відкрити їх одним зі способів:
- натиснути клавішу F12;
- використати комбінацію Ctrl + Shift + I у Chrome, Edge та більшості браузерів на Chromium;
- натиснути правою кнопкою миші по сторінці та вибрати «Переглянути код», «Дослідити» або «Inspect» — назва пункту залежить від браузера.
Після цього зазвичай праворуч або в нижній частині вікна відкриється окрема панель. Для пошуку інформації про шаблон корисні вкладки Elements, Sources і Network.
Зверніть увагу на:
- шляхи до підключених CSS- і JavaScript-файлів;
- назви каталогів після
/templates/або/media/templates/site/; - характерні CSS-класи та імена файлів;
- ресурси шаблонного фреймворку або конструктора сторінок.
Якщо назву шаблону прямо не вказано, її нерідко можна визначити за ім’ям папки, CSS-файла або набором характерних класів.
У цьому прикладі в розмітці видно класи sppb-*, а в стилях — підключені CSS-файли. Такі ознаки можуть підказати використовуваний конструктор або шаблонний фреймворк, але самі по собі ще не гарантують точну назву шаблону. Надійніше зіставляти їх зі знайденими шляхами до файлів.
Шаблон і шаблонний фреймворк — не одне й те саме
На деяких Joomla-сайтах одночасно можна побачити ім’я конкретного шаблону, назву фреймворку та ознаки конструктора сторінок. Це різні рівні системи.
- Шаблон визначає зовнішній вигляд сайту й має власний каталог у Joomla.
- Шаблонний фреймворк надає додаткові налаштування, сітку, стилі та інструменти для шаблонів.
- Конструктор сторінок відповідає за створення окремих макетів і блоків контенту.
Тому виявлена у вихідному коді відома марка ще не завжди є назвою самого шаблону.
Чому назву шаблону може бути не видно
Прямі ознаки іноді відсутні з кількох причин:
- CSS і JavaScript об’єднуються або мініфікуються;
- статичні файли завантажуються через CDN;
- використовується власний або суттєво змінений шаблон;
- частина ресурсів генерується розширеннями;
- назва папки не збігається з маркетинговою назвою шаблону;
- зовнішній вигляд сайту сильно змінений перевизначеннями та користувацькими стилями.
У такому разі можна визначити використовувані технології, але точну назву шаблону без доступу до Joomla іноді встановити неможливо.
Що робити після того, як шаблон знайдено
Знайшовши технічне ім’я, спробуйте знайти офіційний сайт розробника та перевірити:
- сумісність із вашою версією Joomla;
- дату останнього оновлення;
- підтримку Joomla 5 і 6;
- наявність документації та оновлень безпеки;
- умови ліцензії.
Не варто завантажувати комерційний шаблон з невідомих сайтів лише тому, що його назву вдалося визначити. Модифіковані збірки можуть містити сторонній код, приховані посилання або шкідливі файли. Безпечніше використовувати офіційне джерело розробника.
Підсумок
Найшвидший спосіб визначити шаблон Joomla — відкрити вихідний код сторінки та знайти шляхи /templates/ і /media/templates/site/. Якщо цього недостатньо, використовуйте DevTools і аналізуйте підключені CSS/JavaScript-файли та характерні класи.
Метод працює і для Joomla 5/6, однак на оптимізованих або сильно перероблених сайтах точна назва шаблону може бути прихована.
