Weszli Państwo na stronę konkurencji albo po prostu na projekt, który się spodobał, i pierwsza myśl: „Z czego to w ogóle jest zrobione? Jaki motyw, jakie wtyczki?" Znajome.

Pod maską WordPress to ponad jedna trzecia całego internetu, a niemal co druga strona na tym CMS-ie wygląda i działa inaczej. Różne motywy, różny zestaw wtyczek, własna kombinacja narzędzi. Sekret cudzego designu nie musi koniecznie pozostać sekretem: są trzy sposoby, by go odkryć, i wszystkie trzy nie wymagają ani pieniędzy, ani dostępu do panelu administracyjnego docelowej witryny.

W tym poradniku trzy sprawdzone metody: od kliknięcia myszką po ręczną analizę kodu. Dowiedzą się Państwo nie tylko, jakie narzędzia pomogą, ale także jak z nich korzystać, nawet jeśli nigdy nie zaglądali Państwo do kodu źródłowego strony.

💡 Szybki przegląd:

• Detektory online (Scantower, ScanWP, BuiltWith): kopiują Państwo URL, otrzymują nazwę motywu i listę wtyczek w sekundę.
• Rozszerzenia do przeglądarki: identyfikacja CMS-a i wtyczek po prostu podczas przeglądania strony, bez przechodzenia do zewnętrznego serwisu.
• Ręczne sprawdzenie przez DevTools: dla tych, którzy potrzebują pełnego obrazu, wszystkie podłączane pliki motywów i wtyczek są widoczne w kodzie źródłowym.

1. Detektory online motywów i wtyczek

Najprostszy i najszybszy sposób: wkleić URL interesującej Państwa strony do formularza na stronie detektora. Serwis przeskanuje stronę, porówna znalezione sygnatury ze swoją bazą i poda wynik: nazwę motywu, wersję, autora, link do zakupu oraz listę wykrytych wtyczek.

Takich narzędzi jest kilka i każde ma swój własny fokus. Scantower pokazuje motyw i wtyczki, a przy okazji identyfikuje dostawcę hostingu. ScanWP specjalizuje się właśnie w WordPressie i potrafi znaleźć nawet rzadko używane wtyczki, jego baza liczy tysiące motywów i wtyczek, algorytm szuka po charakterystycznych dla WordPressa ścieżkach w rodzaju /wp-content/themes/theme-name/style.css.

Jeśli detektor znajdzie motyw w swojej bazie, otrzymają Państwo nie tylko nazwę, ale także opis, autora i link do strony motywu. Proszę zwrócić uwagę: niestandardowych motywów bez publicznej dystrybucji detektor nie rozpozna, zamiast nazwy zobaczą Państwo komunikat o błędzie lub informację „motyw nie został rozpoznany". To samo dotyczy stron nie na WordPressie: dobry detektor od razu poinformuje, że CMS jest inny.

Oprócz nazwy motywu, ScanWP i podobne narzędzia pokazują jedną lub dwie najbardziej widoczne wtyczki. Na przykład w przypadku witryny na WordPressie detektor może poinformować, że używany jest WPBakery Page Builder, konstruktor stron typu drag-and-drop, który pozostawia w kodzie charakterystyczne ślady.

Do głębszej analizy technicznej służy BuiltWith. Patrzy on znacznie szerzej: pokazuje nie tylko motyw i wtyczki, ale także CDN, dostawcę hostingu, narzędzia analityczne, sieci reklamowe, certyfikat SSL, widżety i dziesiątki innych technologii. Informacji jest dużo, interfejs BuiltWith jest bardziej złożony niż w prostych detektorach, ale jeśli trzeba zrozumieć cały stos technologiczny witryny, to narzędzie jest niezastąpione.

2. Rozszerzenia do przeglądarki

Detektory online są wygodne, ale wymagają każdorazowego przechodzenia na zewnętrzną stronę i wklejania adresu URL. Jeśli bada Pan wiele witryn jedna po drugiej, szybciej jest mieć detektor bezpośrednio w przeglądarce.

ScanWP oferuje rozszerzenie do Chrome, bezpłatne, którego instalacja zajmuje minutę. Po instalacji w prawym górnym rogu przeglądarki pojawia się ikona, która zmienia się w zależności od CMS bieżącej witryny. Na stronie WordPress ikona zmienia się w stylizowaną literę W na niebieskim tle. Proszę na nią kliknąć, a w wyskakującym oknie zobaczy Pan motyw i główne wtyczki.

Rozszerzenie działa lokalnie: analizuje kod otwartej strony i porównuje znalezione sygnatury ze swoją bazą. Żadne dane o odwiedzanych witrynach nie są wysyłane na serwer, w przeciwieństwie do detektorów online, gdzie wpisuje Pan URL w formularzu na obcej stronie. Przy regularnej analizie dziesiątek witryn rozszerzenie oszczędza mnóstwo czasu.

Alternatywa, Wappalyzer, to bardziej uniwersalne rozszerzenie, które identyfikuje technologie nie tylko na WordPressie, ale także na wszelkich innych platformach: Shopify, Wix, React, Vue, nginx, Cloudflare i setkach innych. Wtyczek WordPress pokazuje mniej niż wyspecjalizowane detektory, za to obejmuje cały stos technologiczny.

3. Ręczne sprawdzenie za pomocą narzędzi deweloperskich

Detektory online i rozszerzenia pokazują tylko część obrazu, na przykład z kilkunastu wtyczek mogą zidentyfikować tylko dwie lub trzy najpopularniejsze. Jeśli potrzebny jest pełny obraz, trzeba zajrzeć do kodu.

W Chrome (i w każdej nowoczesnej przeglądarce) proszę otworzyć stronę, kliknąć prawym przyciskiem myszy i wybrać „Zbadaj element" lub nacisnąć Ctrl+Shift+I. Otworzy się panel narzędzi deweloperskich, na pierwszy rzut oka przerażający, ale do naszego zadania trzeba znaleźć tylko jedną rzecz.

Proszę nacisnąć Ctrl+F i wpisać style.css w pasku wyszukiwania w kodzie. Wyników powinno być niewiele, a jeden z nich będzie częścią adresu URL zawierającego ścieżkę do motywu: /wp-content/themes/имя-темы/style.css. W ten sposób pozna Pan/Pani dokładną nazwę aktywnego motywu, nawet jeśli jest niestandardowy i nie był rejestrowany w żadnym publicznym katalogu.

Z wtyczkami jest trudniej. Zostawiają one ślady w HTML: każda wtyczka podłącza swoje pliki CSS i JS przez /wp-content/plugins/имя-плагина/. W panelu DevTools proszę przejść na zakładkę „Źródła" i rozwinąć domenę witryny, zobaczy Pan/Pani drzewo folderów wp-content/plugins/, gdzie każdy podfolder odpowiada jednej zainstalowanej wtyczce. Metoda jest pracochłonna, ale daje najpełniejszą listę.

To samo podejście działa w Firefoksie i Safari. Jeśli wtyczek jest dużo, a nie chce się Panu/Pani ręcznie przeglądać folderów, można skorzystać z serwisu Codeable, gdzie opisano metodę łączoną: najpierw detektor, potem ręczna weryfikacja po charakterystycznych klasach w HTML.

W praktyce trzy metody najlepiej sprawdzają się razem: szybki detektor daje ogólny obraz w sekundę, rozszerzenie sprawdza się przy codziennym surfowaniu, a DevTools, gdy trzeba sięgnąć głębiej i znaleźć to, co automatyczne narzędzia pominęły.

⁉️🤔 Często zadawane pytania

Dlaczego detektor nie pokazuje wszystkich wtyczek?

Serwisy takie jak ScanWP znajdują wtyczki po sygnaturach w kodzie HTML strony. Jednak nie każda wtyczka pozostawia widoczne z zewnątrz ślady: wtyczki backendowe, bezpieczeństwa lub cache’ujące mogą działać całkowicie za kulisami. Im popularniejsza wtyczka, tym większa szansa, że detektor ją rozpozna. Wtyczki z oficjalnego katalogu WordPress.org z tysiącami instalacji są wykrywane prawie zawsze. Wąsko wyspecjalizowane lub niestandardowe, prawie nigdy. Właśnie dla takich przypadków potrzebna jest ręczna metoda przez DevTools.

Czy można ukryć motyw i wtyczki przed detektorami?

Tak, technicznie jest to możliwe. Można zmienić nazwę folderu motywu, usunąć standardowe komentarze WordPress ze style.css, użyć wtyczek do ukrywania ścieżek (takich jak Hide My WP). Ale w praktyce robią to nieliczni: większość właścicieli stron nie przejmuje się ukrywaniem, ponieważ nie daje to realnej ochrony, a wtyczki do obfuskacji często psują funkcjonalność strony. Osiągnięcie pełnej niewidoczności jest prawie niemożliwe, zawsze pozostają pośrednie oznaki: struktura HTML, nazwy klas CSS, kolejność ładowania skryptów. Doświadczony programista rozpozna motyw i wtyczki nawet na „zabezpieczonej" stronie.

Co zrobić, jeśli strona w ogóle nie jest na WordPressie?

Detektory takie jak BuiltWith i rozszerzenie Wappalyzer określają platformę, zanim zaczną szukać motywu. Dla Shopify są własne detektory (Shopify Inspector, Coala), dla Wix i Squarespace również. Jeśli strona jest napisana w czystym HTML bez CMS, od razu to Pan/Pani zobaczy: w kodzie nie będzie charakterystycznych ścieżek typu /wp-content/, /skin/ lub /assets/themes/. W każdym razie pierwszym krokiem zawsze jest sprawdzenie platformy. Marnowanie czasu na szukanie motywu WordPress na stronie działającej na Tildzie lub samodzielnie napisanym PHP jest bezcelowe.

Czy za detektory trzeba płacić?

Wszystkie narzędzia wymienione w artykule są bezpłatne do podstawowego użytku. ScanWP, Scantower i BuiltWith pokazują motyw i główne wtyczki bez rejestracji. BuiltWith ma płatne plany do analizy masowej i dostępu do danych historycznych, ale do jednorazowego wyszukania motywu nie są one potrzebne. Rozszerzenia do Chrome też są bezpłatne. Ręczna metoda przez DevTools nie wymaga w ogóle żadnych zewnętrznych narzędzi, tylko przeglądarki.

Czy można skopiować projekt cudzej strony, znając motyw i wtyczki?

Technicznie tak. Jeśli dowiedział(a) się Pan/Pani, że strona używa motywu Astra i wtyczki Elementor, może je Pan/Pani zainstalować u siebie i otrzymać tę samą bazę. Ale dokładne odtworzenie projektu będzie wymagało konfiguracji: kolory, czcionki, rozmieszczenie bloków, niestandardowe poprawki CSS, wszystko to jest unikalne dla każdej strony i nie kopiuje się automatycznie. Ponadto proszę nie zapominać o prawach autorskich do obrazów i tekstów. Motyw i wtyczki to fundament. Projekt na nim to wynik pracy projektanta lub właściciela strony. Narzędzia opisane w artykule pomogą zrozumieć podstawę technologiczną, ale nie zrobią za Pana/Panią dokładnego klona.

Czy warto grzebać w cudzym kodzie, czy detektor wystarczy?

Detektor online pokrywa zdecydowaną większość zadań: poznać motyw, główne wtyczki i hosting można w kilka sekund. Jeśli po prostu rozgląda się Pan/Pani po rynku lub szuka inspiracji, to wystarczy.

Rozszerzenie do przeglądarki wielokrotnie przyspiesza proces, gdy stron jest wiele, i działa bezpośrednio podczas surfowania, nie odrywając Pana/Pani nawet od przeglądania.

DevTools są dla tych, którzy potrzebują pełnego obrazu i nie boją się zajrzeć pod maskę. To jedyny sposób, aby znaleźć wszystkie wtyczki, w tym backendowe, i dokładnie rozgryźć strukturę strony.

Proszę zacząć od detektora. Jeśli wynik jest niepełny, proszę zainstalować rozszerzenie. Jeśli i to za mało, proszę otworzyć DevTools. Trzy narzędzia, trzy poziomy głębokości, i wszystkie trzy bezpłatne.