W artykule:
Chcesz dowiedzieć się, jak tworzyć niestandardowe układy stron w WordPress? Beaver Builder pozwala tworzyć własne układy stron bez pisania kodu. W tym artykule przejrzymy Beaver Builder i pokażemy, jak tworzyć niestandardowe układy stron w WordPress za pomocą Beaver Builder.
Dlaczego I Kiedy potrzebujesz niestandardowych układów stron
Wiele motywów premium WordPress zawiera gotowe do użycia układy stron dla różnych sekcji witryny. Czasami jednak wbudowany układ może nie pasować do Twoich potrzeb.
Możesz tworzyć niestandardowe szablony stron w WordPress, tworząc motyw potomny, a następnie dodając własne szablony stron. Ale do tego potrzebna będzie znajomość PHP, HTML i CSS.
Tutaj pojawia się Beaver Builder. Jest to wtyczka do Kreatora Stron typu „przeciągnij i upuść” dla WordPress. Pomaga tworzyć własne niestandardowe układy stron bez pisania kodu.
Przegląd Beaver Builder
Beaver Builder jest bardzo łatwy w użyciu i przyjazny dla początkujących. Jednocześnie jest załadowany niesamowitymi funkcjami do tworzenia profesjonalnie wyglądających stron.
Działa ze wszystkimi motywami WordPress i ma mnóstwo modułów, które możesz po prostu przeciągnąć i upuścić na swoją stronę. Możesz utworzyć dowolny układ, który chcesz i ustawić go tak, jak sobie wyobrażałeś.
W tej recenzji Beaver Builder pokażemy, jak używać Beaver Builder do tworzenia niestandardowych układów stron w WordPress.
Zaczynajmy.
Konfiguracja wtyczki Beaver Builder
Najpierw musisz kupić wtyczkę Beaver Builder. Jest to płatna wtyczka, której ceny zaczynają się od $99 dla nieograniczonej liczby witryn.
Następnie musisz zainstalować i aktywować wtyczkę Beaver Builder. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji musisz odwiedzić Ustawienia ” Kreator Stron strona, aby wprowadzić klucz licencyjny.
Po wprowadzeniu klucza licencyjnego możesz teraz tworzyć piękne układy stron.
Tworzenie Pierwszego Niestandardowego Układu Strony Za Pomocą Beaver Builder
Wystarczy utworzyć nową stronę w WordPress odwiedzając Strony ” Dodaj Nowy. Zauważysz nową kartę Kreatora Stron w edytorze WordPress.
Kliknij kartę „Kreator stron”, aby uruchomić narzędzie Beaver Builder.
Jeśli po raz pierwszy korzystasz z Beaver Builder, zobaczysz okienko powitalne oferujące wycieczkę z przewodnikiem.
W tej chwili możesz kliknąć przycisk Nie, Dzięki, aby pominąć wycieczkę. Ponieważ w tym przewodniku przeprowadzimy Cię przez różne funkcje, więc nie potrzebujesz wycieczki.
Następnie należy kliknąć na Szablony przycisk w górnym menu.
Beaver Builder zawiera kilka profesjonalnie zaprojektowanych szablonów, które pomogą Ci zacząć od razu.
Nie martw się, możesz dostosować szablon do swoich potrzeb. To tylko szybki sposób na rozpoczęcie pracy z układem.
Po wybraniu układu Beaver Builder załaduje go w oknie podglądu. Weź mysz do przedmiotu I Beaver Builder podświetli go.
Możesz po prostu kliknąć ikonę klucza na dowolnym wyróżnionym elemencie, aby go edytować.
Beaver Builder wyświetli wyskakujące okienko z różnymi ustawieniami, które możesz edytować. Możesz zmienić tekst, kolor, tło, czcionkę, wypełnienie, margines itp.
Możesz również po prostu kliknąć element w podglądzie na żywo i przeciągnąć i upuścić, aby przenieść go po stronie.
Układ bobrów opiera się na rzędach. Możesz przeciągać i upuszczać, aby zmienić kolejność wierszy. Można również usunąć lub dodać nowy wiersz.
Wystarczy kliknąć na Układy Wierszy menu, a następnie wybierz liczbę kolumn, które chcesz w wierszu.
Beaver Builder doda wiersz do Podglądu na żywo w Twojej witrynie.
Możesz dodawać elementy do wiersza za pomocą podstawowych lub zaawansowanych modułów i widżetów. Moduły te umożliwiają dodawanie najczęściej używanych elementów, takich jak przyciski, nagłówki, tekst, obrazy, pokazy slajdów, audio, wideo itp.
Po prostu wybierz element i przeciągnij go do wiersza, który właśnie dodałeś. Kliknij element, aby edytować jego właściwości.
Możesz także zapisać wiersz lub moduł do późniejszego wykorzystania na innych stronach. Kliknij na Zapisz jako przycisk podczas edycji wiersza lub modułu.
Kliknij przycisk Gotowe po zakończeniu edycji strony. Beaver Builder wyświetli okienko z przyciskami do opublikowania lub zapisania strony jako wersji roboczej.
Możesz również ponownie użyć całego układu strony dla innych stron w witrynie WordPress. Po prostu otwórz stronę za pomocą narzędzia do tworzenia stron, a następnie kliknij przycisk Narzędzia na górnym pasku.
Beaver Builder pokaże Ci wyskakujące okienko. Możesz zapisać stronę jako szablon lub szybko utworzyć duplikat strony o tym samym układzie.
Zarządzanie szablonami układu strony w Beaver Builder
Każda licencja Beaver Builder uprawnia do korzystania z niej na nieograniczonej liczbie stron internetowych. Ale jak przenieść szablony stron z jednej witryny WordPress do drugiej?
Beaver Builder przechowuje szablony utworzone przez użytkownika w niestandardowym typie postu o nazwie szablony. Domyślnie jest ukryty, ale możesz go uwidocznić, przechodząc do Ustawienia ” Kreator Stron i klikając na zakładkę Szablony.
Po prostu zaznacz pole obok opcji „Włącz administratora szablonów”i kliknij przycisk Zapisz ustawienia szablonu.
Zauważysz, że nowy element menu oznaczony szablonami pojawi się na pasku administracyjnym WordPress. Wszystkie układy strony zapisane jako szablon pojawią się na tej stronie.
Ponieważ jest to niestandardowy typ postu, możesz łatwo wyeksportować szablony Beaver Builder za pomocą wbudowanej funkcji eksportu w WordPress.
Odwiedź Narzędzia ” Eksport strony i wybierz Szablony. Kliknij przycisk „Pobierz plik eksportu”, a WordPress wyśle plik XML do pobrania.
Teraz Zaloguj się do witryny WordPress, gdzie chcesz zaimportować szablony. Odwiedź Ustawienia ” Import strony i kliknij na WordPress.
Zostaniesz poproszony o pobranie i zainstalowanie wtyczki importer WordPress. Po czym będziesz mógł po prostu przesłać plik XML z szablonami i zaimportować go.
To wszystko, mamy nadzieję, że ten artykuł pomógł Ci stworzyć niestandardowe układy stron w WordPress za pomocą Beaver Builder. Możesz również zobaczyć nasz przewodnik, jak ukryć niepotrzebne elementy przed administratorem WordPress za pomocą Admimize.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
