Porównanie najlepszych darmowych wtyczek WordPress Page Builder 2021

Gutenberg ma wbudowany edytor, który jest naturalny w użyciu. Dodatkowo możesz wkleić długi tekst z podstawowym formatowaniem do wizualnego kreatora. Gutenberg jest w stanie automatycznie tworzyć akapity, nagłówki i listy. Nie musisz wcześniej tworzyć żadnego elementu. Bardzo przydatne.

Dostępne elementy

Gutenberg nazywa swoje elementy blokami. Dodanie nowego bloku jest bardzo łatwe i można to zrobić na więcej sposobów. Po pierwsze, znajduje się w lewej górnej części stałego paska narzędzi. Dodatkowo możesz znaleźć jedną ikonę plusa tuż pod każdym dodanym blokiem.

Opcje stylizacji

Gutenberg oferuje minimalne opcje stylizacji elementów. Możesz dostosować rozmiar czcionki, kolor i kolor tła. Ale poza tym nie ma wielu opcji, które możesz dostosować. Niemniej jednak są przydatne i przyjemne, ale byłoby wspaniale, gdyby było ich więcej. Na przykład bardzo chciałbym móc dostosować rodzinę czcionek dodawanej przeze mnie treści. Niestety Gutenberg nie oferuje na to możliwości, może to jedynie odziedziczyć po motywie.

Szablony

Gutenberg oferuje kilka wyborów szablonów bloków w zakładce Wzór. Są to proste, ale świetnie wyglądające układy , które mogą dać ci przewagę. Projekty są proste i nie ma z czego wybierać. Niemniej jednak pomagają zaoszczędzić czas podczas tworzenia strony.

Ostatnie przemyślenia na temat Gutenberga

Gutenberg to proste, ale łatwe w użyciu narzędzie, które WordPress oferuje do tworzenia ładnie wyglądających stron. Najlepiej sprawdza się w przypadku motywu, który ma duży wpływ na stylizację strony. W połączeniu z takim motywem Gutenberg może pokonać każdą konkurencję. Jeśli jednak połączysz go z minimalistycznym motywem, prawdopodobnie będziesz mieć trudności z tworzeniem pożądanych projektów.

Elementor – najpopularniejsza darmowa wtyczka do tworzenia stron

Pobierać

Elementor to najpopularniejszy kreator stron w repozytorium WordPress.org. W rzeczywistości jest to jedna z najpopularniejszych wtyczek do WordPressa . Obecnie repozytorium ma tylko 7 wtyczek, które mają ponad 5 milionów instalacji. A Elementor to jedna z tych super popularnych wtyczek. Mając tak wielu użytkowników, Elementor zdołał utrzymać imponującą ocenę 5 z 5465 recenzji.

Interfejs Elementora

Elementor oferuje wizualny edytor frontendu do tworzenia stron. Wielu użytkowników woli edycję frontendu, ponieważ mogą zobaczyć, jak strona będzie wyglądać podczas jej edycji. Tak więc edycja frontendu oszczędza czas, ponieważ usuwa dwa etapy edycji. Nie musisz zapisywać i odświeżać za każdym razem, gdy chcesz rzucić okiem na stronę, nad którą pracujesz. Dodatkowo możesz edytować warstwy tekstowe inline , co jest świetnym dodatkiem.

Edytor podzielony jest na dwie główne sekcje. Po pierwsze, po lewej stronie znajduje się panel Elementor, w którym znajdują się opcje konfiguracji. Na przykład tutaj możesz nazwać swoją stronę. Dalej jest szersza sekcja, czyli rzeczywisty ekran edycji. To jest miejsce, do którego możesz przeciągać widżety z lewego panelu i zobaczyć, co stworzyłeś.

Panel Elementor ma przydatne pole wyszukiwania do szybkiego znajdowania widżetów . Pomaga to przyspieszyć przepływ pracy, ponieważ nie musisz znajdować żądanego widżetu. Chociaż może być konieczne zapoznanie się z elementami, aby skutecznie z niego korzystać.

Dostępne elementy

Kreatory stron muszą zapewnić przynajmniej najbardziej podstawowe elementy, aby zmieścić się w nowoczesnej witrynie internetowej. Ponieważ Elementor jest jedną z najlepszych darmowych wtyczek do tworzenia stron WordPress , oferuje je. Możesz tworzyć nagłówki, dodawać tekst, obrazy i przyciski. Dodatkowo masz do dyspozycji inne przydatne widżety. Na przykład karuzela obrazów, licznik, pasek postępu lub zakładki do Twojej dyspozycji. Tak więc Elementor oferuje nie tylko najbardziej podstawowe widżety, ale daje o wiele więcej.

Istnieje ogromna lista widżetów, z których możesz wybrać, aby stworzyć niesamowicie wyglądającą stronę Elementora. Te elementy pomogą Ci na dłuższą metę stworzyć piękne strony dla Twojej witryny . Dodatkowo, jeśli potrzebujesz więcej widżetów, istnieje wiele wtyczek, które je oferują. Co więcej, istnieje wiele takich wtyczek, które są dostępne bezpłatnie.

Opcje stylizacji

Czy zainstalowałeś Elementora na swojej stronie po raz pierwszy? Zalecam najpierw ustawienie typografii . Możesz je znaleźć w Panelu ustawień edytora Elementor > Menu Hamburger > Ustawienia witryny. Następnie możesz je wybrać w dowolnym dodawanym widżecie, przyspieszając przepływ pracy.

Istnieje wiele opcji, za pomocą których możesz stylizować każdy element zgodnie z własnym sercem. Chociaż istnieje wiele ustawień, są one łatwe do zrozumienia . Nawet jeśli nie masz pewności, co robi dana opcja, możesz wypróbować ją z ufnością i cofnąć zmianę, jeśli ci się nie spodobają. Chociaż istnieje wiele opcji stylizacji, było kilka rzeczy, których nie udało mi się ustawić. Na przykład wysokość linii może być tylko wartością piksela lub em. Chciałbym po prostu ustawić go na 1,5, ale nie mogłem. Niestandardowa opcja CSS byłaby obejściem tego problemu. Ale ta opcja jest dostępna tylko w Elementorze Pro.

Szablony

Elementor oferuje ogromną bibliotekę szablonów , ale najpierw musisz utworzyć u nich bezpłatne konto . Po tym będziesz mieć dostęp do wielu świetnie wyglądających projektów. Możesz importować pełne strony, które następnie możesz dostosować do własnych upodobań. Możesz też zaimportować oddzielne bloki i złożyć stronę kawałek po kawałku.

Jest niesamowita ilość pięknych wzorów, z których możesz wybierać . Przeglądanie wszystkich dostępnych szablonów może być czasochłonne. Na szczęście istnieje opcja wyszukiwania, dzięki której możesz spróbować znaleźć bloki lub strony według powiązanych słów kluczowych. Dodatkowo po prawej stronie szablonów bloków znajduje się selektor kategorii. Jeśli szukasz działu kontakt lub cennik, możesz go tam wybrać i zobaczyć, co jest dostępne.

Ale jest jedna rzecz, której nie lubię w wyskakujących okienkach szablonów. To fakt, że profesjonalne szablony płynnie łączą się z darmowymi . Nie możesz filtrować tylko dla wersji Pro lub Free. W rezultacie możesz poświęcić zbyt dużo czasu na znalezienie szablonu, który zarówno Ci się podoba, jak i który możesz zaimportować.

Możesz także zapisywać własne projekty jako szablony , które możesz później łatwo zaimportować. Jest to przydatne, gdy masz tak samo wyglądające elementy w całej witrynie, takie jak subskrypcja lub blok kontaktowy.

Ostatnie przemyślenia na temat Elementora

Elementor to wyjątkowy kreator stron. Łatwo się go nauczyć , chociaż opanowanie może zająć trochę czasu. W każdym razie Elementor pozwala budować nowoczesne i świetnie wyglądające strony internetowe. Nieważne, czy jesteś początkującym czy profesjonalistą

Beaver Builder – jedna z najlepszych darmowych wtyczek do tworzenia stron WordPress

Pobierać

Beaver Builder to kolejna popularna darmowa wtyczka do tworzenia stron WordPress . Obsługuje ponad 300 000 stron internetowych i ma imponującą ocenę 5 gwiazdek na WordPress.org spośród 342 recenzji. Tak więc wiele osób używa i lubi tę wtyczkę. Zobaczmy, o co chodzi w tym szumie!

Interfejs Beaver Builder

Możesz użyć Beaver Builder do tworzenia stron dla swojej witryny na dwa sposoby. Pierwszym sposobem jest użycie pływającego panelu Zawartość, który możesz przeciągnąć w dowolne miejsce. Drugim sposobem jest przyklejenie panelu Zawartość po lewej lub prawej stronie przeglądarki. Dzięki temu możesz dodawać i konfigurować elementy po lewej stronie , a wynik zobaczyć po prawej stronie.

Beaver Builder oferuje edycję inline , która jest bardzo wygodna w użyciu. Łatwo jest dowiedzieć się, jak dodawać nowe elementy, a ich konfigurowanie jest równie łatwe. Jednak dodanie nowego elementu powoduje wyświetlenie ikony ładowania w miejscu, w którym go upuszczasz. Chociaż trwa to tylko kilka sekund, uznałem to za irytujące. Dodatkowo czułem, że przerywa to proces montażu. Ponadto przeciąganie i upuszczanie modułów czasami powodowało interesujące ruchy.

Dostępne elementy

Beaver Builder oferuje minimum elementów lub modułów, jak je nazywają. Dostępnych jest tylko 5: audio, HTML, zdjęcia, edytor tekstu i wideo. Dodatkowo możesz tworzyć wiersze, w których chcesz umieścić zawartość. Widżety WordPress są również dostępne do wyboru w Beaver Builder. Daje to nieco więcej narzędzi do pracy. Mimo to ta darmowa wtyczka do tworzenia stron WordPress ma bardzo niewiele elementów do zaoferowania.

Możesz użyć edytora tekstu do tworzenia nagłówków, dzięki czemu możesz odpowiednio ustrukturyzować treść. Co bardziej frustrujące, nie ma modułu przycisków , przynajmniej w wersji Lite. To szkoda, ponieważ CTA odgrywa ważną rolę w konwersji witryny. Oczywiście, jeśli masz wiedzę na temat kodowania, możesz tworzyć przyciski za pomocą modułów HTML lub Text Editor. Ale spójrzmy prawdzie w oczy: jeśli chciałbyś napisać kod, aby mieć przycisk, nie użyłbyś kreatora stron.

Opcje stylizacji

Beaver Builder wydaje się oczekiwać, że stylizacja zostanie wykonana od końca tematu. Domyślnie dziedziczy układ, który ładnie ustawia motyw . Jeśli chcesz stworzyć niestandardowy układ, możesz skorzystać z opcji Beaver Builder, aby to zrobić. Jednak nie ma stylów globalnych ani na poziomie strony. W wierszach lub kolumnach możesz ustawić tylko kolory tekstu, ale nie opcje dotyczące czcionki, takie jak rozmiar lub rodzina.

Szablony

Wiele wtyczek WordPress oferuje szybki dostęp do niektórych szablonów, z których użytkownicy mogą korzystać, aby uzyskać przewagę. Jest to przydatne dla tych, którzy są nowicjuszami w korzystaniu z wtyczki, nie mają dużej wiedzy projektowej lub brakuje im czasu. W Beaver Builder szablony są dostępne tylko po wykupieniu płatnego planu . Dlatego użytkownicy wtyczki Free nie będą mogli importować żadnych szablonów.

Ostatnie przemyślenia na temat Beaver Builder

Beaver Builder to przyjemna i łatwa w użyciu darmowa wtyczka do tworzenia stron WordPress. Wygląda jednak na to, że jest skierowany do programistów, a nie przeciętnych użytkowników WordPressa. W wersji darmowej nie ma możliwości stworzenia nagłówka Hero, ponieważ nie ma możliwości stworzenia przycisku. Chyba że sam zakodujesz przycisk, a nie sądzę, aby w 2020 roku był to do zaakceptowania konstruktor wizualny.

Brizy – innowacyjna darmowa wtyczka do tworzenia stron

Pobierać

Brizy to stosunkowo nowa wtyczka , wydana w kwietniu 2018 roku. Rynek wtyczek do tworzenia stron jest pełen dużych ryb, takich jak Elementor lub Beaver Builder. Na froncie płatnym znajdują się wtyczki takie jak Divi czy Visual Composer. Tak więc nowe wtyczki muszą oferować coś więcej, coś nowego, aby móc przyciągnąć użytkowników. A to nie jest łatwe zadanie.

Jednak Brizy zdołał zdobyć zaufanie ponad 60 000 ludzi w ciągu zaledwie dwóch lat. Dodatkowo obiecuje zaoferować nowy i intuicyjny sposób wizualnego budowania strony . To sprawia, że ​​jestem ciekawy, czy ten darmowy program do tworzenia stron WordPress może dotrzymać swojej obietnicy.

Interfejs Brizy

Podobnie jak inne kreatory stron, Brizy ma również wizualny edytor frontend . Ma wąski panel po lewej stronie okna przeglądarki. Tutaj możesz dodać nowe elementy, dostosować kolejność dodawanych bloków lub ustawić stylizację. Duża prawa strona służy do umieszczania treści. W rezultacie interfejs oferuje dużo miejsca, aby zobaczyć tworzone treści.

Brizy ma domyślnie edycję tekstu w linii, co jest bardzo wygodne w użyciu. W rzeczywistości rozwiązanie Brizy'ego wydaje się tak naturalne, jak rozwiązanie Gutenberga. A to duże osiągnięcie. Przetestowałem Elementora, który ma również edycję inline, ale nie jest tak płynny.

Dostępne elementy

Brizy oferuje garść elementów do tworzenia treści. Możesz tworzyć nagłówki lub akapity za pomocą modułu tekstowego lub dodać przycisk do swojej strony. Możesz także dodawać obrazy, ikony lub filmy. Są fajne dodatki, takie jak licznik czy elementy mapy Google. Podsumowując, Brizy posiada wszystkie elementy potrzebne do stworzenia bogatej w treści witryny.

Opcje stylizacji

Zanim zaczniesz tworzyć swoje strony za pomocą Brizy, upewnij się, że najpierw ustawiłeś kolory i style tekstu . To przyspieszy edycję. W ustawieniach tekstu znajdziesz najważniejsze opcje. Możesz ustawić rozmiar czcionki, rodzinę, grubość, wysokość linii i odstępy między literami. Inne opcje, takie jak wyrównanie tekstu, są dostępne w elemencie tekstowym.

Szablony

Tworzenie strony w Brizy zaczyna się od dodania nowego bloku. Najpierw musisz wybrać, czy chcesz zacząć od szablonu, czy utworzyć pusty blok . Jeśli zdecydujesz się dodać pusty blok, możesz zbudować zawartość od zera. Ale nawet jeśli zaczniesz od szablonu, będziesz mógł dostosować wszystko, co chcesz.

Do wyboru masz łącznie 502 bloki, które możesz wykorzystać do zbudowania swojej strony kawałek po kawałku. Dostępnych jest również 41 całostronicowych układów gotowych do zaimportowania. Jedynym minusem jest to, że szablony pro i darmowe są całkowicie mieszane . W rezultacie znalezienie tego, co można zaimportować w bezpłatnym narzędziu do tworzenia stron, może zająć trochę czasu.

Ostatnie przemyślenia na temat Brizy

Brizy jest łatwy w użyciu, niezależnie od tego, czy masz wiedzę programisty, czy nie. Dodatkowo, jego edycja w linii jest bardzo prosta i bardzo łatwo się do niej przyzwyczaić. Oczywiście jest wiele do zrobienia. Na przykład chciałbym mieć więcej opcji stylizacji. Niemniej jednak czuję, że Brizy stworzyła coś wyjątkowego.

Porównanie szybkości najlepszych darmowych kreatorów stron WordPress

Istnieją trzy kluczowe czynniki tworzenia udanej witryny . Są to: dobry egzemplarz, efektowny design i szybki czas ładowania. Większość wtyczek, które dodajesz do swojej witryny, ma wpływ na szybkość Twojej witryny. Musisz więc starannie wybrać, co instalujesz.

Wybierając narzędzie do tworzenia stron dla swojej witryny , należy wziąć pod uwagę, jaki wpływ ma on na czas wczytywania strony . Wtyczka wymagająca dużej ilości zasobów będzie miała negatywny wpływ na szybkość Twojej witryny. A nawet jeszcze nie dodałeś swojej treści.

Aby pomóc Ci znaleźć najlepszą darmową wtyczkę do tworzenia stron WordPress, porównam ich szybkość ładowania . Innymi słowy, sprawdzę, jak szybko ładuje się strona, którą tworzysz za pomocą tych wtyczek. Dodatkowo przetestuję, ile wagi dodają do szybkości strony i ile żądają.

Środowisko testowe

Chciałem uruchomić test szybkości na stronie o tej samej treści . Zbudowałem więc układ szablonu Healthcare w każdym kreatorze stron. Test przeprowadzam przy użyciu motywu Hello Elementor. Kiedy przeprowadzam testy, żaden inny nie był aktywny w tym samym czasie, oprócz tego, który testowałem. Wszystkie obrazy i czcionki były takie same w każdym kreatorze. Dodatkowo wyczyściłem pamięć podręczną przed każdym testem szybkości.

Najpierw uruchomiłem test prędkości na stronie przykładowej WordPress, aby dać ci wyobrażenie o szybkości motywu Hello Elementor. Do testów wykorzystano prędkość internetu 10Mb/s.

Wyniki testu prędkości

Gutenberg jest tutaj oczywistym zwycięzcą. Ładuje się szybciej niż którykolwiek z konkurentów, waży mniej i wysyła mniej żądań. Oczywiście jest znacznie bardziej ograniczony niż jakakolwiek inna wtyczka w tym artykule pod względem stylizacji. Tak więc, w oparciu o samą szybkość , Gutenberg jest najlepszą darmową wtyczką do tworzenia stron WordPress .

Ale powinniśmy spojrzeć głębiej niż szybkość strony. Weź również pod uwagę opcje stylizacji i dostępne elementy. W tym przypadku Gutenberg nie utrzyma swojego pierwszego miejsca. Mając to na uwadze, najlepszą darmową wtyczką do tworzenia stron WordPress jest Elementor lub Brizy . Elementor ładuje się wolniej, ale waży mniej. Z drugiej strony Brizy jest szybszy, ale cięższy. Jeśli więc potrzebujesz dobrego narzędzia do tworzenia stron dla swojej witryny, polecam wypróbowanie Elementora lub Brizy.

Która z nich jest najlepszą darmową wtyczką do tworzenia stron WordPress?

Jeśli nadal nie zdecydowałeś, którą wtyczkę wybrać, oto jak układają się wyniki (w kolejności):

Na podstawie tych wyników najlepszym darmowym narzędziem do tworzenia stron WordPress jest Elementor . Ale zaraz za nim podąża Brizy . Jeśli zaczynasz nowy projekt, radzę najpierw je sprawdzić. Ale warto też zastanowić się, czy wystarczyłby Gutenberg.

cennik

Jak wspomniano wcześniej, chciałem rzucić okiem na płatną wersję najlepszych darmowych wtyczek do tworzenia stron WordPress . Możesz później przejść na pro, nawet jeśli teraz jesteś zadowolony z wtyczki. Lub możesz dokonać aktualizacji, ponieważ chcesz wesprzeć twórców wtyczki.

Ponieważ Gutenberg jest częścią rdzenia WordPress, nie ma planu premium , do którego można by uaktualnić. Ale jeśli potrzebujesz więcej bloków lub szablonów, możesz znaleźć kilka darmowych lub premium wtyczek, które ci w tym pomogą.

Istnieje jednak wersja premium Elementora, Brizy i Beaver Builder. Do wyboru są następujące opcje cenowe:

Co więcej zyskasz, jeśli kupisz wtyczkę premium?

• Elementor: Dostaniesz 50 więcej widżetów do zbudowania. Ponadto 300+ więcej szablonów i ponad 10 pełnych zestawów stron internetowych. Theme, WooCommerce i Popup Builder są również dostępne w jednym z płatnych planów.
• Beaver Builder: Każdy pakiet Beaver Builder jest inny. W najtańszym planie otrzymujesz moduły i szablony Premium oraz profesjonalne wsparcie. Dodatkowo w środkowym pakiecie otrzymujesz Beaver Themer i kompatybilność z wieloma lokalizacjami. Co więcej, najwyższy pakiet oferuje White Labeling.
• Brizy : Wersja Pro Brizy zapewnia dostęp do ponad 250 projektów premium. Możesz także uzyskać dostęp do Brizy Cloud, z której możesz uzyskać niesamowite nowe szablony.

Końcowe przemyślenia

Wybór wtyczki do tworzenia stron WordPress za darmo nigdy nie jest łatwy. Jest po prostu zbyt wiele opcji, nie wszystkie wtyczki są równie dobre. Ponadto mogą nie pasować do Twojej witryny.

Jaki jest więc najlepszy darmowy kreator stron WordPress? Każda z tych czterech wtyczek może być najlepsza dla twojego projektu . Jeśli masz motyw z ładną stylistyką, Gutenberg prawdopodobnie wystarczy dla Twojej witryny. W rezultacie Twoja witryna ładowałaby się szybciej niż w przypadku jakichkolwiek innych wtyczek, które testowałem w tym artykule.

Ale jeśli nie masz tak dobrego motywu lub wolisz tworzyć wszystko samemu, nadal masz dobre opcje. Możesz wybrać Elementor lub Brizy jako darmowy program do tworzenia stron dla swojej witryny. Obie wtyczki oferują wiele funkcji, dzięki którym można stworzyć niesamowitą stronę internetową.