Korzystanie z Generatora Divi

Podstawy

Divi to specyficzny motyw WordPress. W odróżnieniu od innych motywów Divi to nie tyle gotowy do wykorzystania motyw, co platforma do budowy własnej witryny od podstaw. Korzystając z generatora Divi można metodą przeciągnij i upuść w łatwy sposób tworzyć piękne układy mając kontrolę nad każdą częścią witryny.

Generator wykorzystuje trzy główne bloki: sekcje, szeregi (wersy) oraz moduły. To pozwala tworzyć niezliczoną ilość układów stron. Podstawowa hierarchia tych elementów, wygląda tak:

Sekcje

Najbardziej podstawowymi i największymi cegiełkami stosowanymi w projektowaniu układów z Divi są sekcje. Są one wykorzystywane do tworzenia obszarów najwyższego poziomu witryny. Do dyspozycji mamy dwa rodzaje sekcji: standardowe i pełnej szerokości. Standardowe sekcje składają się z wierszy i kolumn. Sekcje pełnej szerokości składa się z pełnych modułów szerokości. Zobacz więcej na temat wierszy i modułów poniżej.

Szeregi (wersy)

Wiersze są elementami sekcji. Wewnątrz sekcji można umieścić dowolną liczbę wierszy. Istnieje wiele różnych typów szeregów do wyboru. Po zdefiniowaniu typu wiersza, można w wybranej strukturze kolumnowej umieszczać moduły. Nie ma ograniczeń co do liczby modułów, które można umieścić w kolumnie.

Moduły

Moduły są elementami wizualnymi (spełniającymi różne funkcje), które tworzą swoją stronę. Moduły Divi elastycznie dopasowują się do kolumn każdej szerokości.

Pierwsze kroki

Po utworzeniu nowej strony pojawi się standardowe okno stron WordPressa. Gdy używasz Divi, pojawi się przycisk [Użyj generatora Divi]. Kliknięcie spowoduje uruchomienie generatora i dodanie jednej standardowej sekcji do układu.

UWAGA: Jeżeli masz już zawartości strony, to wszystko zostanie umieszczone domyślnie w module Tekst. Jeśli chcesz inaczej rozmieścić zawartość w różnego typu modułach trzeba będzie to zrobić ręcznie.

Opcje generatora układów

Zapisz w bibliotece

W każdej chwili każdy zbudowany układ można zapisać w Bibliotece Divi do wykorzystania w późniejszym czasie. Opcja ta doskonale nadaje się użycia zaprojektowanego układu na innej podstronie lub innej witrynie tworzonej z Divi. Aby uzyskać więcej informacji na temat korzystania z Biblioteki Divi, koniecznie sprawdź szczegółowy poradnik na ten temat. Można również dowiedzieć się, jak importować i eksportować bibliotekę z jednej witryny internetowej na drugą.

Wczytaj z biblioteki

Można również załadować z Biblioteki Divi układ, który został zapisany w przeszłości lub jeden z kilkudziesięciu gotowych układów, które zostają dodane do Biblioteki Divi po zainstalowaniu motywu. Ładowanie jednego z tych gotowych układów jest doskonałym sposobem, aby rozpocząć budowę pierwszej witryny internetowej z Divi. Patrz też Korzystanie z gotowych układów oraz Zapisywanie i ładowanie niestandardowych układów.

Wyczyść układ

Jeśli w w jakimś momencie zechcesz rozpocząć budowanie układu od nowa, po prostu kliknij przycisk [Wyczyść układ]. Spowoduje to usunięcie wszystkiego, co masz na stronie i daje możliwość zaczęcia od pustego układu.

Poniżej tych trzech przycisków jest miejsce, gdzie będziesz dodawać sekcje, wiersze i moduły do swojej strony w celu skonstruowania swojego układu. Kiedy uruchomisz generator Divi, zobaczysz pustą sekcję pokazaną poniżej.

Budowanie własnego układu

Dodawanie sekcji

Do wyboru mamy trzy typy sekcji: standardową, pełnej szerokości lub specjalną.

Za każdym razem po dodaniu sekcji trzeba będzie zdefiniować jej właściwości. Klikając w ikonę hamburger menu sekcji na górze panelu bocznego zostaniesz przeniesiony do sekcji Ustawienia. Koniecznie sprawdź szczegółowy poradnik Ustawienia sekcji, aby dowiedzieć się w jakie każde z ustawień daje efekty i jak wykorzystać je w twórczy sposób.

Dodawanie i definiowanie szeregów

Po zapisaniu ustawień sekcji trzeba będzie wstawić wiersz i określić jego typ. Klikając [Wstaw kolumnę], będzie można wybierać spośród wielu typów układów kolumn. Wiersze mają również wiele opcji, które można wykorzystać, aby dostosować ich wygląd i zmienić strukturę układu. Więcej na temat wszystkich interesujących opcji dotyczących szeregów w Ustawienia szeregów.

Dodanie modułu

Po wybraniu typu szeregu, zostaniesz poproszony o dodanie modułów. W poniższym przykładzie ustawiono trzy kolumny w szeregu.

Za każdym razem, gdy chcesz wstawić moduł, należy kliknąć przycisk [Wstaw moduł] i wybierz jedną z listy modułów Divi. Po wybraniu modułu zostaniesz przeniesiony do jego Ustawień modułów. Każdy moduł ma inny cel i różne opcje. Aby dowiedzieć się więcej na temat każdego modułu, zerknij do przeglądu wszystkich modułów w sekcji Moduły stronie Dokumentacji.

Rozbudowa układu

W poniższym przykładzie mamy sekcję z układem dwóch kolumn w szeregu z wstawionymi modułami: Tekst i Obraz.
Modułom można nadawać spersonalizowane Etykiety robocze, np. zamiast Tekst – Opis firmy.

Aby rozwinąć swój układ możesz zdecydować się dodać do strony nową sekcję, szereg do istniejącej sekcji lub moduł do istniejącej kolumny. Poza dodawaniem możesz elementy kopiować lub usuwać klikając w ikonę [X].

Dodawanie sekcji pełnej szerokości i specjalnych

Sekcje pełnej szerokości

Poniżej każdej sekcji masz opcję [+] Standardowa sekcja / Sekcja pełnej szerokości / Sekcja specjalna / Dodaj z biblioteki.

Sekcje pełnej szerokości wyróżnia to, że nie mają wersów. W związku z tym, w tego typu sekcjach można umieszczać tylko moduły pełnej szerokości.

Sekcje pełnej szerokości mogą być umieszczane w dowolnym miejscu w układu strony. W przykładzie poniżej dodano Tytuł posta (strony) pełnej szerokości.

Sekcje specjalne

Sekcje specjalne to sekcje zawierające wers pełnej wysokości sekcji. To pozwala na tworzenie klasycznych układów z sidebarami, w których pasek lub paski boczne znajdują się obok bardziej skomplikowanych konstrukcji kolumn.

W przykładzie poniżej sekcja specjalna została dodana na dole strony.

Klikając link [Dodaj z biblioteki], można również załadować Sekcje, które zostały zapisane do biblioteki w przeszłości.

Modyfikowanie układu

Sekcje można przenosić powyżej lub poniżej innej za pomocą przeciągnij i upuść w odpowiednim miejscu. To samo dotyczy wierszy i modułów. Można nawet przenosić wersy pomiędzy sekcjami i moduły do różnych kolumn. Jedynym ograniczeniem jest to, że nie można przeciągać modułów pełnej szerokości do sekcji standardowych i modułów standardowych do sekcji pełnej szerokości.

W poniższym przykładzie przeniesiono sekcję specjalną nad sekcję standardową oraz zamieniono zawartość kolumn w sekcji standardowej.

Zapisz i opublikuj!

Po zakończeniu budowania układ należy użyć przycisku [Opublikuj] / [Zaktualizuj] w panelu bocznym WordPressa.

Powrót do domyślnego edytora

Jeśli zechcesz wrócić do korzystania z domyślnego edytora, zostaniesz ostrzeżony, że wszystkie treści zbudowane za pomocą Generatora Divi zostaną utracone i zostaną przywrócone treści stworzone wcześniej w domyślnym edytorze. Dla bezpieczeństwa dobrze jest zapisać wszystkie stworzone układy. Zobacz Biblioteka Divi.