Przejdź do głównej treści

Samouczek Divi: Jak korzystać z modułu Social Media

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]

Moduł Divi Social Media pozwala tworzyć oparte na ikonach linki do twoich internetowych profili społecznościowych, takich jak Facebook, Twitter i Google+. Ikony te są zintegrowane z motywem, w stylu Divi, za pomocą eleganckich ikon, co czyni je lepszymi niż korzystanie z wtyczek innych firm. Możesz dodać linki do wielu profili społecznościowych w każdym module i możesz dodać moduł w dowolnym miejscu na stronie.

Jak dodać moduł społecznościowy do swojej strony

Zanim dodasz moduł społecznościowy 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 Użyj Visual Builder kiedy przeglądasz swoją witrynę na pierwszym planie, jeśli jesteś podłączony do pulpitu WordPress.

divi budowniczy

Po wprowadzeniu 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.

śledź nas na social networks.png

Zlokalizuj moduł mediów społecznościowych na liście modułów i kliknij go, aby dodać go do swojej strony. Lista modułów jest dostępny, co oznacza, że ​​można wpisać słowo „Dołącz do nas na portalach społecznościowych”, a następnie kliknąć przycisk „enter”, aby znaleźć i automatycznie dodać moduł social media! 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 przykładu: dodawanie odpowiednich ikon mediów społecznościowych do strony kontaktu

Strona kontaktowa witryny to idealne miejsce do prezentacji swoich profili społecznościowych w Internecie. Daje to użytkownikom więcej możliwości pozostawania w kontakcie i promowania Twojego bloga lub firmy. W tym przykładzie pokażę, jak dodawać ikony mediów społecznościowych, aby pasowały do ​​bieżącego wyglądu strony kontaktowej.

dodaj przyciski śledzenia na stronie kontaktowej divi wordpress.jpg

Za pomocą kreatora wizualnego dodaj nową regularną sekcję z wierszem o pełnej szerokości. Wstaw moduł społecznościowy do kolumny.

Na karcie Ustawienia modułu kliknij przycisk "Dodaj nowy element", aby dodać nową sieć społecznościową do modułu. W obszarze Określone ustawienia sieci społecznościowej zaktualizuj następujące elementy:

Opcje zawartości

Sieć społecznościowa:
Adres URL konta Facebook: [wprowadź adres URL swojego konta na Facebooku]

Opcje projektowania

Kolor ikony: # d94b6a (dopasowany kolor)

dodaj pasujący kolor.jpg

Następnie zduplikuj tę sieć społecznościową, aby dodać cztery kolejne sieci (Twitter, Google+, LinkedIn i Instagram). Ponieważ zduplikowano sieć, kolor niestandardowej ikony został przeniesiony. Po prostu zaktualizuj każdy sieciowy adres URL i konto.

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

zduplikowane sieci społecznościowe divi.jpg

Teraz masz ikony mediów społecznościowych pasujące do projektu strony kontaktowej.

sieć społecznościowa display.png

Opcje zawartości mediów społecznościowych

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.

content for divi śledź nas na portalach społecznościowych module.png

Dodaj nowy obiekt

Tutaj dodajesz nowe sieci do swojego modułu. Klikając „dodać nowy element”, otworzyć zupełnie nowe okno opcji szczególnych nowej sieci (pod klapkami „treści”, „projekt” i „Advanced”). Zobacz poniżej poszczególne ustawienia sieci mediów społecznościowych.

Po dodaniu pierwszej sieci pojawi się szary pasek z tytułem sieci wyświetlanej jako etykieta. Szary pasek ma również trzy przyciski, które umożliwiają edycję, duplikowanie lub usuwanie sieci.

Link do formularza

Tutaj możesz wybrać kształt ikon sieci społecznościowych w zaokrąglonym prostokącie lub w kółku.

Url zostaje otwarty

Wybierz, aby otworzyć adres URL swojej sieci w nowej karcie lub w tym samym oknie.

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]

Wykonaj przycisk

Tutaj możesz wybrać, czy chcesz dołączyć następny przycisk obok ikony.

Etykieta administratora

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.

Opcje projektowania mediów społecznościowych

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 wyglądu.

zmień wygląd divi.png

W przypadku tego modułu opcje projektu składają się z pojedynczego elementu - Koloru tekstu.

Kolor tekstu

Tutaj możesz wybrać, czy tekst ma być jasny czy ciemny. Jeśli pracujesz na ciemnym tle, tekst powinien być wyraźny. Jeśli twoje tło jest jasne, twój tekst musi być ciemny.

Zaawansowane opcje mediów społecznościowych

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.

ustawienia zaawansowane divi.png

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.

Indywidualne opcje treści w mediach społecznościowych

optin content divi.png

Sieć społecznościowa

Tutaj możesz wybrać sieć społecznościową, którą chcesz wyświetlić.

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

URL konta

Tutaj podajesz adres URL tego linku do sieci społecznościowej. Jeśli wybrałeś Facebooka jako swoją sieć, tutaj możesz umieścić adres URL swojej strony na Facebooku.

Indywidualne opcje projektowania mediów społecznościowych

individual style option.png

Kolor ikony

Divi ma standardowe kolory dla każdej sieci społecznościowej zdefiniowanej domyślnie. Tutaj możesz z łatwością zmienić kolor tej ikony zgodnie z oczekiwaniami.

Zaawansowane opcje mediów społecznościowych

moduł opcji zaawansowania śledź nas divi.png

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.

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
9 akcji
udział4
ćwierkanie1
Enregistrer4