Divi: Najlepszy motyw WordPress wszechczasów!

więcej Pobieranie 901.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62.

Chcesz dowiedzieć się, jak tworzyć niestandardowe układy w WordPress? Beaver Builder umożliwia tworzenie własnych układów bez pisania kodu. W tym samouczku nauczymy się Beaver Builder i pokażemy, jak tworzyć niestandardowe układy WordPress za pomocą tej wtyczki.

Wtyczka układu Beaver Builder

Dlaczego i kiedy potrzebujesz niestandardowych układów

Wiele motywów WordPress premium ma układy dla różnych sekcji witryny. Jednak są chwile, kiedy zintegrowany układ może nie spełniać Twoich potrzeb.

Możesz tworzyć niestandardowe szablony stron WordPress, tworząc motyw potomny, a następnie dodając własne szablony stron. Ale będziesz potrzebować trochę wiedzy na temat PHP, HTML i CSS, aby to zadziałało.

To gdzie Beaver Builder Dołącz do gry . Jest to wtyczka do projektowania stron typu „przeciągnij i upuść” w WordPress. Pomaga w tworzeniu własnego układu niestandardowego bez pisania kodu.

Podsumowanie Beaver Builder

Beaver Builder jest bardzo łatwy w użyciu i odpowiedni dla początkujących. Jednocześnie ma niesamowite funkcje do tworzenia stron o profesjonalnym wyglądzie.

Działa ze wszystkimi motywami WordPress i ma mnóstwo modułów, których możesz po prostu użyć na swojej stronie (przeciągnij i upuść). Możesz utworzyć dowolny typ układu i skonfigurować według własnego uznania.

W tym samouczku Beaver Builder pokażemy, jak używać go do tworzenia niestandardowych układów w WordPress.

Zacznijmy.

Konfiguracja Beaver Builder

Najpierw musisz kupić wtyczkę Beaver Builder. To płatna wtyczka, zaczynająca się od 99 USD za nieograniczoną liczbę witryn.

Następnie musisz zainstalować i aktywować wtyczkę.

Po aktywacji przejdź do strony Ustawienia »Strona konstruktora aby wprowadzić klucz licencyjny.

Licencja Beaver na wtyczkę WordPress

Po wprowadzeniu klucza licencyjnego będziesz teraz gotowy do tworzenia układów.

Utwórz swój pierwszy niestandardowy układ za pomocą Beaver Builder

Wystarczy utworzyć nową stronę w WordPress, kontynuując Strony »Dodaj nowe. Zauważysz nową zakładkę „Kreator Stron” w edytorze WordPress.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala tworzyć Łatwo i za darmo dowolny projekt strony internetowej lub bloga o profesjonalnym wyglądzie. Przestań płacić dużo za stronę internetową, którą możesz zrobić sam.

Edytor stron WordPress dla bobra

Kliknij na 'Page Builder„do rzucania” Beaver Builder”. Jeśli po raz pierwszy korzystasz z Beaver Builder, zobaczysz okno powitalne oferujące wycieczkę z przewodnikiem.

W tej chwili możesz kliknąć 'Nie, pomiń ten krok”. Następnie musisz kliknąć przycisk Szablony w górnym menu.

Beaver Szablon Wtyczka WodPress

Beaver Builder oferuje profesjonalnie zaprojektowane szablony, dzięki którym możesz od razu zacząć.

Nie martw się, możesz dostosować szablon tak bardzo, jak chcesz. To tylko szybki sposób na rozpoczęcie pracy z układem.

Wybór układu wtyczki WordPress w Beaver

Po wybraniu układu Beaver Builder ładuje go do okna podglądu. Najedź myszką na przedmiot, a Beaver Builder go podświetli.

Możesz po prostu kliknąć ikonę klucza na podświetlonym elemencie, aby go edytować.

Edytuj układ

Beaver Builder wyświetla wyskakujące okienko z różnymi ustawieniami, które możesz edytować. Możesz zmienić tekst, kolor, tło, czcionkę, margines itp.

Możesz także kliknąć element w podglądzie na żywo i przeciągnąć go po stronie.

Chcesz sprzedawać swoje produkty w Internecie?

Pobierz bezpłatnie WooCommerce, najlepsze wtyczki e-commerce, aby sprzedawać swoje fizyczne i cyfrowe produkty na WordPress i łatwo tworzyć swój sklep internetowy. Idealny dla początkujących.

Układy Beaver Builder są projektowane w rzędach. Możesz przeciągać i upuszczać, aby zmienić kolejność wierszy. Możesz także usunąć lub dodać nowy wiersz.

Wystarczy kliknąć przycisk Layouts Row, a następnie wybierz liczbę kolumn w wierszu.

Dodaj linię wtyczek do WordPress Beaver

Beaver Builder doda wiersz do podglądu na żywo w Twojej witrynie.

Możesz dodawać elementy do swoich wierszy za pomocą podstawowych lub zaawansowanych modułów i widżetów. Te moduły umożliwiają dodawanie najczęściej używanych elementów, takich jak przyciski, tytuły, teksty, obrazy, pokazy slajdów, pliki audio, filmy itp.

Po prostu wybierz element i przeciągnij go do właśnie dodanego wiersza. Kliknij element, aby edytować jego właściwości.

Możesz także zapisać wiersz lub moduł do ponownego wykorzystania później na innych stronach. Kliknij przycisk „ Zapisz jako " podczas modyfikowania wiersza lub modułu.

Jak zapisać moduł

Kliknij przycisk skończony Po zakończeniu edycji strony. Beaver Builder wyświetla wyskakujące okienko z przyciskami „ publikować "Lub" Zapisz swoją stronę jako wersję roboczą”.

Okno dialogowe wtyczki WordPress Beaver

Możesz również ponownie wykorzystać cały układ dla innych stron w swojej witrynie WordPress. Po prostu otwórz stronę za pomocą Projektanta stron, a następnie kliknij przycisk Narzędzia na górnym pasku.

Beaver Builder wyświetli wyskakujące okienko. Możesz zapisać stronę jako szablon lub szybko utworzyć zduplikowaną stronę z tym samym układem.

Zapisz układ wtyczki WordPress Beaver

Zarządzaj szablonami układów w Beaver Builder

Każda licencja Beaver Builder uprawnia do korzystania z niej w nieograniczonej liczbie witryn internetowych. Ale jak przenieść szablony stron z jednej witryny WordPress do innej?

Beaver Builder przechowuje szablony utworzone przez użytkowników w niestandardowym typie postów zwanym szablonami. Domyślnie jest ukryty, ale możesz go wyświetlić, przechodząc do Ustawienia »Strona konstruktora i klikając zakładkę Szablony.

Po prostu zaznacz pole obok opcji „Włącz szablony administracyjnei kliknij Zapisz ustawienia szablonu.

zapisywanie pulpitu nawigacyjnego WordPress układu Beaver

Zauważysz, że nowa pozycja menu o nazwie Szablony pojawia się na pulpicie nawigacyjnym WordPress. Wszystkie układy zapisane jako szablony pojawią się na tej stronie.

Ponieważ jest to niestandardowy typ postu, możesz łatwo wyeksportować szablony Beaver Builder za pomocą wbudowanej funkcji eksportu WordPress.

Odwiedź stronę Narzędzia »Eksportuj i wybierz Szablony. Kliknij przycisk Pobierz plik eksportu A WordPress wyśle ​​plik XML, który można pobrać.

Eksportuj szablony WordPress

Teraz połącz się z witryną WordPress, w której chcesz zaimportować szablony. Dalej Ustawienia »Importuj i kliknij WordPress.

Zostaniesz poproszony o pobranie i zainstalowanie wtyczki importera. Po czym będziesz mógł po prostu pobrać plik templates.xml i zaimportować go.

To wszystko! Mamy nadzieję, że ten samouczek pomógł Ci w tworzeniu niestandardowych układów WordPress za pomocą Beaver Builder. Jeśli masz jakieś uwagi lub sugestie, daj nam znać w odpowiedniej sekcji.

2 akcji
udział
ćwierkanie
Enregistrer2