InspectWP Logo

Wykrywanie page buildera WordPress

Podaj prawidłowy adres URL (https://www.example.com).
HTTP Basic Auth Dla stron chronionych hasłem (.htaccess)
Funkcja planu Premium
Ulepsz plan

Jakim page builderem zbudowano tę stronę WordPress?

Wykrywa Elementor, Divi, WPBakery, Bricks i inne, 100% online i za darmo
Tysiące agencji i freelancerów ufa InspectWP przy analizie stron WordPress

Czego dowiesz się dzięki wykrywaniu page buildera?

Page builder lub edytor, w którym zbudowano stronę

10 builderów, od Elementora i Divi po Bricks i Gutenberga

Kilka builderów na tej samej stronie, posortowanych według liczby elementów

Motyw blokowy z Full Site Editing czy klasyczny motyw

Aktywny motyw oraz motyw potomny, jeśli jest używany

Dodatki do buildera i wszystkie inne wykryte wtyczki

Jak działa wykrywanie page buildera

W 4 krokach od URL-a do wykrytego buildera

  1. 1 Krok 1

    Wprowadź URL

    Podaj adres strony, której chcesz się przyjrzeć. Działa z każdą publicznie dostępną stroną WordPress.

  2. 2 Krok 2

    Renderowanie strony

    Ładujemy stronę w prawdziwej przeglądarce, łącznie z JavaScriptem, więc uwzględniamy też treści wstawiane później.

  3. 3 Krok 3

    Liczenie elementów buildera

    Przeszukujemy HTML pod kątem typowych klas CSS 10 page builderów i liczymy pasujące elementy.

  4. 4 Krok 4

    Odczytaj wynik

    Raport wskazuje główny builder, wymienia kolejne buildery, a obok pokazuje motyw i wtyczki.

Te page buildery wykrywamy

Każdy builder zostawia w HTML strony własne klasy CSS

  • Elementor

    .elementor-widget

    Najpopularniejszy page builder dla WordPress. Rozpoznawalny po klasach takich jak .elementor-section i .elementor-element.

  • Divi Builder

    .et_pb_section

    Builder od Elegant Themes, dostępny jako motyw Divi i jako wtyczka. Klasy jego sekcji, wierszy i modułów zaczynają się od et_pb_.

  • WPBakery Page Builder

    .vc_row

    Dawniej Visual Composer, dołączany do wielu motywów premium. Typowe klasy to .vc_row i .wpb_column.

  • Beaver Builder

    .fl-builder

    Builder znany z czystego kodu i stabilności. Wiersze i moduły mają klasy .fl-row i .fl-module.

  • Bricks Builder

    brxe-*

    Builder nastawiony na wydajność, dostarczany jako motyw. Każdy element otrzymuje klasę zaczynającą się od brxe-.

  • Oxygen Builder

    .ct-section

    Builder, który całkowicie zastępuje motyw. Rozpoznawalny po .ct-section, .ct-div-block i klasach zaczynających się od oxy-.

  • Breakdance

    breakdance-*

    Nowszy builder od twórców Oxygen, nastawiony na prostszy sposób pracy. Jego elementy używają klas zaczynających się od breakdance-.

  • Kadence Blocks

    kb-*

    Kolekcja bloków, która rozszerza Gutenberga o wiersze, zakładki i inne bloki układu. Jej klasy zaczynają się od kb-.

  • Thrive Architect

    .thrv_wrapper

    Builder skupiony na landing page'ach i konwersji. Rozpoznawalny po klasach .thrv_wrapper i .tve_editor.

  • Gutenberg (edytor blokowy)

    wp-block-*

    Edytor blokowy wbudowany w WordPress od wersji 5.0. Każdy blok otrzymuje klasę zaczynającą się od wp-block-.

Jak czytać wynik

Cztery rzeczy, które pomogą Ci zinterpretować wykryty builder

Główny builder
Builder z największą liczbą elementów na stronie jest pokazywany jako główny wynik. Na typowej stronie zbudowanej w Elementorze to kilkaset elementów wobec kilku bloków Gutenberga.
Kilka builderów
Jeśli zostanie znaleziony więcej niż jeden builder, raport wymienia wszystkie wraz z liczbą elementów. Dwa pełne buildery na jednej stronie to zwykle znak przebudowy, której nigdy nie dokończono.
Motyw blokowy
Raport osobno pokazuje, czy motyw jest motywem blokowym. Sprawdzamy, czy w katalogu motywu istnieje plik templates/index.html, czyli niezawodny wyznacznik Full Site Editing.
Classic Editor
Jeśli nie zostaną znalezione żadne klasy builderów, raport pokazuje Classic Editor. Taki sam wynik dają strony, których treść pochodzi w całości z szablonów motywu lub z własnego kodu.
Wykrywanie page buildera WordPress: sprawdź, jakim builderem zbudowano stronę

Sprawdź, jakiego page buildera używa strona WordPress

Podoba Ci się jakaś strona i chcesz wiedzieć, jak powstała? A może przejmujesz projekt klienta i przed wyceną musisz wiedzieć, czego się spodziewać? Narzędzie InspectWP do wykrywania page buildera ładuje stronę w prawdziwej przeglądarce i analizuje gotowy HTML. Każdy page builder zostawia w generowanym kodzie charakterystyczne klasy CSS, na przykład .elementor-widget w przypadku Elementora albo .et_pb_section w przypadku Divi. Liczymy te elementy i mówimy Ci, jakim builderem zbudowano stronę.

Więcej niż builder: motyw, dodatki i wtyczki w jednym raporcie

Sam page builder rzadko mówi wszystko. Dlatego raport pokazuje też aktywny motyw wraz z motywem potomnym, informację, czy to motyw blokowy z Full Site Editing, oraz wszystkie wtyczki wykryte na stronie. Należą do nich typowe uzupełnienia, takie jak Elementor Pro czy pakiety dodatków. Dla agencji to najszybszy sposób, by ocenić przejmowany projekt: od razu widzisz, czy masz do czynienia z lekką konfiguracją opartą na blokach, czy z builderem i kilkunastoma rozszerzeniami.

Analiza page buildera: motyw, wtyczki i dodatki do buildera

Tysiące właścicieli stron ufa InspectWP

Liczby mówią same za siebie

0+
Przeanalizowane strony
0+
Wykryte wtyczki
0+
Wykryte motywy

Najczęściej zadawane pytania o wykrywanie page buildera

Jak działa wykrywanie i co mówi Ci wynik

InspectWP otwiera URL w prawdziwej przeglądarce i czeka, aż strona się wyrenderuje. Następnie przeszukujemy gotowy HTML pod kątem klas CSS, które każdy page builder zapisuje w generowanym kodzie. Builder z największą liczbą pasujących elementów jest wskazywany jako główny builder strony.

Więcej narzędzi, które mogą być Ci potrzebne

Te testy obejmują pokrewne tematy

Twoja rejestracja nie mogła zostać zapisana. Spróbuj ponownie.
Twoja rejestracja przebiegła pomyślnie.

Newsletter

Zapisz się do naszego newslettera, aby być na bieżąco.

Korzystamy z Sendinblue jako naszej platformy marketingowej. Wypełniając i przesyłając formularz, potwierdzasz, że podane informacje zostaną przekazane do Sendinblue w celu przetwarzania zgodnie z Warunkami użytkowania.