Zanim będziesz mógł dodać moduł referencji do swojej strony, musisz najpierw uzyskać dostęp do Divi Builder. Kiedyś Motyw Divi zainstalowany na Twojej stronie, zauważysz przycisk Użyj Divi Builder nad edytorem postów za każdym razem, gdy tworzysz nową stronę. Kliknij ten przycisk, aby aktywować Divi Builder i uzyskać dostęp do wszystkich oferowanych przez niego modułów. Następnie kliknij przycisk Użyj Visual Builder aby uruchomić generator w trybie wizualnym. Możesz także kliknąć przycisk Włącz narzędzie Visual Builder podczas przeglądania witryny na pierwszym planie, jeśli jesteś podłączony do pulpitu nawigacyjnego WordPress.
Po wejściu do programu Visual Builder możesz kliknąć szary przycisk plus, aby dodać nowy moduł do swojej strony. Nowe moduły można dodawać tylko w wierszach. Jeśli zaczynasz nową stronę, pamiętaj, aby najpierw dodać wiersz do swojej strony.
Znajdź moduł referencji na liście modułów i kliknij go, aby dodać go do swojej strony. Listę modułów można przeszukiwać, co oznacza, że możesz również wpisać „referencje”, a następnie nacisnąć Enter, aby automatycznie wyszukać i dodać moduł referencji! Po dodaniu modułu zostaniesz przywitany przez listę opcji modułu. Te opcje są podzielone na trzy główne grupy: Treść , Koncepcja et zaawansowany .
Przykład zastosowania: sekcja referencyjna dotycząca strony produktu
Dodanie sekcji z referencjami jest jednym z najlepszych sposobów promować Twój produkt lub usługa. W tym przykładzie pokażę, jak użyć modułu Referencje, aby utworzyć sekcję z referencjami na dole strony docelowej, aby promować Twój produkt lub usługa. Tytuł sekcji z referencjami to „Zadowoleni klienci”. Ważne jest, aby mieć skuteczny tytuł, który jest zarówno kreatywny, jak i trafny. Wszystkie trzy referencje są krótkie i mają układ trzech kolumn, po których znajduje się przycisk CTA na dole strony.
Aby dodać sekcję referencji do strony, użyj narzędzia do tworzenia wizualnych, aby dodać standardową sekcję z rzędem trzech kolumn. Następnie dodaj moduł referencji do pierwszej kolumny w swoim wierszu.
Zaktualizuj ustawienia modułu Testimonial o:
Karta Zawartość
Imię i nazwisko autora: [wpisz nazwisko]
Tytuł artykułu: [wpisz tytuł]
Nazwa firmy: [wpisz firmę]
Treść: [wpisz treść referencji]
URL obrazu portretowego: [pobierz obraz 90 × 90]
Ikona cytatu
:
Karta Projekt
Kolor tekstu: jasny
Orientacja tekstu:
Body Corps Police: Roboto Light
Rozmiar czcionki ciała: 20px
Wysokość linii ciała: 1.5em
Po utworzeniu pierwszego modułu referencji skopiuj go dwukrotnie i przeciągnij duplikaty modułów, aby wypełnić drugą i trzecią kolumnę.
Ponieważ wszystkie parametry projektowe zostały przeniesione do zduplikowanych modułów w drugim i trzecim wierszu, możesz po prostu wrócić i zaktualizować zawartość każdego z nich.
To wszystko.
Parametry zawartości modułu Referencje
Ustawienia na karcie treści są zorganizowane w grupy, które można otworzyć, aby wyświetlić więcej opcji. Dzięki temu znacznie łatwiej znajdziesz ustawienie, którego szukasz. Możesz także użyć paska wyszukiwania u góry, aby przeszukać wszystkie karty ustawień naraz dla szukanego ustawienia. To doprowadzi Cię prosto do celu!
teksty
Tutaj możesz dodać imię i nazwisko autora referencji, tytuł artykułu, firmę oraz treść samego świadectwa.
Obraz
Jeśli masz zdjęcie profilowe lub inny rodzaj obrazu, które towarzyszą Twojej opinii, tutaj je dodasz.
Zastaw
Tutaj możesz dodać autora lub adres URL firmy i kontrolować jego otwieranie.
Elementy
Tutaj możesz wybrać, czy ikona oferty ma być widoczna czy ukryta.
kontekst
Tutaj możesz dodać kolor tła lub obraz do swojej opinii.
Etykieta administratora
Na tej liście rozwijanej możesz dodać etykietę administratora, która pojawi się w konstruktorze na pulpicie nawigacyjnym, a także w widoku wizualnego konstruktora.
Parametry projektowe modułu referencji
Ustawienia na karcie Projekt są podzielone na następujące grupy, aby ułatwić znalezienie odpowiedniego ustawienia. I pamiętaj, możesz także użyć paska wyszukiwania, aby znaleźć jeszcze szybsze ustawienie!
Ikona cytatu
Tutaj możesz dostosować kolor ikony cytatu.
Portret
Ustawienia pionowe pozwalają dostosować promień obramowania, szerokość w pionie i wysokość w pionie dla obrazu, który mógł zostać dodany na karcie Zawartość.
teksty
Te ustawienia umożliwiają zmianę koloru i orientacji tekstu.
Ciało tekstu
Te ustawienia umożliwiają dostosowanie czcionki, grubości, rozmiaru, koloru, odstępów, wysokości linii i nie tylko.
granica
Tutaj możesz wybrać obramowanie. Jeśli zdecydujesz się użyć obramowania, możesz również wybrać jego kolor, zmienić szerokość i wybrać styl.
rozstaw
W obszarze odstępów możesz dodać niestandardowe wypełnienie na górze, po prawej, na dole lub po lewej stronie opinii. Możesz także zmienić te wartości dla komputerów stacjonarnych, tabletów lub urządzeń mobilnych.
Zaawansowane parametry modułu Testimonial
W zakładce Zaawansowane modułu referencji, możesz dodać identyfikator (identyfikator) i unikalną klasę css. Możesz również dodać niestandardowy plik css do różnych wstępnie zdefiniowanych (i wstępnie wybranych) selektorów css w module suwaka wideo w niestandardowym menu rozwijanym css. Wreszcie, na liście rozwijanej widoczności możesz dostosować widoczność swojego modułu na telefonach, tabletach i komputerach stacjonarnych.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” align=”center” font_family=”Raleway” font_weight=”700″ style=”flat” custom_background=”#18b69d” custom_hover_background=”#118d7a” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]POBIERZ MOTYW DIVI [/vcex_button][/vc_column][vc_column width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”centrum” font_family = „Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]POBIERZ SZABLONY DIVI[/vcex_button][/vc_column][/vc_row]
Inne samouczki Divi
- strony internetowe 5 dotyczące stosowania restauracja Divi tematu
- Jak dodać tekst do produktu Divi WooCommerce
- Jak zmienić kolor menu między stronami Divi
- Jak spersonalizować siatki bloga za pomocą Divi
- Jak korzystać z roli Divi edytor na WordPressie
- Jak utworzyć pełnoekranowy suwak Divi
- Jak zmienić kolor menu między stronami Divi
- Funkcje, których prawdopodobnie nie wiesz o Divi
- Jak korzystać z Divi Builder na WordPress
- Jak korzystać z modułu przewijania wideo Divi
- Jak korzystać z modułu Divi Builder Flip
- Jak dodać moduł referencji w Divi Builder
- Jak korzystać z modułu tekstowego Divi
- Jak utworzyć suwak na Divi
- Jak edytować rolę użytkownika Divi
- Jak korzystać z modułu Divi Social Media
- Jak korzystać z modułu sklepu na temat WordPress Divi
- Jak korzystać z modułu paska bocznego Divi
- Jak korzystać z modułu tabeli cen Divi
- Jak korzystać z modułu tytułowego publikacji Divi
- Jak dodać moduł wideo Divi
- Jak korzystać z modułu nawigacji artykułów
- Jak korzystać z modułu wyszukiwania Divi
- Jak korzystać z modułu portfela Divi
- Jak korzystać z modułu person w Divi Builder
- Jak korzystać z modułu portfela z filtrem Divi
- Jak korzystać z modułu suwaka o pełnej szerokości
- Jak korzystać z modułu obrazu Divi Builder
- Jak korzystać z modułu nawigacji pełnej szerokości Divi Builder
- Jak korzystać z modułu galerii obrazów
- Jak korzystać z pełnego modułu karty Divi Builder
- Jak korzystać z modułu portfela o pełnej szerokości Divi
- Jak korzystać z modułu nagłówka Divi o pełnej szerokości
- Jak korzystać z modułu licznika Divi
- Jak korzystać z suwaka artykułów w Divi Builder
- Jak korzystać z modułu Divi Email Optin