Przejdź do głównej treści

Jak korzystać z wtyczki Divi Builder na WordPress

Divi: najłatwiejszy w użyciu motyw WordPress

Divi: najlepszy motyw WordPress wszechczasów!

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

Divi jest zdecydowanie jednym z najpopularniejszych obecnie motywów WordPress. Jednym z elementów stanowiących siłę tego motywu jest jego budowniczy (Divi Builder), który przypomina nam, że Program Visual Composer.

Divi Builder ma dwie formy: standardowy "Back-end Builder" i "Visual Builder". Oba interfejsy umożliwiają tworzenie dokładnie tych samych typów witryn internetowych z tymi samymi elementami treści i parametrami projektowymi. Jedyną różnicą jest interfejs. Back-end Builder działa na pulpicie WordPress i jest dostępny z wszystkimi innymi standardowymi ustawieniami WordPress.

Znajduje się w interfejsie użytkownika WordPress i zastępuje standardowy edytor wiadomości WordPress. Jest świetny do wprowadzania szybkich zmian, gdy jesteś w desce rozdzielczej, ale jest również ograniczony przez pulpit nawigacyjny i jest renderowany jako reprezentacja witryny blokowej. Ten samouczek skupi się tylko na konstruktorze wizualnym.

Pobierz DIVI WordPress Theme

divi builder.jpeg

Z drugiej strony zupełnie nowy program Visual Builder umożliwia budowanie stron na stronie front-end witryny! To niesamowite doświadczenie i pozwala na znacznie szybszy projekt. Gdy dodajesz treść lub dostosowujesz parametry projektu wewnątrz kreatora wizualnego, Twoje zmiany pojawiają się natychmiast.

Możesz kliknąć na stronie i zacząć pisać. Możesz podświetlić tekst i dostosować jego czcionkę i styl. Możesz dodawać nowe treści, budować swoją stronę i oglądać wszystko, co dzieje się na twoich oczach.

użyj pliku-visual-builder.jpg

Jak włączyć program Visual Builder

Po zalogowaniu do pulpitu WordPress możesz przejść do dowolnej strony z przodu witryny i kliknąć przycisk "Włącz program Visual Builder" na pasku administracyjnym WordPress, aby uruchomić program budujący wideo.

jak włączyć visual builder.jpeg

Jeśli opublikujesz swoją stronę na desce rozdzielczej, można przełączyć się na budowniczego wizualnego klikając przycisk „Włącz wizualne Builder” znajdujący się w górnej części interfejsu back-end Divi Builder (zauważ, że należy najpierw aktywuj Divi Builder, zanim pojawi się przycisk Visual Builder).

Łatwo stwórz swoją stronę internetową z Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestańcie słono płacić za to, co możecie zrobić sami. [Bezpłatny]

użyj edytora wizualnego Divi.jpeg

Podstawy programu Visual Builder

Moc Divi tkwi w Visual Builder, budowniczym stron, który działa z "Drag And Drop", który pozwala budować prawie każdy rodzaj strony internetowej, łącząc i organizując elementy treści.

Konstruktor używa trzech głównych elementów składowych: sekcji, rzędów i modułów. Jednoczesne ich używanie pozwala tworzyć niezliczone układy. Sekcje są największymi cegiełkami i zawierają grupy rzędów. Wiersze znajdują się wewnątrz sekcji i służą do pomieszczenia modułów. Moduły są umieszczone wewnątrz rzędów. To jest struktura każdej witryny Divi.

sekcje

Najbardziej podstawowymi i największymi cegiełkami stosowanymi do projektowania układów z Divi są sekcje. Są używane do tworzenia dużych grup treści i jest to pierwsza rzecz, którą dodajesz do swojej strony. Istnieją trzy rodzaje sekcji: zwykła, specjalistyczna i pełna.

Zwykłe sekcje składają się z rzędów kolumn, podczas gdy sekcje o pełnej szerokości składają się z modułów o pełnej szerokości, które rozszerzają całą szerokość ekranu. Specjalne sekcje pozwalają na bardziej zaawansowane układy boczne.

rząd

Wiersze znajdują się wewnątrz sekcji i możesz umieścić dowolną liczbę wierszy w sekcji. Istnieje wiele różnych typów kolumn do wyboru. Po zdefiniowaniu struktury kolumn dla swojego wiersza możesz umieścić moduły w wybranej kolumnie. Nie ma ograniczeń co do liczby modułów, które można umieścić w kolumnie.

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress z Envato i łatwo stwórz swoją stronę internetową. Już ponad 49.720.000 XNUMX XNUMX pobrań. [EXCLUSIVE]

Moduły

Moduły to elementy treści, które tworzą Twoją witrynę. Każdy moduł Divi może dostosować się do dowolnej szerokości kolumny i wszystkie są całkowicie responsywne.

Zbuduj swoją pierwszą stronę

Trzy podstawowe elementy konstrukcyjne (sekcje, linie i moduły) służą do budowania strony.

budowa strony Divi.jpg

Dodanie pierwszej sekcji

Zanim dodasz coś do swojej strony, musisz najpierw dodać sekcję. Sekcje można dodać, klikając niebieski przycisk (+). Po najechaniu kursorem na sekcję, która już istnieje na stronie, pojawi się niebieski przycisk (+). Po kliknięciu zostanie dodana nowa sekcja w sekcji, nad którą aktualnie latasz.

Jeśli rozpoczniesz nową stronę, twoja pierwsza sekcja zostanie dodana automatycznie.

lista sekcji divi.jpg

Dodanie pierwszej linii

Po dodaniu pierwszej sekcji możesz rozpocząć dodawanie rzędów kolumn wewnątrz. Sekcja może zawierać dowolną liczbę wierszy, a także można mieszać i dopasowywać wiersze różnych typów kolumn, aby utworzyć różnorodne układy.

Aby dodać wiersz, kliknij zielony przycisk (+) w pustej sekcji lub kliknij zielony przycisk (+), który pojawia się po najechaniu kursorem na bieżący wiersz, aby dodać nowy wiersz poniżej. Po kliknięciu zielonego przycisku (+) zostanie wyświetlona lista typów kolumn. Wybierz kolumnę do wyboru i już możesz dodać swój pierwszy moduł.

jak wstawić wiersz Divi.jpeg

Dodanie pierwszego modułu

Moduły można dodawać wewnątrz wierszy, a każdy wiersz może zawierać dowolną liczbę modułów. Moduły są elementami treści strony, a Divi zawiera ponad 40 różnych elementów, których można użyć do budowania.

Możesz użyć podstawowych modułów, takich jak Teksty, Obrazy i Przyciski, lub bardziej zaawansowanych modułów, takich jak Suwaki, Portfele Galerii i Sklepy e-commerce.

Łatwo stwórz swój sklep internetowy

Pobierz bezpłatne WooCommerce, najlepsze wtyczki e-commerce do sprzedaży fizycznych i cyfrowych produktów na WordPress. [Zalecana]

Aby dodać moduł, kliknij szary przycisk (+) w pustej kolumnie lub kliknij szary przycisk (+), który pojawia się po najechaniu kursorem na moduł na stronie, aby dodać nowy moduł poniżej , Po kliknięciu przycisku wyświetli się lista modułów.

Wybierz moduł do wyboru i zostanie dodany do twojej strony, a pojawi się panel kontrolny modułu. Za pomocą tego panelu sterowania możesz rozpocząć konfigurowanie swojego modułu.

wstaw moduł DIVI.jpeg

To wszystko na ten samouczek. Dzięki temu, czego nauczyłeś się dzisiaj, będziesz w stanie stworzyć układ z Divi. Wrócimy z zaawansowanymi samouczkami na ten temat. Możesz już pobrać motyw Divi.

Inne samouczki Divi

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Pola obowiązkowe są oznaczone symbolem *

Ta strona używa Akismet do redukcji spamu. Dowiedz się więcej o tym, jak wykorzystywane są Twoje opinie.

Powrót do góry
7 akcji
udział
ćwierkanie2
Enregistrer5