Recenzja Beaver Builder: czy jest to najlepsza wtyczka WordPress Page Builder? (2022)

Szukasz najlepszej wtyczki do tworzenia stron dla swojej witryny WordPress?

Beaver Builder zdecydowanie zasługuje na miejsce na tej liście. Od czasu premiery w 2014 roku stał się jednym z najlepszych kreatorów stron i zbudował zasłużoną reputację solidnej niezawodności i wspaniałej społeczności.

W naszym praktycznym przeglądzie Beaver Builder przedstawię szczegółowy opis wtyczki, w tym co robi dobrze, a co źle.

Ogólnie uważam, że Beaver Builder to bardzo dobry program do tworzenia stron, ale niekoniecznie jest to najlepsze narzędzie dla wszystkich, więc będziesz chciał mieć odpowiednie informacje, aby zdecydować, czy powinieneś użyć Beaver Builder lub jednej z jego popularnych alternatyw, takich jak Elementor lub Divi Builder.

Czytaj dalej naszą recenzję, a pomogę Ci w podjęciu tej decyzji!

Recenzja Beaver Builder: szybkie podsumowanie

Jeśli nie znasz Beaver Buildera, zacznę od bardzo szybkiego podsumowania jego funkcji, aby przyspieszyć.

Beaver Builder to przyjazna dla użytkownika wtyczka do tworzenia stron typu „przeciągnij i upuść”. Oznacza to, że pomaga tworzyć złożone projekty i strony docelowe bez konieczności posiadania wiedzy technicznej.

Możesz skonfigurować swój projekt za pomocą modułów zawartości i tworzyć układy za pomocą wierszy i kolumn . Dla każdego modułu, wiersza i kolumny otrzymasz szczegółowe opcje sterowania jego projektem, układem, odstępami i nie tylko.

Jeśli chcesz pójść dalej, możesz użyć dodatku Beaver Builder's Themer, aby zaprojektować cały motyw za pomocą wizualnej edycji metodą „przeciągnij i upuść”, w tym niestandardowych nagłówków, szablonów postów, stopek itp.

Zasadniczo Beaver Builder pomaga zbudować w 100% niestandardową witrynę WordPress.

Jak działa interfejs Beaver Builder

Zacznijmy od zagłębienia się w interfejs Beaver Builder i sposób jego działania.

Prezentacja podstawowego interfejsu

Po uruchomieniu interfejsu otrzymujesz ładny podgląd projektu na żywo w pełnej szerokości. Domyślnie nie ma stałego paska bocznego, ale możesz go utworzyć, jeśli chcesz:

Dodawanie modułów

Aby dodać nowe moduły lub szablony, możesz kliknąć ikonę „plus” w prawym górnym rogu, aby otworzyć interfejs insertera. Moduły są podzielone na różne kategorie, można też wyszukiwać według nazwy.

Aby dodać moduł, wystarczy przeciągnąć go na stronę:

Po dodaniu modułu menu znika i wracasz do pełnego podglądu.

Jeśli wolisz, aby menu pozostało stałe, możesz przeciągnąć je na prawą lub lewą stronę, aby zmienić je w stały pasek boczny po tej stronie. Tutaj naprawiłem to po lewej stronie:

Jeśli chodzi o same moduły, Beaver Builder wykonuje dobrą robotę, zapewniając dostęp do wszystkich najważniejszych modułów. Lista może nie być tak obszerna, jak niektóre inne programy do tworzenia stron, ale nie sądzę, aby większość ludzi miała problemy. Jeśli potrzebujesz dodać więcej modułów, zawsze możesz to zrobić za pomocą wtyczek innych firm (więcej o tym później).

Konfiguracja modułów, kolumn i wierszy

Aby otworzyć ustawienia dowolnego elementu, możesz najechać na niego kursorem i kliknąć ikonę klucza.

Jeśli masz znikające menu, ustawienia pojawią się w wyskakującym okienku, które możesz przeciągnąć w dowolne miejsce i zmienić jego rozmiar:

Jeśli wolisz podejście ze stałym paskiem bocznym, ustawienia zostaną automatycznie otwarte na pasku bocznym:

Chociaż na powyższych zrzutach ekranu widać edytor tekstu, Beaver Builder obsługuje również edycję inline, co oznacza, że ​​możesz dodawać tekst bezpośrednio na stronie, klikając i pisząc.

Jeśli chodzi o liczbę opcji projektowania, powiedziałbym, że otrzymujesz wszystkie ważne opcje podstawowe, ale nie otrzymujesz zaawansowanych opcji projektowania, które oferują niektóre kreatory stron, takie jak Elementor i Divi Builder.

Na przykład nie ma niestandardowego pozycjonowania bezwzględnego / względnego ani nie ma czegoś takiego jak Efekty ruchu Elementora lub Efekty przewijania Divi ( chociaż Beaver Builder zawiera podstawowe animacje ).

W przypadku zwykłych użytkowników nie sądzę, że poczujesz, że coś ci brakuje. Ale jeśli jesteś projektantem, który lubi konfigurować te wszystkie fajne efekty projektowe, to Elementor i Divi są pod tym względem zdecydowanie bardziej elastyczne.

Beaver Builder obsługuje również projektowanie responsywne. Możesz ukryć określone elementy na urządzeniach mobilnych, a także uzyskać opcję zmiany konfiguracji w zależności od urządzenia użytkownika (np. możesz użyć różnych odstępów lub rozmiaru czcionki dla odwiedzających mobilnych):

Dostępny jest również responsywny tryb edycji, który ułatwia projektowanie na telefony komórkowe i tablety.

Tworzenie projektów wielokolumnowych

Jest to jedna z moich ulubionych funkcji Beaver Builder i nie wiem, dlaczego żaden kreator stron nie robi tego w ten sposób.

Załóżmy, że chcesz stworzyć projekt wielokolumnowy. W przypadku większości innych programów do tworzenia stron musisz najpierw skonfigurować strukturę kolumn. Następnie możesz przeciągnąć widżety do tych kolumn.

Dzięki Beaver Builder możesz pominąć ten krok i po prostu przeciągnąć moduł obok innego modułu, aby automatycznie utworzyć nową kolumnę. To drobiazg, ale jest naprawdę przydatny i zaoszczędzi Ci trochę czasu:

Oczywiście Beaver Builder nadal pozwala najpierw skonfigurować strukturę kolumn — musisz ręcznie dodać wiersz, jeśli wolisz to zrobić w ten sposób.

Wstawianie szablonów

Aby zaoszczędzić czas, Beaver Builder zawiera kilka pełnostronicowych szablonów, które można wstawić. Te szablony występują w dwóch formach:

• Pełne strony docelowe
• Strony z treścią (np. strona „O mnie”)

Powiedziałbym jednak, że szablony nie są mocną stroną Beaver Buildera. Same szablony wyglądają dobrze, ale nie masz dostępu do prawie takiej liczby szablonów, jaką oferują inne narzędzia. Na przykład Divi oferuje ponad 1700 szablonów, a Elementor jest również w setkach.

Oprócz szablonów stron otrzymujesz również gotowe szablony wierszy, które są szablonami części strony — na przykład sekcji bohatera.

Możesz także zapisywać własne projekty jako szablony, aby później wykorzystać je ponownie.

Korzystanie z ustawień globalnych

Ustawienia globalne pozwalają kontrolować ustawienia wysokiego poziomu dla wszystkich projektów Beaver Builder, takie jak domyślna szerokość wierszy, domyślne marginesy/wypełnienie wierszy i kolumn, układy responsywne i inne.

Możesz także dostosować swoje małe i średnie punkty przerwania urządzenia w głównej wtyczce, na co nie pozwalają wszystkie narzędzia do tworzenia stron (np. Elementor wciąż zezwala na dostosowywanie punktów przerwania).

Praca z kodem

Jeśli chcesz pracować z kodem, Beaver Builder ułatwia dodawanie CSS lub JavaScript bezpośrednio do strony — naciśnij Ctrl + Y , aby otworzyć edytor kodu.

Nie możesz jednak dodać niestandardowego CSS bezpośrednio do pojedynczego modułu/sekcji, na co pozwala Elementor Pro. Mimo że możesz dodać niestandardową klasę CSS lub identyfikator do modułu, nie możesz dodać samego CSS.

Ogólne przemyślenia na temat interfejsu i edycji

Ogólnie uważam, że doświadczenie edycji w Beaver Builder jest całkiem dobre.

Jeśli chodzi o opcje projektowe, nie ma „tak dużo” jak Elementor lub Divi, ale ma wszystkie podstawowe opcje, których będzie potrzebować większość użytkowników.

Dodatkowo bardzo podoba mi się sam interfejs. Chociaż trudno to pokazać na zrzutach ekranu, interfejs jest zawsze szybki i wolny od błędów. Nigdy nie napotykam żadnych opóźnień ani problemów podczas otwierania ustawień lub przeciągania rzeczy — to po prostu działa.

Fajnie też, że możesz dostosować interfejs do swoich preferencji. Jeśli lubisz mieć podgląd wizualny na pełnym ekranie, możesz nadal używać domyślnego stylu wyskakującego okienka i ukrywać wszystkie ustawienia, gdy przeglądasz swój projekt.

Lub, jeśli podoba Ci się podejście z paskiem bocznym, możesz przykleić pasek boczny po dowolnej stronie i zrobić wszystko ze stałego interfejsu.

Nie ma nic szczególnie krzykliwego, to po prostu naprawdę solidny, przyjemny w użyciu interfejs.

Bobra Themer

Beaver Themer to oficjalne rozszerzenie zespołu Beaver Builder, które dodaje pełną obsługę budowania motywów do Beaver Builder.

Beaver Builder był jednym z pierwszych kreatorów stron, który oferował pełne budowanie motywów, pokonując inne wielkie nazwiska, takie jak Elementor i Divi.

Gdy Beaver Themer jest aktywny, możesz przejść do Beaver Builder → Układy motywów , aby utworzyć szablony dla Twojego motywu:

• nagłówek
• Stopka
• Pojedyncze (np. pojedyncze posty na blogu, strony itp.)
• Archiwum (np. strona z listą wszystkich Twoich postów na blogu)
• Strona 404

Możesz także tworzyć części motywu, co jest naprawdę fajną funkcją, która pozwala wstawić projekt w różne części witryny, coś w rodzaju haka motywu.

Szablony tematyczne

Tworząc nowy szablon motywu, najpierw musisz wybrać, kiedy użyć tego szablonu. Możesz kierować reklamy na określone typy treści, na przykład wszystkie posty na blogu lub tylko posty z określoną kategorią/tagiem.

Jeśli chcesz mieć większą kontrolę, możesz również skonfigurować Reguły , które pozwolą Ci używać określonego szablonu tylko wtedy, gdy spełnione są określone warunki, takie jak stan zalogowania, rola użytkownika, autor, pole niestandardowe, szablon posta i inne.

Ponieważ większość innych kreatorów motywów nie ma podobnej funkcji, jest to zdecydowana zaleta Beaver Themer.

Stamtąd możesz użyć tego samego interfejsu Beaver Builder do zaprojektowania szablonu. Jedyną różnicą jest to, że będziesz mógł wstawić „dynamiczną” zawartość, taką jak tytuł i treść posta.

Beaver Themer współpracuje również z polami niestandardowymi, dzięki czemu można wstawiać dane z wtyczek, takich jak Advanced Custom Fields lub Pods. Poniżej możesz zobaczyć, jak to jest połączyć zawartość pola z informacjami dynamicznymi.

Części tematyczne

Części motywu działają zasadniczo tak samo, jak szablony motywu, ale otrzymujesz dodatkową opcję, która pozwala wstawić część w określonej lokalizacji w motywie, na przykład pod tytułem posta lub pod treścią.

Możesz używać części motywu do reklam, formularzy zgody, wezwań do działania i nie tylko.

Motyw Beaver Builder

Motyw Beaver Builder to lekki podstawowy motyw WordPress zaprojektowany do parowania z Beaver Builder.

Zasadniczo chodzi o to, aby użyć motywu Beaver Builder do obsługi obszarów nie zawierających treści, takich jak nagłówek, stopka i szablony bloga, a następnie użyć Beaver Builder do zaprojektowania rzeczywistej treści (części, która przechodzi między nagłówkiem a stopka).

Szczerze mówiąc, nie uważam, aby motyw Beaver Builder był tak cenny jako dodatek w 2022 roku i później. Nie chodzi o to, że motyw jest „zły” — to dobry motyw. Po prostu myślę, że przestrzeń WordPressa się zmieniła i nie jest już taka wyjątkowa.

Wiele lat temu motyw był fajny, ponieważ wciąż trudno było znaleźć lekkie, uniwersalne motywy bazowe.

Ale teraz jesteśmy rozpieszczani wyborem, jeśli chodzi o elastyczne, lekkie motywy zaprojektowane do parowania z programami do tworzenia stron. Wszystkie te motywy są zgodne z tą samą podstawową zasadą, co motyw Beaver Builder, ale robią to lepiej ( przynajmniej moim zdaniem ). W 2022 i później wolałbym sparować Beaver Builder z GeneratePress.

Wydajność

Wydajność jest zawsze ważnym czynnikiem podczas korzystania z wtyczki do tworzenia stron. Kreator stron zawsze będzie zwiększał wagę strony niż tylko przy użyciu domyślnego edytora WordPress, ale niektóre kreatory stron są lepsze niż inne w utrzymaniu tej wagi na minimalnym poziomie.

Osobiście przeprowadziłem kilka testów, w których stworzyłem identyczne strony z różnymi programami do tworzenia stron, a Beaver Builder jest zwykle jedną z najlepszych opcji, jeśli chodzi o wydajność. Rozumiem przez to, że jego rozmiary stron i żądania HTTP są mniejsze niż w przypadku innych kreatorów.

Aby dać ci dobre pojęcie o tym, ile dodatkowej wagi dodaje Beaver Builder w porównaniu z natywnym edytorem bloków WordPress (Gutenberg), postanowiłem przeprowadzić mały test.

Stworzyłem prosty projekt w dwóch wersjach: z edytorem Gutenberga i wersją premium Beaver Buildera.

Następnie porównałem rozmiary stron i żądania HTTP (liczby te obejmują motyw mojej witryny, czyli GeneratePress):

Widać, że Beaver Builder tak naprawdę nie ładuje tak dużo domyślnie. Projekt jest bardzo prosty i zawiera głównie tylko tekst, przyciski i kolumny. Ten wynik jest mniejszy niż w przypadku wielu innych programów do tworzenia stron.

Na przykład, kiedy zrobiłem to samo z Divi Builder, dodał 316,7 KB (w porównaniu z +44,1 KB w Beaver Builder) i siedem nowych żądań HTTP (w porównaniu do czterech nowych żądań HTTP w Beaver Builder).

Kolejną fajną rzeczą jest to, że Beaver Builder nie ładuje swoich skryptów w całej witrynie. Więc jeśli masz stronę, którą zbudowałeś za pomocą natywnego edytora WordPress, Beaver Builder nie załaduje ani jednego skryptu na tej stronie.

Jest to godne uwagi, ponieważ niektóre inne programy do tworzenia stron ładują swoje skrypty w całej witrynie, co zwiększa wagę strony, niezależnie od tego, czy używasz na niej programu do tworzenia stron.

Wnioski dotyczące wydajności Beaver Builder

Czy strona, którą projektujesz za pomocą Beaver Builder, ładuje się tak szybko, jak ta sama strona, którą projektujesz za pomocą edytora bloków Gutenberga? Nie, wszystko jest równe, nie będzie.

Jednak edytor bloków Gutenberga nie zapewnia tak dużej elastyczności projektowania jak Beaver Builder. A w porównaniu do innych wtyczek do tworzenia stron o podobnej elastyczności, Beaver Builder wypada całkiem korzystnie.

Tak więc — tak długo, jak nie przeszkadza ci podstawowy kompromis wydajności, który jest prawdziwy w przypadku dowolnej wtyczki do tworzenia stron, Beaver Builder wykonuje dobrą robotę, utrzymując dodatkową wagę na minimalnym poziomie.

Dopóki przestrzegasz najlepszych praktyk dotyczących wydajności WordPress, korzystasz z niektórych wtyczek do optymalizacji prędkości i hostujesz swoją witrynę na szybkim hostingu, możesz całkowicie utworzyć szybko ładującą się witrynę za pomocą Beaver Builder.

Dodatki Beaver Builder innych firm

Oprócz Beaver Themer, Beaver Builder oferuje również tętniący życiem rynek dodatków do Beaver Builder innych firm, co pozwala na dalsze rozszerzanie podstawowego kreatora.

Zazwyczaj będziesz używać tych rozszerzeń do dodawania nowych modułów treści i szablonów, chociaż niektóre dodają również nowe funkcje, takie jak integracja struktury Pods z Beaver Builder/Themer.

Aby dać Ci przedsmak, oto dwie najpopularniejsze opcje:

• Ultimate Addons do Beaver Builder (od tego samego zespołu, który stworzył motyw Astry)
• Dodatek PowerPack dla Beaver Builder

Aby zobaczyć jeszcze więcej opcji, sprawdź nasze zestawienie najlepszych dodatków Beaver Builder.

cennik

Teraz, gdy omówiliśmy już wszystko inne, porozmawiajmy o cenach.

Po pierwsze, Beaver Builder ma darmową wersję Lite na WordPress.org, ale jest bardzo ograniczona.

Szczerze mówiąc, teraz, gdy istnieje edytor bloków Gutenberg, nie widzę żadnej wartości w bezpłatnej wersji Beaver Builder poza tym, co pozwala wypróbować interfejs użytkownika, aby sprawdzić, czy Ci się podoba.

Możesz się nie zgodzić — więc zdecydowanie powinieneś sam przetestować darmową wersję. Ale moim zdaniem, jeśli szukasz darmowej wtyczki do tworzenia stron, darmowe wersje Elementora i Brizy są znacznie bardziej hojne w swoich funkcjach.

Jeśli chodzi o wersję premium, Beaver Builder jest dość przystępny cenowo.

Po pierwsze, należy zauważyć, że wszystkie plany cenowe Beaver Builder umożliwiają korzystanie z nieograniczonej liczby stron internetowych.

Stamtąd plany zaczynają się już od 99 USD za rok wsparcia i aktualizacji. We wszystkich planach możesz uzyskać 40% zniżki na odnowienie, jeśli chcesz nadal otrzymywać wsparcie i aktualizacje po pierwszym roku.

Jak wspomniałem powyżej, nie uważam już, aby motyw Beaver Builder był tak cenny, więc myślę, że prawie wszyscy będą w porządku z licencją standardową 99 USD. Jedyne powody, dla których możesz chcieć zapłacić więcej, to:

1. Potrzebujesz obsługi wielu witryn WordPress, w takim przypadku potrzebujesz licencji Pro 199 USD.
2. Potrzebujesz białej etykiety, w takim przypadku potrzebujesz licencji agencji o wartości 399 USD.

Jeśli chcesz dodać obsługę budowania motywów, musisz również kupić Beaver Themer, który kosztuje 147 USD do użytku w nieograniczonej liczbie witryn.

Więc jeśli potrzebujesz kreatora stron i kreatora motywów, zapłacisz 246 USD za korzystanie z nieograniczonej liczby witryn i rok wsparcia i aktualizacji. Następnie zapłacisz łącznie 147,60 USD za odnowienie, jeśli chcesz nadal otrzymywać wsparcie i aktualizacje po pierwszym roku.

Ostatnie przemyślenia na temat Beaver Builder

Ogólnie uważam, że Beaver Builder to bardzo dobra wtyczka od uznanego, niezawodnego zespołu programistów. Istnieje już od ponad siedmiu lat i w tym czasie zbudowała wspaniałą społeczność.

Jednak to, czy powinieneś używać Beaver Builder, naprawdę sprowadza się do tego, co cenisz we wtyczce do tworzenia stron WordPress.

Jeśli potrzebujesz kreatora stron, który zawsze dodaje nowe funkcje i daje nowe możliwości projektowania, Beaver Builder może nie być najlepszym wyborem, ponieważ wydaje się, że nie jest to główny cel zespołu Beaver Builder. To nie tak, że Beaver Builder nigdy nie dodaje nowych funkcji, ale są one wolniejsze niż wtyczki, takie jak Elementor, Divi i Brizy.

Jeśli jednak cenisz stabilność nad częstym uzyskiwaniem nowych funkcji, myślę, że Beaver Builder radzi sobie naprawdę dobrze. Wolniejszy cykl rozwoju oznacza więcej czasu na testowanie i rozwiązywanie problemów. Nigdy nie widziałem użytkowników Beaver Builder narzekających, że nowe wydanie spowodowało jakiś powszechny błąd lub zepsuło coś na ich stronach.

Z pewnością warto uzyskać nowe funkcje, ale także stabilność. Jeśli wtyczka robi już wszystko, czego potrzebujesz, możesz po prostu chcieć, aby robiła to dobrze bez dodawania nowych funkcji, które mogą lub nie mogą powodować problemów w Twojej witrynie.

Więc w zasadzie tak to widzę. Nie sądzę, że istnieje jedna „właściwa” odpowiedź — to naprawdę zależy od preferowanego podejścia.

Jeśli podoba Ci się podejście Beaver Builder, możesz kliknąć poniższy przycisk, aby przejść do strony internetowej:

Uzyskaj Beaver Builder

Jeśli wolisz zobaczyć inne opcje, możesz sprawdzić naszą kolekcję najlepszych wtyczek do tworzenia stron. Jeśli chcesz maksymalnej elastyczności projektowania, myślę, że dobrymi opcjami są Elementor (przeczytaj naszą recenzję) i Divi Builder (przeczytaj naszą recenzję).

Aby zobaczyć, jak Beaver Builder wypada na tle tych wtyczek, możesz sprawdzić te posty:

• Elementor Pro kontra Beaver Builder
• Divi kontra Beaver Builder

Masz jeszcze jakieś pytania dotyczące Beaver Builder lub naszej recenzji Beaver Builder? Zostaw komentarz i daj nam znać!