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

Moduł mediów społecznościowych Divi umożliwia tworzenie łączy opartych na ikonach, które wskazują Twoje profile społecznościowe online, takie jak Facebook, Twitter i Google+. Te ikony są zintegrowane z motywem, we własnym stylu Divi, przy użyciu stylowych ikon, co sprawia, że ​​są lepsze od 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ł mediów społecznościowych do swojej strony

Zanim dodasz moduł mediów społecznościowych 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 Użyj Visual Builder podczas przeglądania witryny na pierwszym planie, jeśli jesteś podłączony do pulpitu nawigacyjnego WordPress.

divi budowniczy

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.

śledź nas na portalach społecznościowych. png

Znajdź moduł mediów społecznościowych na liście modułów i kliknij go, aby dodać go do swojej strony. Listę modów można przeszukiwać, co oznacza, że ​​możesz także wpisać słowo „Obserwuj nas w mediach społecznościowych”, a następnie kliknąć „Enter”, aby automatycznie znaleźć i dodać mod do mediów społecznościowych! 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: dodanie odpowiednich ikon mediów społecznościowych do strony kontaktowej

Strona kontaktowa witryny jest idealnym miejscem do zaprezentowania 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 dodać ikony mediów społecznościowych, aby pasowały do ​​obecnego projektu strony kontaktowej.

dodaj przyciski śledzenia na stronie kontaktowej divi wordpress.jpg

Korzystając z kreatora wizualnego, dodaj nową zwykłą sekcję z wierszem o pełnej szerokości jednej kolumny. Wstaw moduł mediów społecznościowych do swojej kolumny.

W zakładce Treść w ustawieniach modułu kliknij przycisk „Dodaj nowy element”, aby dodać nową sieć społecznościową do swojego modułu. W określonych ustawieniach sieci społecznościowej zaktualizuj następujące elementy:

Opcje zawartości

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

Opcje projektowania

Kolor ikony: # d94b6a (różne kolory)

dodaj pasujący kolor.jpg

Następnie skopiuj tę sieć społecznościową, aby dodać cztery inne sieci (Twitter, Google+, LinkedIn i Instagram). Ponieważ zduplikowałeś sieć, kolor niestandardowej ikony został przeniesiony. Wystarczy więc zaktualizować każdy sieciowy adres URL i konto.

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

zduplikowane sieci społecznościowe divi.jpg

Teraz masz ikony mediów społecznościowych, które pasują do wyglądu strony kontaktowej.

display sieci społecznościowej.png

Opcje treści w mediach społecznościowych

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.

treść dla divi śledź nas na portalach społecznościowych module.png

Dodaj nowy obiekt

Tutaj dodajesz nowe sieci do swojego modułu. Klikając „dodaj nowy element”, otworzysz zupełnie nowe okno opcji specyficznych dla Twojej nowej sieci (w zakładkach „Treść”, „Projekt” i „Zaawansowane”). Zobacz poniżej indywidualne ustawienia sieci mediów społecznościowych.

Po dodaniu pierwszej sieci zobaczysz szary pasek z tytułem sieci wyświetlonym jako etykieta. Na szarym pasku znajdują się również trzy przyciski umożliwiające edycję, kopiowanie lub usuwanie sieci.

Link do formularza

Tutaj możesz wybrać kształt ikon sieci społecznościowych w zaokrąglonym prostokącie lub w okręgu.

URL otwiera się

Wybierz otwarcie adresu URL sieci w nowej karcie lub w tym samym oknie.

Wykonaj przycisk

Tutaj możesz zdecydować, czy obok ikony ma być umieszczony następny przycisk.

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]

Etykieta administratora

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.

Opcje projektowania mediów społecznościowych

W zakładce 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 wyglądu.

zmień wygląd divi.png

W przypadku tego modułu opcje projektowania składają się z jednego 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ć jasny. Jeśli tło jest jasne, tekst powinien być ciemny.

Zaawansowane opcje mediów społecznościowych

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.

ustawienia zaawansowane divi.png

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.

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ć.

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]

URL konta

Tutaj należy wpisać adres URL tego łącza do sieci społecznościowej. Jeśli wybrałeś Facebook jako swoją sieć, w tym miejscu 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 oferuje standardowe kolory dla każdej sieci społecznościowej zdefiniowane domyślnie. Tutaj możesz łatwo zmienić kolor ikony na dowolny.

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

Inne samouczki Divi

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