Hej wszystkim. Z radością przedstawiam gościnnego autora i przyjaciela, Joe Casabonę. Joe był na tyle hojny, że podzielił się tą lekcją ze swojego kursu Up and Running with Beaver Builder.

Jest to podgląd miesięcznego kursu WP,Up and Running with Beaver Builder.

Jedną z zalet Beaver Builder jest to, że daje Ci pełną kontrolę nad obszarem zawartości Twojej witryny.

Istnieje jednak jedna bariera, która może powodować ograniczenia: Twój motyw.

Motyw określa, które części witryny można dostosować i może albo ograniczać możliwość zaprojektowania unikalnej witryny, albo zapewniać swobodę niezbędną do jej prawidłowego dostosowania.

Oznacza to, że kluczowy jest wybór odpowiedniego motywu dla Twojej witryny Beaver Builder. W tym poście porozmawiamy o tym, jak to zrobić. Bierzmy się do pracy!

Dlaczego motyw Twojej witryny jest kluczowy

WordPress jest niesamowitą platformą właśnie dlatego, że podstawowe oprogramowanie jest tak minimalne. Domyślnie włączone są tylko najważniejsze funkcje.

Dzięki temu możesz w pełni dostosować swoją witrynę internetową, wybierając idealną kombinację motywu i wtyczek.

Jeśli nie korzystasz z narzędzia do tworzenia stron, motyw Twojej witryny będzie w dużej mierze determinował jej wygląd i układ.

Oczywiście narzędzie takie jak Beaver Builder pozwala dostosować styl i układ treści, co na pierwszy rzut oka sprawia wrażenie, że motyw jest mniej ważny.

Jednak dla użytkownika Beaver Builder Twój motyw jest nadal kluczowy. Być może nie ma już ostatecznego wpływu na wygląd Twoich stron i postów, ale ma wpływ na to, co możesz, a czego nie możesz modyfikować, a także na to, jaką swobodę faktycznie masz w korzystaniu z narzędzia do tworzenia stron.

Jak Beaver Builder współdziała z motywem Twojej witryny

Zanim wybierzesz motyw, który będzie dobrze współpracował z Beaver Builder, warto zrozumieć, jak działa nasz kreator stron.

W ten sposób będziesz mógł stwierdzić, czy motyw, który rozważasz, pozwala w pełni wykorzystać jego funkcjonalność.

Krótko mówiąc, Beaver Builder umożliwia dostosowanie lub pełną modyfikację wszystkiego, co można zmienić za pomocą domyślnego edytora WordPress.

Na bardziej technicznym poziomie zastępuje wszystko, co zostało dodane za pomocą tagu szablonuthe_content().

Chociaż powinieneś móc używać Beaver Builder z dowolnym motywem, niektóre mogą ograniczać możliwości dostosowywania. Spójrzmy na przykład wykorzystujący Twenty Sixteen.

Na tym pierwszym zrzucie ekranu zobaczysz stronę z podstawową treścią utworzoną przy użyciu domyślnego edytora WordPress:

Oto ta sama strona zmodyfikowana przy użyciu Beaver Builder. Edytowalna część strony jest zaznaczona na czerwono:

Jak widać, tylko niewielka część strony jest faktycznie edytowalna. Elementów takich jak tytuł i pasek boczny nie można usuwać, przenosić ani dostosowywać.

Oznacza to, że nie będziesz w stanie w pełni wykorzystać potencjału Beaver Builder podczas korzystania z Twenty Sixteen.

Ponadto Twoja witryna może nie wyglądać spójnie. Jeśli mocno zmodyfikowałeś niektóre elementy, ale pozostawiłeś inne z domyślnym stylem motywu, prawdopodobnie nie połączą się one płynnie.

Innymi słowy, Twój motyw stanowi podstawę, która może pomóc Ci stworzyć wymarzoną witrynę internetową lub Cię powstrzymać.

Jeśli planujesz używać Beaver Builder, potrzebujesz motywu, który zapewni Ci jak najwięcej miejsca do pracy.

Jak wybrać odpowiedni motyw dla witryny Beaver Builder (3 kluczowe wskazówki)

Technicznie rzecz biorąc, w Beaver Builder możesz używać dowolnego motywu. Jednakże, jak mamy nadzieję już wyjaśniliśmy w tym momencie, jeśli chcesz uniknąć ograniczeń i frustracji, musisz ostrożnie wybrać motyw.

Oto kilka najlepszych sposobów, aby to zrobić.

1. Poszukaj motywu oferującego maksymalną elastyczność

Co najważniejsze, musisz poszukać motywu, który spełnia dwie funkcje. Po pierwsze, powinien być minimalistyczny pod względem projektu.

Im prostszy jest domyślny układ motywu, tym mniej będziesz musiał walczyć z istniejącym kodem, aby zmodyfikować wygląd swojej witryny.

Najlepiej wybrać minimalistyczny lub oszczędny motyw i pozwolić Beaver Builder zająć się ciężkim zadaniem.

W ten sposób łatwiej będzie Ci zbudować coś, co będzie wyłącznie Twoje, zamiast ograniczać się szczególnym wyglądem motywu.

Obejmuje to znalezienie motywu z jak najmniejszą liczbą elementów na stronie. Korzystne jest również wybranie takiego, który pozwala ukryć lub usunąć elementy domyślne, takie jak tytuły stron.

Po drugie, Twój motyw powinien mieć jak najwięcej edytowalnego obszaru treści. Najlepszym sposobem, aby to zapewnić, jest wyszukanie motywu z obszarem zawartości o pełnej szerokości.

Może to być domyślny układ motywu lub opcja dostępna w konkretnym szablonie:

Tak czy inaczej, posiadanie obszaru zawartości o pełnej szerokości oznacza mniejsze prawdopodobieństwo, że będziesz ograniczany przez wbudowane elementy, których nie można przenosić ani zmieniać.

Podobnie motyw, który pozwala całkowicie wykluczyć takie aspekty, jak paski boczne, umożliwi zamiast tego utworzenie własnych za pomocą Beaver Builder.

2. Wybierz motyw z dostosowywanymi elementami nagłówka i stopki

Jedną z cech charakterystycznych Beaver Builder jest to, że pozwala na niezwykle elastyczną zawartość. Nie ogranicza się to tylko do zawartości Twoich stron i postów, a nawet paska bocznego.

Dzięki naszej wtyczce Beaver Themer możesz również mieć taką kontrolę nad nagłówkiem i stopką swojej witryny.

Jest to coś, na co nie pozwalają wszystkie narzędzia do tworzenia stron, co czyni Beaver Builder wyjątkowo cennym narzędziem.

Jeśli możesz edytować tylko obszar zawartości witryny, prawdopodobnie utkniesz z nagłówkami i stopkami, które nie będą pasować do Twoich postów i stron.

Jednak Beaver Builder pozwala stworzyć spójny wygląd całej witryny.

Powtórzę raz jeszcze: jest to możliwe tylko w przypadku motywu, który zapewnia kontrolę nad projektem nagłówków i stopek.

Może to zrobić za pomocą solidnego modułu dostosowywania, wielu obszarów widżetów lub niestandardowych opcji motywu. „Jak” nie ma tak dużego znaczenia, jak fakt, że opcja jest dostępna.

3. Rozważ inne zalety motywu

Do tej pory skupialiśmy się na tym, jak wybrać motyw, który będzie dobrze współpracował z Beaver Builder. Jest to oczywiście ważne, ale to nie cała historia.

W końcu motyw, który pozwala na maksymalne dostosowanie, ale poza tym jest niskiej jakości lub jest nieaktualny, nie przyniesie żadnej korzyści Twojej witrynie.

Oznacza to, że wybierając motyw, będziesz także chciał zwrócić uwagę na kilka kluczowych kryteriów, takich jak:

• Design i funkcjonalność.Tworząc witrynę internetową dla konkretnej niszy lub przypadku użycia, musisz rozważyć, czy Twój motyw ma odpowiedni styl i funkcje.
• Recenzje i oceny.Może Ci to wiele powiedzieć o jakości motywu i powiadomić Cię o problemach, jakie mieli z nim inni użytkownicy.
• Regularne aktualizacje.Motyw wysokiej jakości jest często aktualizowany, aby zachować kompatybilność z WordPress i chronić go przed zagrożeniami bezpieczeństwa. Z reguły należy pominąć każdy motyw, który nie był aktualizowany w ciągu ostatnich sześciu miesięcy.
• Szybkość strony.Twój motyw może mieć znaczący wpływ na wydajność Twojej witryny. Jeśli możesz, zainstaluj motyw na stronie testowej i upewnij się, że nie spowalnia on Twoich stron.

Najlepszym sposobem oceny potencjalnego motywu jest wypróbowanie go samodzielnie, jeśli to możliwe. Sprawdź, czy dostępna jest wersja demonstracyjna, z którą możesz wchodzić w interakcję, lub jeszcze lepiej, darmowa wersja, którą możesz zainstalować i przetestować do woli.

Naturalnie będziesz także chciał poeksperymentować z motywem w połączeniu z Beaver Builder. Spróbuj użyć go do zbudowania kilku stron i zobacz, jakie pojawią się problemy lub frustracje.

Często potencjalne problemy z motywem pojawiają się dopiero, gdy zaczniesz go poważnie używać.

4 doskonałe motywy dla użytkowników Beaver Builder

Nie ma jednego motywu, który będzie odpowiedni dla każdego przypadku użycia, dlatego zachęcamy do zapoznania się ze wszystkimi opcjami, zarówno bezpłatnymi, jak i premium. Jeśli jednak nie masz pewności, od czego zacząć, oto kilku mocnych konkurentów, którzy dobrze współpracują z Beaver Builder.

1.Struktura narzędzia do tworzenia stron

Page Builder Framework to lekki motyw stworzony z myślą o maksymalnej wydajności. Oznacza to, że nie jest zaśmiecony rozpraszającymi elementami, które trzeba dostosować lub usunąć.

W rzeczywistości ten konkretny motyw został zaprojektowany specjalnie z myślą o twórcach stron. Został stworzony, aby można go było dostosować, a nie używać w stanie takim, w jakim jest, i jako taki ma niezwykle minimalistyczny wygląd. Jednocześnie nadal oferuje dużą liczbę opcji i ustawień.

Kluczowe funkcje:

• Oferuje lekką konstrukcję zwiększającą wydajność
• Jest zbudowany tak, aby bezproblemowo współpracować z Beaver Builder i innymi narzędziami do tworzenia stron
• Zapewnia wiele opcji dostosowywania

Ceny:bezpłatne, wersja premium zaczyna się od 58 USD.

2.WygenerujNaciśnij

Następnie GeneratePress jest niezwykle popularnym, uniwersalnym motywem. Jest idealny do tworzenia witryn biznesowych, ale ma również zastosowanie w szerokiej gamie nisz i stylów.

Pod wieloma względami ten motyw jest bardzo podobny do naszego poprzedniego wyboru. Jest minimalistyczny, lekki i zbudowany z myślą o maksymalnej wydajności. Ponadto został zaprojektowany z myślą o twórcach stron.

Kluczowe funkcje:

• Dodaje minimalną objętość do Twojej witryny, aby utrzymać wysoką wydajność
• Oferuje różnorodne obszary widżetów, lokalizacje nawigacji, układy pasków bocznych i opcje menu, zapewniając maksymalny potencjał dostosowywania
• Jest w pełni responsywny i przetłumaczony na ponad 25 języków

Ceny:bezpłatna wersja podstawowa, wersja premium kosztuje 49,95 USD.

3.Astry

Astra to kolejny niezwykle popularny motyw i nie bez powodu. Jest lekki i można go dostosować, co oznacza, że ​​stanowi solidną podstawę dla wielu typów witryn.

Motyw ten zapewnia także wiele gotowych treści do pracy, w tym szablony i pełne strony internetowe. Możesz wyłączyć tytuł strony i pasek boczny, a także utworzyć strony o pełnej szerokości – dzięki czemu jest to idealny motyw do modyfikacji za pomocą Beaver Builder.

Kluczowe funkcje:

• Zawiera dużą bibliotekę gotowych treści, od których możesz zacząć
• Zapewnia dużą kontrolę nad układami strony i pozwala łatwo wyłączyć niepotrzebne elementy
• Jest bardzo lekki, aby zwiększyć wydajność

Ceny:dostępna jest wersja bezpłatna, ale do użytku z Beaver Builder zalecana jest wersja premium (od 41 USD).

4.Ramy Genesis

Wreszcie, Genesis Framework nie jest do końca tradycyjnym motywem. Jak sama nazwa wskazuje, jego celem jest zapewnienie podstawowych ram, na których możesz zbudować swoją witrynę internetową. W tym celu ogranicza wszystko do minimum, zapewniając prostą strukturę wraz z solidnymi narzędziami do dostosowywania.

Możesz wprowadzać zmiany, korzystając z natywnych opcji motywu lub połączyć ten framework z Beaver Builder, aby stworzyć całkowicie unikalne strony internetowe. Genesis Framework jest popularną opcją dla programistów i może być doskonałym punktem wyjścia dla tych, którzy dopiero wchodzą do branży.

Kluczowe funkcje:

• Zapewnia szeroką gamę opcji dostosowywania i gotowych szablonów
• Minimalizuje bałagan i chroni witrynę przed ugrzęźnięciem w niepotrzebnych danych i plikach
• Jest na tyle elastyczny, że można go używać do tworzenia bardzo oryginalnych stron internetowych, a nawet używać go jako podstawy do budowy własnego motywu

Ceny:Genesis Framework to opcja dostępna wyłącznie w wersji premium, zaczynająca się od 59,95 USD.

Dedykowany motyw Beaver Builder

Oczywiście nie wspomnieliśmy jeszcze o najlepszym motywie do użycia z Beaver Builder – dedykowany motyw Beaver Builder jest standardowo dostępny we wszystkich naszych planach premium: Starter, Professional i Unlimited:

Motyw ten z łatwością spełnia wszystkie omówione przez nas kryteria i naturalnie doskonale łączy się z naszym narzędziem do tworzenia stron. Dzięki solidnemu zestawowi narzędzi oferowanych w programie Customizer możesz szybko i łatwo przekształcić ten motyw, tworząc niemal każdy typ witryny internetowej.

Podobnie jak Genesis Framework, motyw Beaver Builder został zaprojektowany tak, aby był jak najbardziej oszczędny i uporządkowany.

Jest to platforma startowa, na której możesz zbudować swoją witrynę, dzięki której znacznie łatwiej jest uzyskać kreatywny projekt, który w niczym nie przypomina witryn konkurencji.

Motyw Beaver Builder jest również lekki, zoptymalizowany pod kątem SEO i skonfigurowany do bezproblemowej współpracy z WooCommerce.

Zyskasz nawet dostęp do najwyższej jakości wsparcia. A co najlepsze, nie musisz nic wiedzieć o kodzie, aby stworzyć witrynę, która zachwyci wszystkich.

Jeśli jednakznaszsię na kodzie, motyw Beaver Builder Theme również to uwzględnia. Pozwala używać niestandardowego CSS do modyfikowania witryny i zapewnia wiele przyjaznych dla programistów haków, filtrów i dokumentów. Dlatego ten motyw jest najlepszą opcją zarówno dla początkujących, jak i profesjonalistów.

Wniosek

Wtyczka Beaver Builder umożliwia tworzenie unikalnych stron o całkowicie niestandardowych projektach i układach. Jednak bardzo ważne jest, aby wybrać motyw obsługujący tę funkcję.

Dobrym punktem wyjścia jest wybór motywu o minimalistycznym wyglądzie, ze stronami o pełnej szerokości i dostosowywalnymi nagłówkami i stopkami. Chociaż wtyczka działa z niemal każdym motywem, dedykowany motyw Beaver Builder jest najlepszą opcją, aby w pełni wykorzystać wszystko, co ma do zaoferowania nasz kreator stron.

Czy masz ulubiony motyw kompatybilny z Beaver Builder, o którym nie wspomnieliśmy? Opowiedz nam o tym w sekcji komentarzy poniżej!

O Josephie Casabonie

Joe Casabona jest programistą frontendowym, który pracuje w WordPressie… dużo. W 2014 roku napisał książkę zatytułowaną Responsive Design with WordPress, w ciągu jednego miesiąca opracowuje kursy WordPress w WP i opracował akredytowany kurs na temat motywów WordPress. Prowadzi także podcast How Ibuilt It.