Przejdź do głównej treści

Samouczek Divi: Jak korzystać z modułu Email Optin

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]

Łatwo jest rozwinąć listę mailingową, korzystając z modułu zapisywania się do newslettera oferowanego przez motyw WordPress Divi. Ten moduł obsługuje integrację MailChimp , Aweber et FeedBurner.

integracja mailchimp divi.png

Jak dodać moduł subskrypcji newslettera do swojej strony

Zanim dodasz moduł e-mail do swojej strony, musisz najpierw przejść do Divi Builder. Po zainstalowaniu motywu Divi w witrynie 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.

używaj konstruktora divi

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 wewnątrz linii. Jeśli zaczynasz nową stronę, nie zapomnij najpierw dodać do niej linii. Mamy świetne samouczki na temat korzystania z elementów linii i przekrojów Divi.

email optin.png

Znajdź moduł optin email 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ć słowo "email optin", a następnie kliknąć "Enter", aby wyszukać i automatycznie dodać moduł optin! Po dodaniu modułu zostaniesz przywitany przez listę opcji modułu. Te opcje są podzielone na trzy główne grupy: Treść , Koncepcja et zaawansowany .

Konfigurowanie kont e-mail

Zanim będzie można użyć modułu e-mail do zaakceptowania, należy najpierw połączyć go z dostawcą poczty e-mail. Dostawcy ci mogą być dodawani i zarządzani w ustawieniach modułu. Po dodaniu nowego dostawcy poczty e-mail pojawia się on w ustawieniach modułu za każdym razem, gdy edytujesz moduł poczty e-mail w swojej witrynie.

email optin configuration.png

Aby dodać nowego dostawcę poczty e-mail, najpierw wybierz swojego dostawcę poczty e-mail z listy Wybierz dostawcę , Następnie kliknij przycisk Dodaj dniu połączyć moduł z kontem e-mail. Divi obsługuje obecnie trzech dostawców: MailChimp, AWeber i Feedburner.

Połącz swoje konto AWeber

Zanim będziesz mógł używać tego modułu z AWeber, musisz najpierw połączyć swoje konto AWeber. Aby to zrobić, wybierz AWeber z listy dostawców, a następnie kliknij przycisk Dodaj, aby rozpocząć proces. Po kliknięciu przycisku Dodaj zostaniesz przeniesiony na stronę, na której zostaniesz poproszony o zalogowanie się na konto AWeber. Zaloguj się, aby wygenerować swój klucz API.

login aweber divi.png

Następnie skopiuj i wklej klucz do pola Klucz API w ustawieniach modułu, a następnie kliknij przycisk wysłać .

Twoje konto zostało już powiązane i możesz wybrać listę e-mail z menu rozwijanego Listy AWeber .

Połącz swoje konto MailChimp

Zanim będziesz mógł używać modułu z MailChimp, musisz najpierw połączyć swoje konto MailChimp. Aby to zrobić, wybierz MailChimp na liście dostawców, a następnie kliknij przycisk Dodaj. Po kliknięciu przycisku Dodaj pole Klucz API pojawiać. Skopiuj i wklej swój klucz API w pole i naciśnij przycisk wysłać , Twoje konto zostało już połączone i możesz wybrać swoją listę e-mail z rozwijanego menu Listy MailChimp .

Możesz zlokalizować swój klucz API MailChimp na swoim koncie MailChimp.com. Zaloguj się i przejdź do strony profilu. Zajrzyj do kategorii Extras i znajdź link Klucze API , quelques voici dodatkowe informacje o tym, jak znaleźć klucz API.

api mailchimp divi.png

Przykład użycia przypadku: dodanie wiadomości subskrypcji u dołu posta na blogu

Powszechne miejsce, w którym można dodać formularz e-mail do wyrażenia zgody, znajduje się tuż pod treścią wiadomości.
W tym krótkim przykładzie pokażę, jak łatwo jest wstawić i stylizować moduł e-mailowy Optin pod postem na blogu za pomocą programu Visual Builder.

visual builder divi example.jpg

Za pomocą programu Visual Builder dodaj sekcję standardową z wierszem kolumn 1 / 2 (kolumny 2) pod sekcją zawierającą zawartość publikacji.

Ponieważ ten przykład ma być ofertą e-booków opt-in, dodaj moduł obrazu do lewej kolumny i prześlij obraz książki. Ustaw wyrównanie obrazu na "Środek" i ustaw maksymalną szerokość obrazu na 300px.

dodaj moduł e-mailowy divin.jpg

Następnie dodaj moduł Optin Email do prawej kolumny.

przykładowy email: optin tutorial divi.png

Zaktualizuj ustawienia poczty e-mail Optin w następujący sposób:

Opcje zawartości

Tytuł: „Nowi abonenci uzyskać bezpłatną kopię mojego E-book” tekstu przycisk „Subskrybuj” zawartość „ciekawą historię, która pozostawi was na krawędzi fotela.” usługodawca: [wybierz usługodawca] 
Wybierz listę lub tytuł strumienia

Opcje projektowania

Kolor tła pola: # f1f1f1 kolorowe tło: #ffffff Granicznej koloru ostrości: TAK Kolor ramki: # 02b875 Tekst Kolor: Dark Kierunek tekstu: Centrum Header policja: PT Sans rozmiar czcionki nagłówka: 35px wysokość głowicy: 1.3em ciała rozmiar czcionki: 18px zwyczaj padding: 20px prawo 20px lewo Style Użyj dostosowany do Buttona: YES Rozmiar tekstu: 26px przycisk tekst color: # FFFFFF kolor tła przycisku: # 02b875 szerokość przycisk border: 2 przycisk border color: # 02b875 przycisk litery rozstaw 1px ikona przycisk Dodaj: Tak ikona przycisku: [dodaj ikonę]

e-mail ebook przykład divi konfiguracja.png

To wszystko. Jeśli chcesz poprawić swoje formularze subskrypcji, możesz użyć Kwitnąć, opcja e-mail Divi i wtyczka generowania leadów zaprojektowana specjalnie w celu pomocy w rozwijaniu listy mailingowej.

Opcja zawartości modułu e-mail Optin

Na karcie treści znajdziesz wszystkie elementy treści modułu, takie jak tekst, obrazy i ikony. Wszystko, co kontroluje co pojawia się w twoim module zawsze znajdzie się na tej karcie.

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

ustawienia opcji email opcja content.png

Tytuł

Wstaw tutaj tytuł swojego formularza rejestracyjnego.

Tekst przycisku

Tutaj wpisz tekst przycisku rejestracji.

Treść

W tym polu możesz wpisać zawartość modułu SignUp.

Usługodawca

Tutaj możesz wybrać dostawcę listy adresowej, którego używasz. Moduł obsługuje obecnie integracje MailChimp , Aweber et FeedBurner, Wybierz dostawcę z listy i przejdź do następujących opcji.

Listy MailChimp

Jeśli wybrałeś MailChimp jako dostawca, ta opcja pojawi się. Tutaj można wybrać listę MailChimp dodawania klientów. Jeśli nie widzisz tutaj wymienione, należy upewnić się, że MailChimp Klucz API zostało zdefiniowane w ePanel i masz co najmniej jedną listę na koncie MailChimp. Jeśli dodano nową listę, ale nie wydaje się tu włączyć „Listy Regenerate MailChimp” w ePanel. Pamiętaj, aby je wyłączyć raz zregenerowanego listy.

Aweber's Listings

Jeśli wybrałeś Aweber jako dostawca, ta opcja pojawi się. Tutaj możesz wybrać listę Aweber, aby dodać klientów. Jeśli nie widzisz tutaj żadnej listy, musisz upewnić się, że Aweber jest poprawnie skonfigurowany w ePanel i masz co najmniej jedną listę na koncie Aweber. Jeśli dodałeś nową listę, ale tutaj nie pojawia się, aktywuj opcję "Regeneruj listy przesyłek wewnętrznych" w ePanel. Pamiętaj, aby wyłączyć tę funkcję po zregenerowaniu listy.

Tytuł Feedburner

Jeśli wybrałeś FeedBurner jako dostawca, ta opcja pojawi się. W ten sposób identyfikujesz swoje konto Feedburner. Musisz podać swój tytuł pliku, który można znaleźć tutaj .

Użyj koloru tła

Jeśli jest włączona, do modułu zostanie zastosowany kolor tła. Jeśli włączony jest kolor tła, wewnątrz modułu dodawane jest dodatkowe wypełnienie w celu oddzielenia treści tekstowej od widocznej krawędzi modułu. Jeśli kolor tła nie jest włączony, tło modułu staje się przezroczyste, a dodatkowe wypełnienie jest usuwane.

Kolor tła

Możesz ustawić kafelek rejestracyjny na żądany kolor, używając próbnika kolorów. Wybierz ten sam kolor, co tło sekcji, aby uzyskać wrażenie szerokości lub efektu bez obramowania.

Etykieta administracyjna

Spowoduje to zmianę etykiety modułu w konstruktorze w celu ułatwienia identyfikacji. Podczas korzystania z widoku WireFrame w programie Visual Builder etykiety te pojawiają się w bloku modułów interfejsu Divi Builder.

Projektowanie sekcji e-mail Optin

Na karcie Projektowanie znajdują się wszystkie opcje stylu modułu, takie jak czcionki, kolory, rozmiary i odstępy. To jest karta, której użyjesz, aby zmienić wygląd swojego modułu. Każdy moduł Divi ma długą listę parametrów projektowych, których można użyć do zmiany czegokolwiek.

moduł opcji e-mail moduł optin.png

Kolor tła pola formularza

Formularz wiadomości e-mail do wyboru zawiera dwa pola wprowadzania nazwy użytkownika i hasła. Możesz użyć tego parametru, aby dostosować kolor tła tych pól.

Kolor tekstu pola formularza

Formularz wiadomości e-mail do wyboru zawiera dwa pola wprowadzania nazwy użytkownika i hasła. Możesz użyć tego parametru, aby dostosować kolor tekstu tych pól. Jeśli dostosowałeś kolor tła pola formularza, możesz także dostosować kolor tekstu, aby zapewnić płynną relację kolorów.

Kolor tła

Gdy pole wejściowe jest skupione za pomocą myszy odwiedzającego, kolory zmieniają się w celu wyraźnego wskazania, które pole jest aktywne. Tutaj możesz ustawić kolor tła pól skupionych.

Kolor tekstu w centrum uwagi

Gdy pole wejściowe jest skupione za pomocą myszy odwiedzającego, kolory zmieniają się w celu wyraźnego wskazania, które pole jest aktywne. Tutaj możesz ustawić kolor tekstu pól skupionych.

Użyj koloru ramki ostrości

Jeśli chcesz dodać obramowanie do pól wejściowych, gdy są ostre, możesz włączyć tę opcję.

Kolor obramowania ostrości

Korzystając z tego ustawienia, możesz zmienić kolor obramowania, który pojawia się w skupionych polach wprowadzania.

Kolor tekstu

Jeśli kolor tła jest ciemny, kolor tekstu powinien być ustawiony na "Jasny". Z drugiej strony, jeśli kolor tła jest wyraźny, kolor tekstu powinien być ustawiony na "Ciemny".

Orientacja tekstu

To menu rozwijane pozwala określić orientację tekstu, tak aby był wyrównany do lewej, wyśrodkowany lub wyrównany do prawej.

Czcionka nagłówka

Możesz zmienić czcionkę tekstu nagłówka, wybierając żądaną czcionkę z rozwijanego menu. Divi zawiera dziesiątki dużych czcionek z czcionkami Google. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na twojej stronie. Możesz także dostosować styl tekstu za pomocą pogrubienia, kursywy, wielkich i podkreślonych opcji.

Rozmiar czcionki nagłówka

Tutaj możesz zmienić rozmiar tekstu w nagłówku. Możesz przeciągnąć suwak zasięgu, aby zwiększyć lub zmniejszyć rozmiar tekstu lub wpisać wartość żądanego rozmiaru tekstu bezpośrednio do pola wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

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]

Kolor tekstu nagłówka

Domyślnie wszystkie kolory tekstu Divi są wyświetlane jako białe lub ciemnoszare. Jeśli chcesz zmienić kolor tekstu nagłówka, wybierz żądany kolor z próbnika kolorów za pomocą tej opcji.

Rozstaw nagłówków

Odstępy liter wpływają na przestrzeń między każdą literą. Jeśli chcesz zwiększyć odstęp między literami w tekście nagłówka, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Wysokość linii nagłówka

Wysokość linii wpływa na przestrzeń między wierszami tekstu nagłówka Jeśli chcesz zwiększyć odstęp między wierszami, użyj suwaka zasięgu, aby dostosować odstęp lub wprowadź żądany rozmiar odstępu w linii. pole wprowadzania po prawej stronie kursora. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Czcionka ciała

Możesz zmienić czcionkę swojego ciała, wybierając żądaną czcionkę z rozwijanego menu. Divi zawiera dziesiątki dużych czcionek z czcionkami Google. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na twojej stronie. Możesz także dostosować styl tekstu za pomocą pogrubienia, kursywy, wielkich i podkreślonych opcji.

Rozmiar czcionki ciała

Tutaj możesz dostosować rozmiar tekstu swojego ciała. Możesz przeciągnąć suwak zasięgu, aby zwiększyć lub zmniejszyć rozmiar tekstu lub wpisać wartość żądanego rozmiaru tekstu bezpośrednio do pola wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Kolor tekstu w kolorze

Domyślnie wszystkie kolory tekstu Divi są wyświetlane jako białe lub ciemnoszare. Jeśli chcesz zmienić kolor tekstu, wybierz żądany kolor z próbnika kolorów za pomocą tej opcji.

Rozstawianie liter ciała

Odstępy liter wpływają na przestrzeń między każdą literą. Jeśli chcesz zwiększyć odstęp między literami w tekście, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Wysokość linii ciała

Wysokość linii wpływa na przestrzeń między wierszami w twoim ciele Jeśli chcesz zwiększyć odstęp między liniami, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądaną wielkość w polu wprowadzania znajduje się po prawej stronie kursora. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Użyj granicy

Włączenie tej opcji spowoduje umieszczenie granicy wokół twojego modułu. Granicę tę można dostosować za pomocą następujących parametrów warunkowych.

Kolor obramowania

Ta opcja wpływa na kolor twojej granicy. Wybierz niestandardowy kolor w selektorze kolorów, aby zastosować go do obramowania.

Szerokość granicy

Domyślnie granice mają szerokość piksela 1. Możesz zwiększyć tę wartość, przeciągając suwak zasięgu lub wprowadzając wartość niestandardową w polu wprowadzania po prawej stronie suwaka. Niestandardowe jednostki miary obsługiwane, co oznacza, że ​​możesz zmienić domyślną jednostkę "px" na inną, np. Em, vh, vw itp.

Styl graniczny

Granice obsługują osiem różnych stylów: pełny, kropkowany, kropkowany, podwójny, groove, grzebień, intarsja i początek. Wybierz żądany styl z menu rozwijanego, aby zastosować go do obramowania.

Margines niestandardowy

Margines to przestrzeń dodana na zewnątrz modułu, pomiędzy modułem a następnym elementem powyżej, poniżej lub z lewej i prawej strony. Możesz dodać niestandardowe wartości marginesów do jednej z czterech stron modułu. Aby usunąć niestandardowy margines, usuń wartość dodaną z pola wejściowego. Domyślnie te wartości są mierzone w pikselach, ale można wprowadzić niestandardowe jednostki miary w polach wejściowych.

Niestandardowe dopełnienie

Wypełnienie to przestrzeń dodana wewnątrz modułu, między krawędzią modułu a jego elementami wewnętrznymi. Możesz dodać niestandardowe wartości wypełnienia do jednej z czterech stron modułu. Aby usunąć niestandardowy margines, usuń wartość dodaną z pola wejściowego. Domyślnie te wartości są mierzone w pikselach, ale można wprowadzić niestandardowe jednostki miary w polach wejściowych.

Użyj niestandardowych stylów dla przycisku

Włączenie tej opcji ujawnia różne ustawienia dostosowywania dla przycisków, których możesz użyć do zmiany wyglądu przycisku w module.

Rozmiar tekstu przycisku

Parametr ten może być używany, aby zwiększyć lub zmniejszyć rozmiar tekstu w przycisku. Przycisk zmienia się wraz ze wzrostem i zmniejszeniem rozmiaru tekstu.

Kolor tekstu przycisku

Domyślnie przyciski przyjmują kolor akcentu kompozycji zgodnie z definicją w dostosowywaniu kompozycji. Ta opcja umożliwia przypisanie niestandardowego koloru tekstu do przycisku w tym module. Wybierz własny kolor za pomocą próbnika kolorów, aby zmienić kolor przycisku.

Kolor tła przycisku

Domyślnie przyciski mają przezroczysty kolor tła. Można to zmienić, wybierając żądany kolor tła w selektorze kolorów.

Przycisk granicy szerokości

Wszystkie przyciski posiadają obramowanie Divi 2px domyślnie. Ta granica może zostać zwiększona lub zmniejszona za pomocą tego parametru. Granice można usunąć, wprowadzając wartość 0.

Kolor obramowania przycisku

Domyślnie krawędzie przycisków zmieniają się na kolor akcentujący motyw zdefiniowany w dostosowywaniu kompozycji. Ta opcja umożliwia przypisanie niestandardowego koloru obramowania do przycisku w tym module. Wybierz własny kolor, używając selektora kolorów, aby zmienić kolor obramowania przycisku.

Promień obramowania przycisku

Promień obramowania wpływa na okrągłość narożników przycisków. Domyślnie przyciski w Divi mają mały promień obramowania, który zaokrągla rogi pikseli 3. Możesz zmniejszyć tę wartość do 0, aby utworzyć kwadratowy przycisk lub znacznie go zwiększyć, aby utworzyć przyciski z okrągłymi krawędziami.

Rozstawianie liter przycisków

Odstępy liter wpływają na przestrzeń między każdą literą. Jeśli chcesz zwiększyć odstęp między literami w tekście przycisku, użyj suwaka zasięgu, aby dostosować spację lub wprowadź żądany rozmiar odstępu w polu wprowadzania po prawej stronie suwaka. Pola wprowadzania obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać "px" lub "em" w zależności od wartości twojego rozmiaru, aby zmienić typ jednostki.

Czcionka przycisku

Możesz zmienić czcionkę tekstu przycisku, wybierając żądaną czcionkę z rozwijanego menu. Divi zawiera dziesiątki dużych czcionek z czcionkami Google. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na twojej stronie. Możesz także dostosować styl tekstu za pomocą pogrubienia, kursywy, wielkich i podkreślonych opcji.

Dodaj ikonę przycisku

Wyłączone, to ustawienie usunie ikony z przycisku. Domyślnie wszystkie przyciski Divi wyświetlają ikonę strzałki na zawisie.

Ikona przycisku

Jeśli ikony są włączone, możesz użyć tego ustawienia, aby wybrać ikonę do użycia w swoim przycisku. Divi ma różne ikony do wyboru.

Kolor ikony przycisku

Ustawienie tego ustawienia zmieni kolor ikony wyświetlanej na przycisku. Domyślnie kolor ikony jest taki sam jak kolor tekstu przycisków, ale to ustawienie umożliwia niezależną regulację koloru.

Przycisk umieszczania ikon

Możesz wyświetlić ikonę przycisku po lewej lub prawej stronie przycisku.

Pokaż tylko ikonę, gdy przycisk przewraca się

Domyślnie ikony przycisków są wyświetlane tylko podczas przewracania. Jeśli chcesz, aby ikona była zawsze wyświetlana, wyłącz to ustawienie.

Przycisk Umieść kolor tekstu

Gdy przycisk jest unosił się nad użytkownika, zostanie użyty ten kolor. Kolor zmieni się z podstawowego koloru zdefiniowanego w poprzednich ustawieniach.

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

Najedź na kolor tła przycisku

Gdy przycisk jest unosił się nad użytkownika, zostanie użyty ten kolor. Kolor zmieni się z podstawowego koloru zdefiniowanego w poprzednich ustawieniach.

Przycisk Obramowania Koloru

Gdy przycisk jest unosił się nad użytkownika, zostanie użyty ten kolor. Kolor zmieni się z podstawowego koloru zdefiniowanego w poprzednich ustawieniach.

Przesuń kursor na obramowanie

Gdy przycisk jest unosił się nad użytkownika, zostanie wykorzystana ta wartość. Wartość zmieni się z wartości bazowej zdefiniowanej w poprzednich parametrach.

Przycisk odstępu między nutami

Gdy przycisk jest unosił się nad użytkownika, zostanie wykorzystana ta wartość. Wartość zmieni się z wartości bazowej zdefiniowanej w poprzednich parametrach.

Zaawansowane opcje e-mail Optin

Na karcie Zaawansowane znajdziesz opcje, które bardziej doświadczeni projektanci stron internetowych mogą okazać się przydatni, takie jak niestandardowe atrybuty CSS i HTML. Tutaj możesz zastosować niestandardowy CSS do jednego z wielu elementów modułu. Do modułu można również zastosować niestandardowe klasy i identyfikatory CSS, które można wykorzystać do dostosowania modułu w pliku style.css kompozycji podrzędnej.

moduł optin email

Identyfikator CSS

Wprowadź opcjonalny identyfikator CSS, który będzie używany dla tego modułu. Identyfikatora można użyć do utworzenia niestandardowego stylu CSS lub do utworzenia linków do poszczególnych sekcji strony.

Klasa CSS

Wprowadź opcjonalne klasy CSS, które będą używane dla tego modułu. Do utworzenia niestandardowego stylu CSS można użyć klasy CSS. Możesz dodać wiele klas oddzielonych spacją. Klasy te mogą być używane w Twoim dziecięcym motywie Divi lub w niestandardowym arkuszu stylów CSS dodawanym do strony lub witryny internetowej przy użyciu opcje motywu Divi lub parametry strony Divi Builder.

Niestandardowy CSS

Niestandardowy CSS można również zastosować do modułu i jednego z wewnętrznych elementów modułu. W sekcji Custom CSS znajdziesz pole tekstowe, w którym możesz dodać niestandardowe arkusze stylów CSS bezpośrednio do każdego elementu. Pozycje CSS w tych parametrach są już zapakowane w znaczniki stylu. Po prostu wprowadź reguły CSS oddzielone średnikami.

widoczność

Ta opcja pozwala kontrolować urządzenia, na których pojawia się twój moduł. Możesz wyłączyć moduł na tabletach, smartfonach lub pulpitach indywidualnie. Jest to przydatne, jeśli chcesz korzystać z różnych modułów na różnych urządzeniach lub jeśli chcesz uprościć projektowanie mobilne, eliminując pewne elementy strony.

Inne samouczki dotyczące Divi Theme WordPress

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
11 akcji
udział6
ćwierkanie1
Enregistrer4