Przejdź do głównej treści

Jak korzystać z modułu Divi Builder Flip

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]

Aby dodać moduł Toggle do swojej strony, musisz najpierw przejść do Divi Buildera. Po zainstalowaniu motywu Divi na swojej stronie internetowej zauważysz przycisk Użyj Divi Builder nad wydawcą za każdym razem, gdy tworzysz nową stronę. Kliknij ten przycisk, aby aktywować Divi Builder i uzyskać dostęp do wszystkich modułów Divi Builder. Następnie kliknij przycisk Użyj Visual Builder aby uruchomić generator w trybie wizualnym. Możesz również kliknąć przycisk Włącz narzędzie Visual Builder kiedy przeglądasz swoją witrynę na pierwszym planie, jeśli jesteś podłączony do pulpitu WordPress.

dostęp do wizualnego budowniczego

Po przejściu do programu Visual Builder można kliknąć szary przycisk plus, aby dodać nowy moduł do strony. Nowe moduły można dodawać tylko w rzędach. Jeśli zaczynasz nową stronę, nie zapomnij najpierw dodać linii do swojej strony.

flip flop divi module.png

Znajdź moduł kołyskowy na liście modułów i kliknij go, aby dodać go do swojej strony. Lista modułów jest przeszukiwalna, co oznacza, że ​​możesz również wpisać "przełącz", a następnie naciśnij klawisz enter, aby wyszukać i automatycznie dodać przełącznik modułu! 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 użycia: strona najczęściej zadawanych pytań

Strona FAQ jest jednym z najlepszych miejsc do konsolidacji informacji za pomocą modułu Toggle. Pozwala użytkownikowi szybko zidentyfikować pytanie, którego szuka, bez konieczności czytania tonów tekstu. W tym przykładzie pokażę ci, jak możesz użyć modułu Toggle do zaprojektowania nowoczesnej sekcji FAQ dla swojej strony FAQ w kilka minut.
przykładowa strona FAQ.jpg

Za pomocą programu Visual Builder dodaj nową sekcję z wierszem o pełnej szerokości (kolumna 1). Następnie dodaj moduł dzielący do linii. Na zakładce Ustawienia modułu dzielników wybierz opcję "Pokaż dzielnik".

przykład przycisku flip-flop divi.png

Na karcie Projekt wprowadź następujące opcje:

Kolor: # 000000 (czarny)
Styl podziału: Solidny
Pozycja separatora:
Pionowo wyśrodkowany dzielnik Ciężar: 4px
Wysokość: 1

opcje konfiguracji przełącz divi.png

Następnie dodaj moduł wahacza pod dzielnikiem, który właśnie utworzyłem w tym samym rzędzie. W ustawieniach modułu Toggle zaktualizuj następujące elementy:

Ł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]

Karta Zawartość

Titre: [entrez votre titre] Contenu: [entrez votre contenu] État: Fermer
Otwórz kolor tła: #ffffff
Zamknięty Przełącza kolor tła: #ffffff
Kolor tła: #ffffff

Karta Projekt

Kolor ikony: # 000000
Otwórz Przełącz kolor tekstu: # 000000
Zamknięty Przełącz Kolor tekstu: # 000000
Czcionka tytułu: Open Sans, Bold
Rozmiar czcionki: 24px
Tytuł Kolor tekstu: # 000000
Czcionka ciała: Otwórz Sans
Rozmiar czcionki ciała: 18px
Body Text Color: # 666666
Wysokość linii ciała: 1.6em
Użyj granicy: TAK
Szerokość obramowania: 0px
Niestandardowe dopełnienie: Najlepsze 2px, Bottom 2px

nowa zawartość z klawiszem divi.png

Po zapisaniu ustawień modułu przełączającego zduplikuj utworzony moduł dzielnika i umieść go w module przełączania. Spowoduje to obrócenie klapki górną i dolną linią podziału. Następnie zduplikuj swój moduł przełączania i umieść go po dolnej linii podziału. Ponieważ jest to moduł Duplicate Toggle, wszystkie parametry projektu zostały przeniesione do nowego Toggle, a wszystko, co musisz zrobić, to zaktualizować zawartość nowego modułu Toggle. Następnie kontynuuj proces duplikowania podzielonych modułów i klapek i aktualizuj zawartość swoich klapek, aż ukończysz całą sekcję FAQ.

To wszystko. Masz teraz nowoczesną sekcję FAQ z modułem Toggle w celu konsolidacji pytań i odpowiedzi.

moduł toggle divi.gif

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]

Teraz, gdy zobaczysz moduł rockera w akcji, zanurkuj w WSZYSTKICH jego ustawieniach w sekcjach poniżej. Dostarczyliśmy szczegółowy przegląd tego, co znajdziesz na każdej karcie parametrów modułu i wyjaśnienie, co każdy z nich robi.

Parametry zawartości modułu Toggle

parametry flip-flops divi.png

Zakładka zawartości modułu toggle jest zorganizowana w następujące grupy parametrów (które również naprzemiennie!).

teksty

Tutaj możesz dodać tytuł i zawartość przełącznika.

stan

Możesz wybrać, czy chcesz, aby przycisk był domyślnie otwierany lub zamykany za pomocą tego ustawienia.

kontekst

Tutaj możesz zmienić kolor tła, gdy klapka jest otwarta, a kolor tła, gdy jest zamknięty. Możesz także łatwo zrobić to samo, ustawiając opcję koloru tła. Istnieje również opcja ustawienia lub pobrania obrazu tła.

Etykieta administratora

Domyślnie moduł przełączania pojawi się z tagiem, który brzmi "Przełącz" w generatorze. Karta Administracja umożliwia zmianę tego tagu w celu łatwej identyfikacji.

Parametry projektowe modułu wahacza

projekt opcji toggle wordpress.png

Parametry projektu modułu przełączającego zostały zgrupowane w następujących listach rozwijanych na karcie Projekt.

ikona

Tutaj możesz zmienić kolor ikony przełączania.

teksty

Tutaj możesz ustawić kolor dla otwartego i zamkniętego przełącznika tekstowego.

Tekst tytułu

Tutaj możesz dostosować czcionkę tekstu tytułowego, wagę, rozmiar, kolor, odstępy, wysokość linii i więcej.

Ciało tekstu

Tutaj możesz ustawić czcionkę, wagę, rozmiar, kolor, odstępy, wysokość linii i więcej.

Ł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]

granice

Tutaj możesz wybrać obramowanie. Jeśli zdecydujesz się użyć obramowania, możesz także wybrać jego kolor, zmienić jego szerokość i wybrać jego styl.

rozstaw

W obszarze Odstępy możesz dodać niestandardowe wypełnienie do górnej, prawej, dolnej lub lewej strony skali. Możesz także zmienić te wartości dla komputerów stacjonarnych, tabletów lub urządzeń mobilnych.

Zaawansowane ustawienia przełącznika modułu

parametr flip-flop divi.png

Na karcie Zaawansowane modułu przerzucania możesz dodać unikalny identyfikator i klasę css. Możesz także dodać niestandardowe css do różnych predefiniowanych (i wstępnie wybranych) selektorów css w module kursora wideo na niestandardowej liście rozwijanej css. Wreszcie na liście rozwijanej widoczności możesz dostosować widoczność swojego modułu na telefonach, tabletach i komputerach.

To wszystko dla tego samouczka, mam nadzieję, że pozwoli ci lepiej korzystać z modułu Divi Toggle.

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
18 akcji
udział8
ćwierkanie3
Enregistrer7