Ви зайшли на сайт конкурента чи просто на проєкт, який сподобався, і перша думка: «З чого це взагалі зроблено? Яка тема, які плагіни?» Знайомо.

Під капотом WordPress понад третина всього інтернету, і майже кожен другий сайт на цій CMS виглядає та працює по-своєму. Різні теми, різний набір плагінів, своя комбінація інструментів. Секрет чужого дизайну не обов’язково має залишатися секретом: є три способи його розкрити, і всі три не потребують ані грошей, ані доступу до адмінки цільового сайту.

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

💡 Швидкий огляд:

• Онлайн-детектори (Scantower, ScanWP, BuiltWith): копіюєте URL, отримуєте назву теми та список плагінів за секунду.
• Розширення для браузера: визначення CMS і плагінів просто під час перегляду сайту, без переходу на сторонній сервіс.
• Ручна перевірка через DevTools: для тих, кому потрібна повна картина,, усі файли тем і плагінів, що підключаються, видно у вихідному коді.

1. Онлайн-детектори тем і плагінів

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

Таких інструментів кілька, і в кожного свій фокус. Scantower показує тему та плагіни, а заразом визначає хостинг-провайдера. ScanWP спеціалізується саме на WordPress і вміє знаходити навіть рідковживані плагіни, його база налічує тисячі тем і плагінів, алгоритм шукає за характерними для WordPress шляхами на кшталт /wp-content/themes/theme-name/style.css.

Якщо детектор знаходить тему у своїй базі, ви отримаєте не лише назву, а й опис, автора та посилання на сторінку теми. Зверніть увагу: кастомні теми без публічного поширення детектор не розпізнає, замість назви ви побачите повідомлення про помилку або «тему не визначено». Те саме стосується сайтів не на WordPress: хороший детектор одразу скаже, що CMS інша.

Окрім назви теми, ScanWP та аналоги показують один-два найпомітніші плагіни. Наприклад, для сайту на WordPress детектор може повідомити, що використовується WPBakery Page Builder, конструктор сторінок з drag-and-drop, який залишає в коді характерні сліди.

Для глибшого технічного аналізу є BuiltWith. Він дивиться значно ширше: показує не лише тему та плагіни, а й CDN, хостинг-провайдера, аналітику, рекламні мережі, SSL-сертифікат, віджети та десятки інших технологій. Інформації багато, інтерфейс у BuiltWith складніший, ніж у простих детекторів, але якщо потрібно зрозуміти весь технологічний стек сайту, цей інструмент незамінний.

2. Розширення для браузера

Онлайн-детектори зручні, але вимагають щоразу переходити на сторонній сайт і вставляти URL. Якщо ви досліджуєте багато сайтів поспіль, швидше мати детектор прямо в браузері.

У ScanWP є розширення для Chrome, безплатне, встановлення займає хвилину. Після встановлення у правому верхньому куті браузера з’являється іконка, яка змінюється залежно від CMS поточного сайту. На сайті WordPress іконка перетворюється на стилізовану літеру W на синьому тлі. Натисніть на неї, і у спливному вікні побачите тему та основні плагіни.

Розширення працює локально: воно аналізує код відкритої сторінки та звіряє знайдені сигнатури зі своєю базою. Жодні дані про відвідувані сайти не надсилаються на сервер, на відміну від онлайн-детекторів, де ви вводите URL у форму на чужому сайті. Для регулярного аналізу десятків сайтів розширення економить масу часу.

Альтернатива, Wappalyzer, більш універсальне розширення, яке визначає технології не лише на WordPress, а й на будь-яких інших платформах: Shopify, Wix, React, Vue, nginx, Cloudflare та сотні інших. Плагінів WordPress воно показує менше, ніж спеціалізовані детектори, зате охоплює весь технологічний стек.

3. Ручна перевірка через інструменти розробника

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

У Chrome (і в будь-якому сучасному браузері) відкрийте сторінку, клацніть правою кнопкою миші та виберіть «Переглянути код» або натисніть Ctrl+Shift+I. Відкриється панель інструментів розробника, на перший погляд страшна, але для нашого завдання потрібно знайти лише одну річ.

Натисніть Ctrl+F і введіть style.css у рядку пошуку по коду. Результатів має бути небагато, і один із них буде частиною URL, що містить шлях до теми: /wp-content/themes/имя-темы/style.css. Так ви дізнаєтеся точну назву активної теми, навіть якщо вона кастомна й не реєструвалася в жодному публічному каталозі.

З плагінами складніше. Вони залишають сліди в HTML: кожен плагін підключає свої CSS- і JS-файли через /wp-content/plugins/имя-плагина/. На панелі DevTools перейдіть на вкладку «Sources» і розгорніть домен сайту, ви побачите дерево папок wp-content/plugins/, де кожна підпапка відповідає одному встановленому плагіну. Метод трудомісткий, але дає найповніший список.

Цей самий підхід працює у Firefox і Safari. Якщо плагінів багато, а розбирати папки вручну не хочеться, можна скористатися сервісом Codeable, там описано комбінований метод: спочатку детектор, потім ручна перевірка за характерними класами в HTML.

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

⁉️🤔 Часті запитання

Чому детектор не показує всі плагіни?

Сервіси на кшталт ScanWP знаходять плагіни за сигнатурами в HTML-коді сторінки. Але не кожен плагін залишає видимі ззовні сліди: плагіни для бекенду, безпеки або кешування можуть працювати повністю за лаштунками. Що популярніший плагін, то вищий шанс, що детектор його розпізнає. Плагіни з офіційного каталогу WordPress.org із тисячами встановлень визначаються майже завжди. Вузькоспеціалізовані або кастомні, майже ніколи. Саме для таких випадків і потрібен ручний метод через DevTools.

Чи можна приховати тему та плагіни від детекторів?

Так, технічно це можливо. Можна перейменувати папку теми, видалити стандартні WordPress-коментарі зі style.css, використовувати плагіни приховування шляхів (на кшталт Hide My WP). Але на практиці це роблять одиниці: більшість власників сайтів не переймаються приховуванням, тому що це не дає реального захисту, а плагіни обфускації часто ламають функціональність сайту. Повної невидимості досягти майже неможливо, завжди залишаються непрямі ознаки: структура HTML, назви CSS-класів, порядок завантаження скриптів. Досвідчений розробник визначить тему та плагіни навіть на «захищеному» сайті.

Що робити, якщо сайт взагалі не на WordPress?

Детектори на кшталт BuiltWith і розширення Wappalyzer визначають платформу до того, як шукати тему. Для Shopify, свої детектори (Shopify Inspector, Coala), для Wix і Squarespace, теж. Якщо сайт написаний на чистому HTML без CMS, ви це одразу побачите: у коді не буде характерних шляхів на зразок /wp-content/, /skin/ або /assets/themes/. У будь-якому разі, першим кроком завжди перевіряйте платформу. Витрачати час на пошук теми WordPress на сайті, який працює на Tilda або самописному PHP, безглуздо.

Чи потрібно платити за детектори?

Усі перелічені в статті інструменти безкоштовні для базового використання. ScanWP, Scantower і BuiltWith показують тему та основні плагіни без реєстрації. У BuiltWith є платні тарифи для масового аналізу та доступу до історичних даних, але для разового пошуку теми вони не потрібні. Розширення для Chrome теж безкоштовні. Ручний метод через DevTools взагалі не потребує жодних сторонніх інструментів, тільки браузер.

Чи можна скопіювати дизайн чужого сайту, знаючи тему та плагіни?

Технічно, так. Якщо ви дізналися, що сайт використовує тему Astra та плагін Elementor, ви можете встановити їх собі й отримати ту саму базу. Але точне повторення дизайну потребуватиме налаштування: кольори, шрифти, розташування блоків, кастомні CSS-правки, усе це унікальне для кожного сайту й не копіюється автоматично. Плюс не забувайте про авторські права на зображення та тексти. Тема та плагіни — це фундамент. Дизайн поверх нього, результат роботи дизайнера або власника сайту. Інструменти, описані в статті, допоможуть зрозуміти технологічну основу, але не зроблять точний клон за вас.

Чи варто порпатися в чужому коді, чи детектора достатньо?

Онлайн-детектор закриває переважну більшість задач: дізнатися тему, основні плагіни та хостинг можна за лічені секунди. Якщо ви просто придивляєтеся до ринку або шукаєте натхнення, цього вистачить.

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

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

Почніть із детектора. Якщо результат неповний, ставте розширення. Якщо і його мало, відкривайте DevTools. Три інструменти, три рівні глибини, і всі три безкоштовні.