Вы зашли на сайт конкурента или просто понравившийся проект, и первая мысль: «Из чего это вообще сделано? Какая тема, какие плагины?» Знакомо.

Под капотом 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. Три инструмента, три уровня глубины, и все три бесплатны.