10 najlepszych wtyczek do tworzenia stron WordPress w porównaniu 2022

Próbujesz wybrać najlepszy kreator stron WordPress dla swojej witryny?

Skorzystałem z 10 różnych kreatorów stron WordPress, aby pomóc Ci podjąć decyzję. Tak – użyłem każdego z nich – to nie jest tylko lista oparta na kopii marketingowej .

Zamierzam obiektywnie porównać te 10 kreatorów stron WordPress w pięciu kategoriach:

1. Interfejs – jak działa interfejs i czy ułatwia budowanie pięknych stron?
2. Dołączone widżety/szablony – jakie masz możliwości budowania stron?
3. Opcje stylizacji – jak stylizować elementy na swojej stronie?
4. Inne godne uwagi funkcje – czy kreator stron oferuje jakieś godne uwagi, unikalne funkcje?
5. Zablokowanie – co się stanie, jeśli kiedykolwiek zechcesz wyłączyć wtyczkę? Zawsze stracisz swój niestandardowy styl, ale niektórzy twórcy stron pozostawiają po sobie czysty kod, podczas gdy inni nie.

Dla każdej kategorii dam kreatorowi stron wynik na 5.

Następnie, na koniec, złożę wszystko razem i polecę to, co moim zdaniem jest najlepszym narzędziem do tworzenia stron WordPress.

Oto 10 kreatorów stron WordPress, którym się przyjrzę – możesz kliknąć, aby przejść do konkretnego kreatora stron:

• Elementor
• Budowniczy bobrów
• Konstruktor Divi
• Rozkwit architekta
• Kreator stron SiteOrigin
• Kreator stron WPBakery
• Konstruktor Themify
• Brizy
• Kompozytor wizualny
• Kreator stron WP

Możesz też przejść bezpośrednio do tabeli porównawczej.

1. Elementor

Pierwotnie wprowadzony na rynek w 2016 roku, Elementor jest jednym z młodszych kreatorów stron na tej liście. Ale mimo że zaczął się późno, Elementor szybko zgromadził ponad 3 000 000 aktywnych instalacji na WordPress.org, co czyni go najpopularniejszym narzędziem do tworzenia stron, przynajmniej według liczb WordPress.org.

Jego roszczenia do sławy to szybki, pozbawiony usterek interfejs wizualny, elastyczne opcje stylizacji i inne zaawansowane funkcje, takie jak pełne budowanie motywów.

Chociaż na początku był tylko edytorem stron, wersja premium, Elementor Pro, pozwala teraz robić znacznie więcej niż tylko tworzenie stron. Dwie najważniejsze cechy to:

• Theme Builder — zaprojektuj cały motyw za pomocą tego samego wygodnego interfejsu Elementora. Obejmuje to nagłówek, stopkę, strony archiwum, strony pojedynczych postów, strony produktów/sklepów WooCommerce, niestandardowe szablony typu postów itp. Otrzymujesz dedykowane widżety dla typowych elementów, a nawet możesz dynamicznie wstawiać zawartość z niestandardowych pól.
• Popup Builder – projektuj elastyczne wyskakujące okienka za pomocą pełnego interfejsu Elementora. Możesz dołączyć wszystkie zwykłe widżety Elementora, które umożliwiają tworzenie wyskakujących okienek z opcją zgody na pocztę e-mail, wyskakujących okienek formularza kontaktowego, wyskakujących okienek logowania i innych.

Te dwa dodatki naprawdę pomagają Elementorowi wyróżnić się na tle konkurencji. Chociaż tworzenie motywów staje się popularną funkcją, kreator wyskakujących okienek jest nadal dość wyjątkowy.

Przeczytaj naszą recenzję Elementora Pro.

Cena: Bezpłatna wersja rdzenia. Elementor Pro zaczyna się od 49 USD do użytku w jednej witrynie.

Interfejs – 5/5

Interfejs Elementora jest podzielony na dwie podstawowe części, z trzecim obszarem dla niektórych mniejszych ustawień:

• 1 – to jest podgląd na żywo Twojego projektu. Wygląda dokładnie tak, jak zobaczą go Twoi goście. Możesz także wpisywać tekst bezpośrednio w tym interfejsie, a także przeciągać i upuszczać różne elementy, aby je zmienić.
• 2 – pokazuje listę elementów, których możesz użyć. Po prostu je przeciągasz. A kiedy wybierzesz pojedynczy element lub sekcję, w tym miejscu będziesz go stylizować.
• 3 – pomagają uzyskać dostęp do responsywnych podglądów, cofania/ponawiania zmian i innych mniejszych funkcji.

Oto przykład, jak przeciągnąć widżet tekstowy, a następnie po prostu pisać na stronie (edycja w wierszu), aby zmienić tekst:

Dzięki Elementor Pro możesz używać tego samego interfejsu do projektowania motywu i wyskakujących okienek. Otrzymasz również dedykowane widżety/funkcje, które Ci w tym pomogą.

Dołączone widżety/szablony – 5/5

W darmowej wersji Elementor zawiera 28 darmowych widżetów . Możesz także korzystać ze wszystkich podstawowych widżetów WordPress. Wersja Pro dodaje kolejne ~30 widżetów , co daje łącznie 58 widżetów w wersji Pro:

Darmowa wersja zawiera również ~40 darmowych szablonów . A wersja Pro dodaje setki dodatkowych szablonów.

Szablony są dostępne w dwóch formatach:

• Strony – projekty całostronicowe, które wystarczy edytować.
• Klocki – poszczególne sekcje, które można zestawiać jak klocki Lego.

Możesz także zapisywać własne projekty jako szablony do ponownego wykorzystania później.

Opcje stylizacji – 5/5

Po kliknięciu dowolnej sekcji, kolumny lub widżetu Elementor oferuje trzy zakładki stylizacji na lewym pasku bocznym.

Dokładne opcje zależą od tego, który element edytujesz, ale ogólnie Elementor oferuje jeden z najgłębszych zestawów opcji stylizacji dowolnego kreatora stron.

Oprócz podstawowych rzeczy, takich jak kolory, tła i typografia, możesz także kontrolować bardziej zaawansowane ustawienia, takie jak:

• Marginesy/wypełnienie niestandardowe.
• Niestandardowe klasy/identyfikatory CSS. Dzięki Elementor Pro możesz bezpośrednio dodawać rzeczywiste style CSS do poszczególnych elementów.
• Responsywne kontrole. Możesz pokazać/ukryć elementy na określonych urządzeniach.

Elementor niedawno dodał również niestandardowe pozycjonowanie, co znacznie ułatwia umieszczanie widżetów w określonych miejscach na stronie.

Inne ważne funkcje – 5/5

Te funkcje są dostępne w Elementorze Pro:

• Pełny budynek tematyczny. Możesz użyć tego samego interfejsu Elementora do tworzenia części szablonów, takich jak nagłówki, stopki, single i archiwa. Zasadniczo możesz zbudować cały swój motyw za pomocą Elementora.
• Konstruktor WooCommerce – zaprojektuj strony produktów i sklepów WooCommerce.
• Budynek wyskakujący . Projektuj elastyczne wyskakujące okienka i kieruj je na określone treści.
• Integracje formularzy . Połącz widżet formularza z popularnymi usługami e-mail marketingu (lub Zapier, aby uzyskać jeszcze większą elastyczność).
• Globalne widżety. Umożliwiają one ponowne użycie wspólnego elementu na wielu stronach i edytowanie wszystkich wystąpień globalnego widżetu, po prostu aktualizując globalny widżet.
• Osadź w dowolnym miejscu . Używaj szablonów Elementora w innych obszarach za pomocą widżetów lub skrótów.

Zablokowanie – 5/5

Jeśli kiedykolwiek dezaktywujesz Elementora, pozostanie czysty kod. Na przykład, jeśli miałeś nagłówek <h3> z Elementorem, nadal będziesz miał nagłówek <h3> po dezaktywacji Elementora – użyje on tylko stylizacji twojego motywu.

2. Budowniczy bobrów

Beaver Builder już od dłuższego czasu jest niezłomną postacią na rynku kreatorów stron. Wyprowadza czysty kod ( dla kreatora stron ), jest popularny zarówno wśród użytkowników końcowych, jak i wdrożeniowców, i otrzymuje regularne zainteresowanie w postaci nowych funkcji i aktualizacji.

Istnieje również kilka oficjalnych dodatków, które można z nim sparować, aby uzyskać większą elastyczność – w szczególności opcjonalny motyw Beaver Builder i rozszerzenie Beaver Themer.

Przeczytaj naszą recenzję Beaver Builder.

Cena: Limitowana darmowa wersja. Zaczyna się od 99 USD do użytku w ograniczonych witrynach.

Interfejs – 5/5

Beaver Builder oferuje unikalny interfejs dla swojego wizualnego konstruktora frontendu. Większość pracy wykonujesz z paska bocznego po prawej stronie. Ale te opcje paska bocznego pojawiają się tylko po kliknięciu przycisku na górnym pasku, więc w dowolnym momencie można wyświetlić podgląd na pełnym ekranie:

• 1 – kliknij to, aby otworzyć obszar paska bocznego
• 2 – to podgląd Twojego projektu na żywo

Beaver Builder niedawno dodał edycję tekstu w wierszu, co oznacza, że ​​możesz pisać bezpośrednio na stronie, aby edytować tekst lub użyć wyskakującego okienka:

Szczerze mówiąc, korzystanie z edycji wbudowanej w wyskakującym okienku jest trochę niezręczne. Ale możesz łatwo przypiąć edytor do paska bocznego, aby to naprawić.

Dołączone widżety/szablony – 4/5

W darmowej wersji Beaver Builder daje dostęp tylko do 6 modułów , choć można również korzystać ze standardowych widżetów WordPress.

Z kolei wersja premium daje dostęp do 30 modułów . Wszystkie te moduły są również modułowe, więc możesz je włączać lub wyłączać w razie potrzeby.

W wersji premium otrzymujesz również dostęp do ~56 szablonów stron, a także możliwość zapisywania własnych projektów jako szablonów.

Opcje stylizacji – 5/5

Aby wystylizować swoje moduły i sekcje, możesz:

• Użyj domyślnego wyskakującego okienka
• Przypnij okno z boku, aby utworzyć pasek boczny ( możesz to zobaczyć w poniższym przykładzie ).

Dokładne opcje zależą od modułu, ale ogólnie Beaver Builder zapewnia całkiem dobrą kontrolę nad elementami, w tym niestandardowymi odstępami i responsywnymi kontrolkami.

Beaver Builder oferuje również bardzo unikalny przełącznik, który pozwala pokazać lub ukryć poszczególne moduły w zależności od tego, czy użytkownik jest zalogowany, czy nie:

Inne ważne funkcje – 4/5

• Bobra Themer. Chociaż jest to osobne rozszerzenie, dodaje pełną funkcjonalność budowania motywów, taką jak Elementor.
• Białe oznakowanie . Jeśli tworzysz witryny dla klientów, możesz łatwo dodać do nich białą etykietę Beaver Builder.
• Motyw Beaver Builder . Ten opcjonalny motyw zapewnia jeszcze większą kontrolę nad wyglądem witryny.

Chociaż unikalne funkcje są dobre, nie mam nic przeciwko, ponieważ musisz zapłacić więcej, aby je uzyskać.

Zablokowanie – 5/5

Podobnie jak Elementor, Beaver Builder pozostawia w 100% czysty kod z odpowiednim formatowaniem HTML.

3. Konstruktor Divi

Divi Builder to popularny program do tworzenia stron premium firmy Elegant Themes. Chociaż jest najczęściej używany jako część motywu Divi, Divi Builder jest również samodzielną wtyczką, której można używać również z innymi motywami.

W przeciwieństwie do poprzednich dwóch kreatorów stron, Divi Builder umożliwia edycję treści za pomocą zarówno wizualnego interfejsu front-end, jak i interfejsu zaplecza , chociaż większość użytkowników prawdopodobnie woli interfejs front-end.

W najnowszej wersji, Divi 4.0, Divi dodało również pełną obsługę budowania motywów, co stawia go pod tym względem na równi z Elementorem i Beaver Builderem. Oznacza to, że możesz teraz używać Divi do projektowania nagłówka, stopki, szablonów itp.

Przeczytaj naszą recenzję Divi Builder.

Cena: dostępne w ramach członkostwa w programie Elegant Themes za 89 USD

Interfejs – 5/5

Interfejs zaplecza Divi Builder wygląda tak:

Ale przez większość czasu będziesz używać interfejsu graficznego frontendu. Divi Builder jest zdecydowanie wyjątkowy. Osobiście nie jestem fanem , ale znam wielu ludzi, którzy to kochają, więc nie zamierzam tracić punktów z tego powodu.

Zasadniczo, zamiast jakiegokolwiek paska bocznego, wszystko jest wyskakującymi okienkami i pływającymi przyciskami. Poniżej możesz zobaczyć przykład dodawania modułu:

Podobnie jak w poprzednich dwóch programach do tworzenia stron, możesz również użyć edycji wbudowanej, aby edytować tekst bezpośrednio na stronie:

Od Ciebie zależy, czy wolisz to podejście od paska bocznego używanego przez niektóre inne wtyczki do tworzenia stron.

Dołączone widżety/szablony – 5/5

Divi Builder zawiera 46 modułów , których możesz użyć do tworzenia swoich projektów:

Otrzymasz również dostęp do masywnych 316 gotowych szablonów rozmieszczonych w 40 różnych pakietach układów, a także możliwość zapisywania własnych projektów jako szablonów:

Opcje stylizacji – 5/5

Podobnie jak Beaver Builder, Divi Builder umożliwia stylizowanie elementów z wyskakującego okienka, które można w razie potrzeby przypiąć z boku.

Jedną z cech charakterystycznych Divi zawsze była kontrola nad stylizacją. Na trzech różnych kartach możesz skonfigurować różne ustawienia, w tym responsywne elementy sterujące, niestandardowe odstępy i wiele więcej.

Możesz nawet dodać niestandardowy CSS do głównego elementu lub przed/po głównym elemencie. Edytory CSS zawierają nawet podstawową walidację i autouzupełnianie! Możesz także otworzyć selektor kolorów bezpośrednio z edytora:

Podsumowując, Divi Builder naprawdę przesuwa granice dzięki swoim opcjom stylizacji – to dobra rzecz.

Inne ważne funkcje – 5/5

• Tworzenie motywu — zaprojektuj cały motyw za pomocą interfejsu Divi Builder.
• Testy A/B. Jedną z najlepszych funkcji dodatkowych jest wbudowany system testowania A/B Divi Builder. Żaden inny program do tworzenia stron nie ułatwia tak łatwego podziału testu w rdzeniu.
• Motyw Divi . Parowanie Divi Builder z motywem Divi zapewnia pełną kontrolę nad wyglądem witryny.
• Kontrola dostępu użytkownika . Divi Builder zawiera silną kontrolę dostępu opartą na rolach.
• Kontrolki Konfiguratora WordPress . Możesz dostosować wygląd niektórych elementów za pomocą natywnego narzędzia WordPress Customizer.

Zablokowanie – 3/5

Jedną z krytyki Divi Buildera zawsze było to, że jest on oparty na shortcode. Oznacza to, że jeśli kiedykolwiek go dezaktywujesz, pozostawi wiele krótkich kodów w twoich treściach.

Chociaż jest to trochę przygnębiające, jest to mniejszy problem teraz, gdy istnieją wtyczki takie jak Shortcode Cleaner. Utracisz formatowanie – jak tag <h3> – ale nie stracisz samej treści.

4. Rozwijający się architekt

Thrive Architect to odnowiona wersja tego, co kiedyś było narzędziem Thrive Content Builder. Nowy interfejs ma wiele podobieństw z interfejsem Elementora, który zobaczysz za sekundę.

Chociaż każdy może z niego korzystać, jest szczególnie popularny wśród blogerów i marketerów afiliacyjnych, ponieważ koncentruje się na współczynnikach konwersji. Jedną z rzeczy, które osobiście lubię w Thrive Architect, jest to, że jego domyślna stylizacja wygląda całkiem nieźle od razu po wyjęciu z pudełka.

Przeczytaj naszą recenzję Thrive Architect.

Cena: jest częścią pakietu Thrive Suite, który kosztuje 19 USD miesięcznie (rozliczanie roczne).

Interfejs – 5/5

Jak powiedziałem, zobaczysz pewne podobieństwa między interfejsem Thrive Architect a interfejsem Elementora ( Elementor był pierwszy, jeśli się zastanawiasz ):

To ten sam pomysł, masz:

• 1 – to jest podgląd na żywo Twojego projektu. Wygląda dokładnie tak, jak zobaczą go Twoi goście. Możesz także wpisywać tekst bezpośrednio w tym interfejsie, a także przeciągać i upuszczać różne elementy, aby je zmienić.
• 2 – pokazuje listę elementów, których możesz użyć. Po prostu je przeciągasz. A kiedy wybierzesz pojedynczy element lub sekcję, w tym miejscu będziesz go stylizować.
• 3 – pomagają uzyskać dostęp do responsywnych podglądów, cofania/ponawiania zmian i innych mniejszych funkcji.

Tak – skopiowałem i wkleiłem to z sekcji Elementor .

Wyjątkową rzeczą jest selektor okruszków po kliknięciu na zagnieżdżony element. Ta funkcja jest bardzo przydatna, gdy chcesz szybko przeskakiwać między elementem a sekcją:

Thrive Architect oferuje również prawdziwą edycję tekstu w linii. W rzeczywistości Thrive Architect ma najbardziej bezproblemową funkcjonalność edycji inline ze wszystkich narzędzi do tworzenia stron, moim zdaniem:

Dołączone widżety/szablony – 4/5

Thrive Architect oferuje 40 różnych widżetów , w tym kilka zgrabnych, takich jak wiecznie zielony minutnik.

Thrive Architect zawiera również setki szablonów podzielonych na ~36 „zestawów”. Możesz także zapisać własne projekty jako szablon.

Opcje stylizacji – 5/5

Thrive Architect odrywa się od Elementora, jeśli chodzi o stylizację. Zamiast dawać ci zakładki, Thrive Architect zawiera wszystko w jednej kolumnie.

Opcje stylizacji są dość szczegółowe i obejmują responsywne elementy sterujące i niestandardowe odstępy:

Możesz także dodać własny niestandardowy kod CSS na poziomie strony . Do poszczególnych elementów możesz przypisać tylko klasy CSS lub identyfikatory.

Inne ważne funkcje – 3/5

Jedną z fajnych funkcji jest opcja ustawienia Zdarzeń na stronie . Umożliwiają one wyświetlanie wyskakującego okienka lightbox w oparciu o określone wyzwalacze:

Kolejną fajną rzeczą jest to, jak dobrze integruje się z innymi produktami Thrive Themes. Na przykład:

• Jeśli korzystasz z Thrive Optimize, możesz przeprowadzać testy A/B za pomocą Thrive Architect.
• Jeśli korzystasz z Thrive Leads, możesz łatwo zintegrować szczegółowe opcje Thrive Leads z Thrive Architect.

Zablokowanie – 5/5

Thrive Architect pozostawia w 100% czysty kod, taki jak Elementor i Beaver Builder.

5. Kreator stron SiteOrigin

SiteOrigin Page Builder istnieje od, jak się wydaje, od zawsze. I w tym „na zawsze” udało mu się zebrać ponad 1 milion aktywnych instalacji na WordPress.org, co czyni go jedną z najpopularniejszych wtyczek do tworzenia stron na rynku.

Chociaż SiteOrigin Page Builder jest nieco lżejszy niż większość innych opcji z tej listy, oferuje świetną wydajność i mnóstwo przydatnych kontrolek CSS.

Cena: za darmo. Pakiet SiteOrigin Premium zaczyna się od $ 29

Interfejs – 3/5

SiteOrigin ma dwa interfejsy, których możesz użyć do zbudowania swojego projektu.

Masz oryginalny edytor zaplecza:

Możesz przeciągać i upuszczać bloki lub kliknąć określony blok, aby go edytować.

Ten edytor zapewnia najwięcej miejsca do pracy, ale brakuje w nim jakiegokolwiek podglądu na żywo.

Jeśli chcesz podgląd na żywo, SiteOrigin Page Builder dodał tryb edytora na żywo:

To nie to samo, co inne narzędzia do tworzenia stron na tej liście, ponieważ w rzeczywistości nie można przeciągać i upuszczać elementów w podglądzie na żywo . Ale jest to również coś więcej niż tylko podgląd projektu, ponieważ istnieje pewna interaktywność między polami abstrakcyjnymi po lewej stronie a podglądem na żywo.

Na przykład możesz najechać kursorem na pole podglądu na żywo, a odpowiednie pole na pasku bocznym również pokaże podświetlenie. Możesz także kliknąć element w podglądzie na żywo, aby otworzyć jego ustawienia:

Dołączone widżety/szablony – 2/5

Oprócz podstawowych widżetów WordPress, SiteOrigin Page Builder oferuje również bezpłatną wtyczkę Widgets Bundle, która dodaje modułowy zestaw 23 widżetów , z których możesz korzystać. Zawiera również ~25 gotowych szablonów, których możesz użyć, chociaż są to dość proste w porównaniu z innymi narzędziami do tworzenia stron.

Nie możesz zapisywać swoich projektów jako szablonów, ale możesz łatwo klonować istniejące strony, co zapewnia podobną funkcjonalność.

Opcje stylizacji – 3/5

Opcje stylów SiteOrigin Page Builder będą rozczarowujące w porównaniu z innymi kreatorami stron, jeśli nie znasz CSS . Ale jeśli nie masz nic przeciwko używaniu własnego CSS, są one całkiem pomocne.

Oprócz dodawania klas CSS i identyfikatorów, możesz również bezpośrednio dodawać CSS do poszczególnych elementów, w tym sekcji CSS tylko dla urządzeń mobilnych:

Dostajesz również wiele opcji stylów innych niż CSS - tylko nie tak wiele, jak inne wtyczki. Jeśli jesteś programistą, który planuje używać własnego kodu CSS, prawdopodobnie możesz przyznać wtyczce 5 w tej kategorii. Ale obniżam go do 3, ponieważ myślę, że to miejsce, w którym pasuje do zwykłych użytkowników .

Inne ważne funkcje – 2/5

SiteOrigin Page Builder jest dość lekki, ale w pakiecie SiteOrigin Premium otrzymujesz podstawowy niestandardowy kreator typów postów.

Zablokowanie – 4/5

Kreator stron SiteOrigin pozostawia za sobą mieszankę czystego kodu HTML i krótkich kodów. Oznacza to, że niektóre widżety – takie jak edytor tekstu – pozostawiają czysty kod HTML, podczas gdy inne – takie jak widżet przycisku – pozostawiają skróty.

6. Kreator stron WPBakery

WPBakery Page Builder, wcześniej znany jako Visual Composer, to kolejny bardzo popularny program do tworzenia stron premium. Duża część tej popularności wynika z faktu, że WPBakery Page Builder jest dołączony do 99% motywów w ThemeForest. Ale faktem jest, że jest on używany w ogromnej liczbie witryn .

Cena: $64

Interfejs – 3/5

Podobnie jak Divi Builder, WPBakery Page Builder umożliwia zarówno wizualną edycję frontonu, jak i edycję zaplecza.

Możesz użyć interfejsu zaplecza, jeśli chcesz:

Ale myślę, że większość ludzi będzie szczęśliwsza na froncie, który wygląda tak:

Wstawiasz nowe elementy i stylizujesz je za pomocą wyskakujących okienek – nie ma obszaru paska bocznego ani edycji w wierszu.

Osobiście nie jestem fanem tego podejścia, ale niektórym się to podoba, ponieważ nic nie stoi na przeszkodzie w podglądzie na żywo , gdy nie masz otwartego wyskakującego okienka .

Dołączone widżety/szablony – 3/5

WPBakery Page Builder oferuje 39 elementów plus wszystkie normalne widżety WordPress. Niektóre z tych elementów zostałyby jednak połączone w innym narzędziu do tworzenia stron, więc rzeczywista liczba jest bardziej podobna do ~33 :

Otrzymasz również ~86 szablonów. Niektóre szablony to pełne strony, a inne to tylko sekcje.

Opcje stylizacji – 3/5

W porównaniu do czegoś takiego jak Elementor lub Divi Builder, opcje stylu WPBakery Page Builder są nieco ograniczone.

Masz dobrą kontrolę nad wierszami:

Ale możliwości stylizacji poszczególnych elementów są nieco bardziej ograniczone.

Jeśli chcesz użyć własnego CSS, możesz dodać niestandardową klasę CSS lub identyfikator do poszczególnych elementów, albo możesz dodać rzeczywiste style na poziomie strony:

Inne ważne funkcje – 3/5

Nie jestem pewien, czy WPBakery Page Builder sam w sobie ma jakieś szczególnie godne uwagi unikalne funkcje. Ale to, co ma, to ogromna społeczność dodatków stron trzecich. Podczas gdy wiele innych kreatorów stron ma dodatki innych firm, WPBakery Page Builder jest unikalny pod względem liczby, która przekracza ponad 250 dodatków .

Zablokowanie – 3/5

Podobnie jak Divi Builder, WPBakery Page Builder pozostawia po sobie kilka skrótów w treści, jeśli kiedykolwiek je dezaktywujesz.

7. Konstruktor Themify

Nic dziwnego, że Themify Builder to oferta kreatora stron Themify. Themify łączy go z wieloma motywami, aby zapewnić klientom łatwe opcje dostosowywania. Ale możesz też kupić go jako samodzielną wtyczkę i używać go z dowolnym motywem.

Cena : Lekka darmowa wersja. Pro zaczyna się od 39 USD lub 59 USD (w zależności od dodatków)

Interfejs – 4/5

Podobnie jak Divi Builder i WPBakery Page Builder, Themify Builder umożliwia tworzenie projektów przy użyciu zarówno interfejsu back-end, jak i front-end.

W wersji 4.0 Themify Builder dokonał kilku aktualizacji interfejsu, co spowodowało, że poprawiłem wynik.

Interfejs zaplecza wygląda tak:

Ale znowu, większość ludzi prawdopodobnie będzie chciała korzystać z interfejsu użytkownika, który działa tak:

• 1 – pozwala wstawić nowe moduły ( 2 różne sposoby )
• 2 – podgląd na żywo
• 3 – responsywne podglądy, cofanie/ponawianie i inne ustawienia

Nie ma edycji wbudowanej – musisz edytować swój tekst w wyskakującym okienku:

Mimo to nowy interfejs jest znacznie „szybszy” niż stary, co zapewnia znacznie szybszą edycję.

Dodaje również selektor w stylu bułki tartej nad wyskakującym okienkiem ustawień, który pozwala szybko przełączać się między samym modułem a wierszami i kolumnami, w których się znajduje.

Wreszcie, jednym z moich ulubionych nowych dodatków jest możliwość dodawania marginesów i dopełnienia poprzez proste kliknięcie i przeciągnięcie strony. To ogromne ulepszenie i znacznie ułatwia dostosowanie pozycjonowania na Twojej stronie. Możesz zobaczyć, jak mogę dostosować margines ( różowy ), po prostu go przeciągając:

Naprawdę, moją jedyną poważną krytyką jest wciąż brak edycji linii.

Dołączone widżety/szablony – 3/5

Themify Builder oferuje ~32 moduły (w zależności od dodatków), a także wszystkie normalne widżety WordPress.

Dostajesz również ~143 pełne szablony stron, a także mniejszą liczbę wierszy , które są w zasadzie wstępnie utworzonymi sekcjami .

Opcje stylizacji – 4/5

Jeśli klikniesz dowolny element, otrzymasz cztery różne zakładki, które pomogą mu w stylizacji:

• Zawartość
• Stylizacja ( pokazana poniżej )
• Widoczność ( pozwala ukryć element na niektórych urządzeniach )
• Animacja

Kolejną fajną rzeczą jest to, że Themify Builder pozwala dostosować responsywne punkty przerwania ( choć tylko na poziomie całej witryny ).

W wersji 4.0 Themify Builder dodał również niestandardowe dzielniki kształtów, które pozwalają wybierać spośród 25 gotowych kształtów.

Inne ważne funkcje – 4/5

Jedną fajną rzeczą w Themify Builder jest to, że nadal pozwala korzystać ze zwykłego edytora WordPress, podczas gdy inne kreatory stron zmuszają Cię do korzystania z interfejsu kreatora stron do wszystkiego . Treść Themify Builder jest oznaczona w edytorze WordPress, dzięki czemu możesz umieścić zawartość wokół niej:

Ta funkcja działa również w nowym edytorze bloków WordPress.

Kolejną fajną nową funkcją jest możliwość używania różnych rozdzielczości do responsywnego projektowania. Wiele kreatorów stron po prostu daje ogólne podglądy „Mobile” i „Tablet”, ale Themify Builder pozwala testować różne urządzenia.

Zablokowanie – 5/5

Themify Builder znacznie się poprawił w odniesieniu do blokady. Teraz, jeśli go dezaktywujesz, pozostawi zawartość z czystym kodem HTML.

8. Brizy

Uruchomiony w kwietniu 2018 r. Brizy jest jednym z „najmłodszych” kreatorów stron na tej liście. Ale pochodzi od znanego programisty – ThemeFuse – i szybko zgromadził 60 000 aktywnych instalacji. Dodatkowo, po prostu oferuje unikalne podejście do niektórych części budowania strony, co czyni go interesującą ofertą.

Twórcy również szybko udostępniają nowe funkcje, a Brizy ma już wsparcie dla tworzenia motywów i wyskakujących okienek.

Cena: Podstawowa darmowa wersja. Wersja Pro zaczyna się od 49 USD.

Interfejs – 5/5

Brizy jest wyłącznie frontendowym wizualnym kreatorem stron.

Aby zbudować swoją stronę, musisz najpierw dodać blok. Możesz użyć pustego bloku lub możesz wybrać spośród gotowych bloków sekcji:

Część „unikalnego interfejsu” dzieje się, gdy zaczniesz dodawać elementy. Zamiast mieć pasek boczny lub wyskakujące okienko, w którym dostosowujesz / stylizujesz element, prawie wszystko dzieje się w tekście (w tym pisanie).

Zobacz, co mam na myśli:

Rezultatem jest naprawdę szybki sposób budowania stron.

Dołączone widżety/szablony – 4/5

Brizy oferuje obecnie 26 podstawowych elementów . Ta liczba jest niewielka, ale Brizy jest wciąż nowa, więc miejmy nadzieję, że z czasem wzrośnie.

Otrzymujesz również dodatkowe elementy dla niektórych funkcji, takie jak element menu podczas tworzenia nagłówka.

Zawiera również ponad 150 bloków (sekcji szablonów), których możesz użyć.

Opcje stylizacji – 5/5

Ze względu na sposób działania interfejsu Brizy nie ma ustalonej formuły dla opcji stylizacji, takich jak inne narzędzia do tworzenia stron.

Możesz rozwinąć pasek boczny, aby uzyskać zaawansowane ustawienia, takie jak odstępy i elastyczne elementy sterujące:

Możesz również dodać podstawowe style na poziomie strony, aby nie trzeba było ręcznie edytować każdego elementu:

Ale przez większość czasu będziesz używać wbudowanych kontrolek do stylizowania swoich elementów, co daje ci dobrą kontrolę.

Inne ważne funkcje – 5/5

Interfejs Brizy jest już dość wyjątkowy, ale od czasu jego wydania szybko stworzył całkiem niezłą listę funkcji:

• Kreator motywów — zaprojektuj nagłówki, stopki, archiwa i szablony pojedynczych postów za pomocą Brizy. Wsparcie WooCommerce jest w drodze . Zawiera również dynamiczną funkcję umożliwiającą wprowadzanie niestandardowych treści pól z popularnych wtyczek, takich jak ACF i Toolset.
• Kreator wyskakujących okienek – projektuj wyskakujące okienka za pomocą interfejsu Brizy i używaj warunków do kontrolowania, gdzie/kiedy są wyświetlane.
• Globalne banery synchronizowane na wielu stronach.
• Integracje z popularnymi usługami e-mail marketingu (i Zapier).

Zablokowanie – 4/5

Brizy pozostawia w większości czysty kod HTML, jeśli kiedykolwiek go dezaktywujesz. Ale nadal pozostawia w kodzie sporo divów z klasami Brizy CSS, co nieco psuje odstępy i wymaga czyszczenia.

9. Kompozytor wizualny

Powyżej powiedziałem, że WPBakery Page Builder był znany jako Visual Composer. Powodem tego „przyzwyczajenia się” jest to, że zespół odpowiedzialny za Visual Composer zdecydował się wydzielić WPBakery Page Builder, aby mogli uruchomić zupełnie nowy produkt pod nazwą Visual Composer.

Na tym się skupiamy w tej sekcji.

Choć pochodzi z tego samego zespołu, jest to całkowicie osobny produkt.

Główną różnicą jest to, że Visual Composer to kompletny kreator stron internetowych , podczas gdy WPBakery Page Builder to tylko narzędzie do tworzenia stron .

Cena: Limitowana darmowa wersja. Wersja Pro zaczyna się od 49 USD.

Interfejs – 3/5

Po przejściu do tworzenia nowej strony za pomocą programu Visual Composer możesz wybrać jeden z kilku różnych układów płótna. Możesz zrobić całkowicie puste płótno, dołączyć nagłówek/stopkę itp.

Stamtąd możesz zaprojektować wszystko za pomocą interfejsu wizualnego:

Interfejs jest płynny i pozbawiony usterek, jednak brakuje w nim edycji wbudowanej, co jest trochę rozczarowujące. Zamiast tego musisz edytować tekst na pasku bocznym:

Dodatkowo nie uważam, aby opcje na pasku bocznym były tak użyteczne, ponieważ wszystko to jedna długa kolumna. Wolę podejście, którego używa większość innych kreatorów stron, czyli dzielenie ustawień na zakładki.

Dołączone widżety/szablony – 5/5

Kiedy po raz pierwszy instalujesz Visual Composer (lub jeśli korzystasz tylko z bezpłatnej wersji), masz dostęp tylko do kilku bloków i żadnych szablonów.

Nie daj się jednak zwieść — Visual Composer ma ogromny wybór elementów i szablonów — wystarczy połączyć się z Visual Composer Hub i pobrać te, których chcesz użyć:

Jak widać, istnieje ogromna różnorodność, od bloków treści po integracje i nie tylko. Podobnie jest z szablonami.

Opcje stylizacji – 4/5

Opcje stylizacji Visual Composer są solidne, ale tak naprawdę nic się nie wyróżnia. Otrzymujesz wszystkie funkcje, których można oczekiwać, takie jak dzielniki kształtu, niestandardowe odstępy, paralaksa itp.

Otrzymasz również responsywne elementy sterujące umożliwiające edycję projektu w oparciu o urządzenie użytkownika, a także szeroką gamę responsywnych opcji podglądu.

Dwie fajne funkcje to opcje przyklejania wiersza lub elementu i kontrolowania sposobu układania kolumn.

Inne ważne funkcje – 5/5

Jak wspomniałem powyżej, Visual Composer to pełny kreator stron internetowych, dzięki czemu możesz zbudować całą witrynę za pomocą jej interfejsu, w tym nagłówków, stopek, szablonów i innych.

Możesz także wstawiać zawartość dynamiczną z pól domyślnych i niestandardowych, takich jak te dodane za pomocą ACF.

Inną wyróżniającą się funkcją jest Visual Composer Hub, który zawiera mnóstwo szablonów i elementów treści, które można zaimportować.

Zablokowanie – 5/5

Jeśli wyłączysz Visual Composer, pozostawi on w miarę czysty kod HTML. HTML nadal zawiera klasy CSS Visual Composer, ale nie ma żadnych problemów z interfejsem ani skrótów.

10. Kreator stron WP

WP Page Builder to nowa oferta od Themeum, uznanego programisty WordPress. Tak więc, chociaż sama wtyczka jest nowa, pochodzi od zespołu, który działa w przestrzeni WordPress od jakiegoś czasu.

Themeum tworzy również wtyczkę Tutor LMS, którą sprawdziliśmy nie tak dawno temu.

Cena: Dość hojna darmowa wersja. Wersja Pro zaczyna się od 39 USD.

Interfejs – 4/5

WP Page Builder ma dość standardowy interfejs, jeśli chodzi o kreatory stron. Otrzymasz wizualny podgląd swojego projektu po prawej stronie i pasek boczny po lewej, gdzie możesz kontrolować swoje projekty.

Jedną z rzeczy, które bardzo mi się podobają, jest możliwość dostosowania odstępów (marginesy/dopełnienie) za pomocą suwaka „przeciągnij i upuść”. Możesz również użyć podobnej metody przeciągania i upuszczania, aby zmienić rozmiar kolumn:

Jednak nie ma edycji w trybie inline, co jest trochę przygnębiające. Zamiast tego musisz edytować tekst w edytorze paska bocznego:

Dołączone widżety/szablony – 5/5

Nawet w bezpłatnej wersji WP Page Builder zawiera znakomity wybór widżetów. Na przykład bezpłatna wersja zawiera tabele cen, siatki postów, pudełka do odwracania i wiele innych. Większość innych twórców stron rezerwuje te elementy dla wersji premium.

Otrzymasz również dostęp do ponad 31 pakietów układów, które są tematycznie powiązanymi pakietami szablonów dla określonych nisz. Każdy układ zawiera wiele szablonów:

Opcje stylizacji – 4/5

Wspomniałem już o kontrolkach odstępów/układu przeciągania i upuszczania, co jest naprawdę wygodną funkcją.

Poza tym otrzymujesz również dobry wybór opcji stylu. Na przykład otrzymujesz dzielniki kształtów, opcję ukrywania elementów na niektórych urządzeniach i używania różnych ustawień dla różnych urządzeń oraz wiele ogólnych opcji stylu:

Jednak, chociaż jest solidny, nie masz tak wielu opcji, jak w przypadku czegoś takiego jak Elementor lub Divi, dlatego wybieram wynik „4” zamiast „5”.

Inne ważne funkcje – 3/5

WP Page Builder to solidny program do tworzenia stron, ale nie zbudował tego rodzaju dodatków, które otrzymujesz z innymi programami do tworzenia stron. Na przykład nie ma budowania motywów, kreatora wyskakujących okienek itp.

Poza samym kreatorem stron nie widzę żadnych wyróżniających się funkcji.

Zablokowanie – 3/5

When you disable WP Page Builder, it removes everything , including your content. Even if you just added a single text block, that text block will still disappear when you disable WP Page Builder.

The content will reappear if you reactivate the plugin.

Which Is The Best WordPress Page Builder?

So which of these 10 page builders should you choose? Well, here's how the scores stack up (in order):

And personally, that's pretty much how I would recommend them to people, as well.

On my own sites, I use a mix of Elementor and Thrive Architect, depending on the site.

If you're looking for the best value of price vs features, here's another table comparing the score to the pricing options:

Now over to you — which one do you think is the best WordPress page builder?