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 701.000, Divi jest najpopularniejszym motywem WordPress na świecie. Jest kompletny, łatwy w użyciu i zawiera więcej niż darmowe szablony 62. [Zalecane]

Możesz łatwo rozwinąć swoją listę mailingową, korzystając z modułu subskrypcji biuletynów oferowanego przez motyw Divi WordPress. 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 na swojej stronie internetowej 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 modułów Divi Builder. 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.

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 w wierszach. Jeśli zaczynasz nową stronę, pamiętaj, aby najpierw dodać wiersz do swojej strony. Mamy świetne samouczki na temat korzystania z elementów linii i sekcji Divi.

email optin.png

Znajdź na liście modułów opcjonalny moduł e-mail i kliknij go, aby dodać go do swojej strony. Listę modułów można przeszukiwać, co oznacza, że ​​możesz również wpisać słowo „email optin”, a następnie kliknąć „Enter”, aby automatycznie wyszukać i 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

Aby móc korzystać z opcjonalnego modułu poczty e-mail, musisz najpierw połączyć go z dostawcą poczty e-mail. Tych dostawców można dodawać i zarządzać nimi w ustawieniach modułu. Po dodaniu nowego dostawcy poczty e-mail, pojawi się on w ustawieniach modułu za każdym razem, gdy edytujesz moduł poczty e-mail na swojej stronie internetowej.

email optin configuration.png

Aby dodać nowego dostawcę poczty e-mail, najpierw wybierz dostawcę poczty e-mail z listy Wybierz dostawcę . Następnie kliknij przycisk Dodaj dniu aby połączyć moduł ze swoim 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ę do konta AWeber. Zaloguj się, aby wygenerować klucz API.

login aweber divi.png

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

Twoje konto zostało już połączone i możesz wybrać swoją listę e-mailową 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 z listy dostawców, a następnie kliknij Dodaj. Po kliknięciu przycisku Dodaj pole Klucz API pojawi się. Skopiuj i wklej swój klucz API w polu, a następnie naciśnij przycisk wysłać . Twoje konto zostało już połączone i możesz wybrać listę e-mailową z rozwijanego menu Listy MailChimp .

Możesz znaleźć klucz API MailChimp na swoim koncie MailChimp.com. Zaloguj się i przejdź do strony swojego profilu. Zajrzyj do kategorii Extras i znajdź link Klucze API . tutaj jest kilka dodatkowe informacje jak znaleźć klucz API.

api mailchimp divi.png

Przykład użycia: Dodanie wpisu subskrypcji na dole posta na blogu

Typowe miejsce, w którym można dodać formularz e-mail umożliwiający wyrażenie zgody, znajduje się bezpośrednio pod treścią posta.
W tym krótkim przykładzie pokażę, jak łatwo jest wstawić i nadać styl modułowi e-mail Optin pod postem na blogu za pomocą programu Visual Builder.

visual builder divi example.jpg

Korzystając z programu Visual Builder, dodaj standardową sekcję z 1/2 kolumny (2 kolumny) pod sekcją zawierającą treść posta.

Ponieważ ten przykład będzie ofertą e-booków z opcją, dodaj moduł obrazu do lewej kolumny i prześlij obraz książki. Ustaw wyrównanie obrazu na „Środek” i ustaw maksymalną szerokość obrazu na 300 pikseli.

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 subskrybenci, otrzymają BEZPŁATNĄ kopię mojej książki e-book”. Tekst przycisku: „Subskrybuj”. Treść: „Fascynująca historia, która pozostawi Cię na krawędzi”. Usługodawca: [wybierz usługodawcę] 
Wybierz opcję Lista lub Tytuł strumienia

Opcje projektowania

Kolor tła pola: # f1f1f1 Kolor tła: #ffffff Kolor obramowania fokusa: TAK Kolor obramowania: # 02b875 Kolor tekstu: ciemny Orientacja tekstu: Środkowy nagłówek Czcionka: PT Bez nagłówka Rozmiar czcionki: 35px Wysokość głowy: 1.3em Rozmiar czcionki głównej: 18px Niestandardowe wypełnienie: 20px Prawy, 20px Lewy Style Użyj niestandardowego dla przycisku: TAK Rozmiar tekstu Przycisk: 26px Kolor przycisku tekstu: #ffffff Kolor tła przycisku: # 02b875 Szerokość obramowania przycisku: 2 Kolor obramowania przycisku: # 02b875 Odstępy między literami przycisku: 1 piksel Ikona Dodaj przycisk: Tak Ikona przycisku: [ikona dodawania]

e-mail ebook przykład divi konfiguracja.png

To wszystko. Jeśli chcesz ulepszyć swoje formularze subskrypcji, możesz skorzystać z Kwitnąć, opcja poczty e-mail Divi i wtyczka do generowania potencjalnych klientów zaprojektowana specjalnie, aby pomóc Ci rozwinąć listę mailingową.

Opcja zawartości modułu e-mail Optin

W zakładce Treść znajdziesz wszystkie elementy treści modułu, takie jak tekst, obrazy i ikony. Wszystko to kontroluje co pojawi się w module zawsze będzie można znaleźć w tej zakładce.

Łatwo stwórz swoją stronę internetową dzięki Elementor

Elementor pozwala łatwo stworzyć dowolny projekt strony internetowej o profesjonalnym wyglądzie. Przestań płacić drogo za to, co możesz zrobić sam. [Bezpłatny]

ustawienia opcji email opcja content.png

Tytuł

Wpisz tutaj tytuł swojego formularza rejestracyjnego.

Tekst przycisku

Podaj tutaj tekst przycisku rejestracji.

Treść

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

Usługodawca

Tutaj możesz wybrać dostawcę list mailingowych, z którego korzystasz. Moduł aktualnie obsługuje integracje MailChimp , Aweber et FeedBurner. Wybierz dostawcę z listy, a następnie przejdź do poniższych opcji.

Listy MailChimp

Jeśli wybrałeś MailChimp jako dostawca pojawi się ta opcja. Tutaj możesz wybrać listę MailChimp, aby dodać klientów. Jeśli nie widzisz tutaj żadnej listy, musisz się upewnić, że klucz API MailChimp jest ustawiony w ePanel i że masz co najmniej jedną listę na koncie MailChimp. Jeśli dodałeś nową listę, ale nie pojawia się ona tutaj, włącz opcję „Regeneruj listy MailChimp” w ePanel. Nie zapomnij go dezaktywować po ponownym wygenerowaniu listy.

Aweber's Listings

Jeśli wybrałeś Aweber jako dostawca pojawi się ta opcja. 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 że masz co najmniej jedną listę na koncie Aweber. Jeśli dodałeś nową listę, ale nie pojawia się ona tutaj, aktywuj opcję „Regeneruj listy Aweber” w ePanel. Nie zapomnij go dezaktywować po ponownym wygenerowaniu listy.

Tytuł Feedburner

Jeśli wybrałeś FeedBurner jako dostawca pojawi się ta opcja. W ten sposób identyfikujesz swoje konto Feedburner. Będziesz musiał wprowadzić tytuł kanału, 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łączono kolor tła, wewnątrz modułu dodawane jest dodatkowe wypełnienie, aby oddzielić tekst 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 zmienić kolor swojej płytki z napisem za pomocą próbnika kolorów. Wybierz ten sam kolor co tło sekcji, aby uzyskać efekt szerokości lub bez obramowania.

Etykieta administracyjna

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

Projektowanie sekcji e-mail Optin

Na karcie Projekt znajdziesz wszystkie opcje stylizacji modułu, takie jak czcionki, kolory, rozmiary i odstępy. To jest zakładka, której użyjesz do zmiany wyglądu modułu. Każdy moduł Divi ma długą listę ustawień projektu, których możesz użyć do zmiany czegokolwiek.

moduł opcji e-mail moduł optin.png

Kolor tła pola formularza

Formularz e-mailowy dotyczący zgody zawiera dwa pola do wpisania nazwy użytkownika i hasła. Możesz użyć tego ustawienia, aby dostosować kolor tła tych pól.

Kolor tekstu pola formularza

Formularz e-mailowy dotyczący zgody zawiera dwa pola do wpisania nazwy użytkownika i hasła. Możesz użyć tego ustawienia, aby dostosować kolor tekstu w tych polach. Jeśli dostosowałeś kolor tła pola formularza, możesz również dostosować kolor tekstu, aby zapewnić harmonijne relacje kolorów.

Kolor tła

Gdy pole wprowadzania jest skupione za pomocą myszy gościa, kolory zmieniają się, aby wyraźnie wskazać, które pole jest aktywne. Tutaj możesz zdefiniować kolor tła wybranych pól.

Kolor tekstu w centrum uwagi

Gdy pole wprowadzania jest skupione za pomocą myszy gościa, kolory zmieniają się, aby wyraźnie wskazać, które pole jest aktywne. Tutaj możesz zdefiniować kolor tekstu zaznaczonych pól.

Użyj koloru ramki ostrości

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

Kolor obramowania ostrości

Korzystając z tego ustawienia, możesz zmienić kolor obramowania pojawiającego się na skupionych polach wejściowych.

Kolor tekstu

Jeśli kolor tła jest ciemny, kolor tekstu powinien być ustawiony na „Jasny”. Jeśli jednak kolor tła jest jasny, kolor tekstu powinien być ustawiony na „Ciemny”.

Orientacja tekstu

To menu rozwijane umożliwia określenie orientacji tekstu jako wyrównanego do lewej, wyśrodkowanego lub wyrównanego do prawej.

Czcionka nagłówka

Możesz zmienić czcionkę tekstu nagłówka, wybierając żądaną czcionkę z menu rozwijanego. Divi zawiera dziesiątki wspaniałych czcionek obsługiwanych przez Google Fonts. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na Twojej stronie. Możesz także dostosować styl tekstu, używając pogrubienia, kursywy, wielkich liter i opcji podkreślenia.

Rozmiar czcionki nagłówka

Tutaj możesz dostosować rozmiar tekstu nagłówka. Możesz przeciągnąć suwak zakresu, aby zwiększyć lub zmniejszyć rozmiar tekstu lub bezpośrednio wprowadzić wartość żądanego rozmiaru tekstu w polu wprowadzania po prawej stronie suwaka. Pola wejściowe obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać „px” lub „em” w zależności od wartości rozmiaru, aby zmienić typ jednostki.

Kolor tekstu nagłówka

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

Odstępy między literami w nagłówku

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

Szukasz najlepszych motywów i wtyczek WordPress?

Pobierz najlepsze wtyczki i motywy WordPress na Envato i łatwo stwórz swoją stronę. Już więcej niż pobrań 49.720.000. [EXCLUSIVE]

Wysokość wiersza nagłówka

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

Czcionka ciała

Możesz zmienić swoją czcionkę główną, wybierając żądaną czcionkę z menu rozwijanego. Divi zawiera dziesiątki wspaniałych czcionek obsługiwanych przez Google Fonts. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na Twojej stronie. Możesz także dostosować styl tekstu, używając pogrubienia, kursywy, wielkich liter i opcji podkreślenia.

Rozmiar czcionki ciała

Tutaj możesz dostosować rozmiar tekstu. Możesz przeciągnąć suwak zakresu, aby zwiększyć lub zmniejszyć rozmiar tekstu lub bezpośrednio wprowadzić wartość żądanego rozmiaru tekstu w polu wprowadzania po prawej stronie suwaka. Pola wejściowe obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać „px” lub „em” w zależności od wartości rozmiaru, aby zmienić typ jednostki.

Kolor tekstu w kolorze

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

Rozstawianie liter ciała

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

Wysokość linii ciała

Wysokość linii wpływa na odstęp pomiędzy każdym wierszem tekstu w Twoim ciele Jeśli chcesz zwiększyć odstęp między wierszami, użyj suwaka zakresu, aby dostosować odstęp lub wprowadź żądany rozmiar odstępu w polu wprowadzania znajdujący się po prawej stronie kursora. Pola wejściowe obsługują różne jednostki miary, co oznacza, że ​​możesz wpisać „px” lub „em” w zależności od wartości rozmiaru, aby zmienić typ jednostki.

Użyj granicy

Włączenie tej opcji spowoduje umieszczenie ramki wokół modułu. To obramowanie można dostosować za pomocą następujących parametrów warunkowych.

Kolor obramowania

Ta opcja wpływa na kolor obramowania. Wybierz kolor niestandardowy z próbnika kolorów, aby zastosować go do obramowania.

Szerokość granicy

Domyślnie krawędzie mają szerokość 1 piksela. Możesz zwiększyć tę wartość, przeciągając suwak zakresu lub wprowadzając niestandardową wartość w polu wprowadzania po prawej stronie suwaka. Obsługiwane są niestandardowe jednostki miary, co oznacza, że ​​możesz zmienić domyślną jednostkę z „px” na inną, np. Em, vh, vw itp.

Styl graniczny

Krawędzie obsługują osiem różnych stylów: jednolity, kropkowany, kropkowany, podwójny, rowek, grzbiet, nakładka 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, między modułem a następnym elementem powyżej, poniżej lub po lewej i prawej stronie. Możesz dodać niestandardowe wartości marginesów do dowolnej z czterech stron modułu. Aby usunąć niestandardowy margines, usuń wartość dodaną z pola wejściowego. Domyślnie wartości te są mierzone w pikselach, ale w polach wejściowych można wprowadzić niestandardowe jednostki miary.

Niestandardowe wypełnienie

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

Użyj niestandardowych stylów dla przycisku

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

Rozmiar tekstu przycisku

To ustawienie może służyć do zwiększania lub zmniejszania rozmiaru tekstu na przycisku. Przycisk dostosowuje się wraz ze wzrostem i zmniejszeniem rozmiaru tekstu.

Kolor tekstu przycisku

Domyślnie przyciski przyjmują kolor akcentów motywu, zgodnie z definicją w narzędziu Dostosowywanie motywu. Ta opcja umożliwia przypisanie niestandardowego koloru tekstu do przycisku tego modułu. Wybierz kolor niestandardowy 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 z próbnika kolorów.

Przycisk granicy szerokości

Wszystkie przyciski Divi mają domyślnie obramowanie 2px. Za pomocą tego ustawienia można zwiększyć lub zmniejszyć tę granicę. Obramowania można usunąć, wprowadzając wartość 0.

Kolor obramowania przycisku

Domyślnie obramowania przycisków przyjmują kolor akcentu motywu, zgodnie z definicją w narzędziu Dostosowywanie motywu. Ta opcja umożliwia przypisanie niestandardowego koloru obramowania do przycisku tego modułu. Wybierz swój kolor niestandardowy za pomocą próbnika kolorów, aby zmienić kolor obramowania przycisku.

Promień obramowania przycisku

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

Rozstawianie liter przycisków

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

Czcionka przycisku

Możesz zmienić czcionkę tekstu przycisku, wybierając żądaną czcionkę z menu rozwijanego. Divi zawiera dziesiątki wspaniałych czcionek obsługiwanych przez Google Fonts. Domyślnie Divi używa czcionki Open Sans dla całego tekstu na Twojej stronie. Możesz także dostosować styl tekstu, używając pogrubienia, kursywy, wielkich liter i opcji podkreślenia.

Dodaj ikonę przycisku

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

Ikona przycisku

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

Kolor ikony przycisku

Dostosowanie tego ustawienia spowoduje zmianę koloru ikony wyświetlanej na przycisku. Domyślnie kolor ikony jest taki sam, jak kolor tekstu przycisku, ale to ustawienie umożliwia niezależną regulację koloru.

Przycisk umieszczania ikon

Możesz wybrać wyświetlanie ikony przycisku po lewej lub prawej stronie przycisku.

Pokaż ikonę tylko po najechaniu na przycisk

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

Przycisk Umieść kolor tekstu

Ten kolor zostanie użyty po najechaniu kursorem myszy na przycisk gościa. Kolor zmieni się z koloru podstawowego zdefiniowanego w poprzednich ustawieniach.

Najedź na kolor tła przycisku

Ten kolor zostanie użyty po najechaniu kursorem myszy na przycisk gościa. Kolor zmieni się z koloru podstawowego zdefiniowanego w poprzednich ustawieniach.

Z łatwością stwórz swój sklep internetowy

Uzyskaj woocommerce, najlepsze wtyczki e-commerce do sprzedaży produktów swoich fizycznych i cyfrowych na WordPressie. [Zalecane]

Przycisk Obramowania Koloru

Ten kolor zostanie użyty po najechaniu kursorem myszy na przycisk gościa. Kolor zmieni się z koloru podstawowego zdefiniowanego w poprzednich ustawieniach.

Przesuń kursor na obramowanie

Wartość ta zostanie użyta, gdy przycisk zostanie umieszczony nad przyciskiem myszy gościa. Wartość zmieni się od wartości bazowej zdefiniowanej w poprzednich ustawieniach.

Przycisk odstępu między nutami

Wartość ta zostanie użyta, gdy przycisk zostanie umieszczony nad przyciskiem myszy gościa. Wartość zmieni się od wartości bazowej zdefiniowanej w poprzednich ustawieniach.

Wyślij zaawansowane opcje e-mailem

Na karcie Zaawansowane znajdziesz opcje, które mogą być przydatne dla bardziej doświadczonych projektantów stron internetowych, takie jak niestandardowe atrybuty CSS i HTML. Tutaj możesz zastosować niestandardowy CSS do dowolnego z wielu elementów modułu. Możesz również zastosować niestandardowe klasy CSS i identyfikatory do modułu, których można użyć do dostosowania modułu w pliku style.css motywu potomnego.

moduł optin email

Identyfikator CSS

Wprowadź opcjonalny identyfikator CSS do użycia w tym module. Identyfikator może służyć do tworzenia niestandardowego stylu CSS lub do łączenia z określonymi sekcjami strony.

Klasa CSS

Wprowadź opcjonalne klasy CSS do użycia w tym module. Do tworzenia niestandardowych stylów CSS można użyć klasy CSS. Możesz dodać wiele klas oddzielonych spacją. Klasy te mogą być używane w motywie potomnym Divi lub w niestandardowym arkuszu stylów CSS, który dodajesz do swojej strony lub witryny za pomocą opcje motywu Divi lub parametry strony Divi Builder.

Niestandardowy CSS

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

widoczność

Ta opcja umożliwia sterowanie urządzeniami, na których pojawia się Twój moduł. Możesz indywidualnie dezaktywować swój moduł na tabletach, smartfonach lub komputerach stacjonarnych. Jest to przydatne, jeśli chcesz używać różnych modów na różnych urządzeniach lub jeśli chcesz uprościć projekt mobilny, usuwając określone elementy ze strony.

Inne samouczki dotyczące Divi Theme WordPress

Ten artykuł zawiera komentarze 0

Zostaw komentarz

Twoj adres e-mail nie bedzie opublikowany. Wymagane pola są oznaczone *

Ta strona używa Akismet, aby zmniejszyć niechciane. Dowiedz się więcej o sposobie wykorzystania danych komentarzy.

Powrót do góry
11 akcji
udział6
ćwierkanie1
Enregistrer4