Modul Divi's Social Media umožňuje vytvářet odkazy na základě ikon, které odkazují na vaše online sociální profily, jako je Facebook, Twitter a Google+. Tyto ikony jsou integrovány do motivu ve vlastním stylu Divi pomocí jeho stylových ikon, díky čemuž jsou výhodnější než používání doplňků třetích stran. V každém modulu můžete přidat odkazy na více sociálních profilů a modul můžete přidat kdekoli na stránce.
Jak na stránku přidat modul sociálních médií
Než budete moci na svou stránku přidat modul sociálních médií, musíte nejprve přejít do Divi Builderu. Jednou Divi téma nainstalované na vašem webu, všimnete si tlačítka Použijte nástroj Divi Builder nad editorem příspěvků, kdykoli vytvoříte novou stránku. Kliknutím na toto tlačítko aktivujete Divi Builder a získáte přístup ke všem modulům Divi Builder. Poté klikněte na tlačítko Použijte Visual Builder pro spuštění generátoru ve vizuálním režimu. Můžete také kliknout na tlačítko Použijte Visual Builder při procházení webu v popředí, pokud jste připojeni k hlavnímu panelu WordPress.
Jakmile zadáte Visual Builder, můžete kliknutím na šedé tlačítko plus přidat nový modul na svou stránku. Nové moduly lze přidávat pouze do řádků. Pokud začínáte novou stránku, nezapomeňte nejprve přidat na stránku řádek.
Vyhledejte modul sociálních médií v seznamu modulů a kliknutím na něj jej přidejte na svou stránku. Seznam modů je prohledávatelný, což znamená, že můžete také napsat slovo „Následujte nás na sociálních médiích“ a poté kliknout na „Enter“, abyste automaticky našli a přidali režim sociálních médií! Po přidání modulu vás uvítá seznam možností modulu. Tyto možnosti jsou rozděleny do tří hlavních skupin: Obsah , Design et pokročilý .
Příklad použití: Přidání odpovídajících ikon sociálních médií na stránku kontaktu
Kontaktní stránka webové stránky je perfektním místem pro prezentaci vašich online sociálních profilů. To poskytuje uživatelům více příležitostí zůstat ve spojení a podporovat váš blog nebo vaše firma. V tomto příkladu vám ukážu, jak přidat ikony sociálních sítí, aby odpovídaly aktuálnímu designu kontaktní stránky.
Pomocí vizuálního nástroje přidejte novou běžnou sekci s řádkem o celé šířce jednoho sloupce. Vložte modul sociálních médií do svého sloupce.
Na kartě Obsah v nastavení modulu klikněte na tlačítko „Přidat nový prvek“ a přidejte do svého modulu novou sociální síť. V rámci konkrétního nastavení sociální sítě aktualizujte následující:
Možnosti obsahu
Sociální síť:
URL účtu Facebook: [zadejte adresu URL vašeho účtu Facebook]
Možnosti návrhu
Barva ikony: # d94b6a (různé barvy)
Poté duplikujte tuto sociální síť a přidejte další čtyři sítě (Twitter, Google+, LinkedIn a Instagram). Protože jste duplikovali síť, byla přenesena vlastní barva ikony. Musíte tedy pouze aktualizovat každou adresu URL a účet sítě.
Nyní máte ikony sociálních médií, které odpovídají designu kontaktní stránky.
Možnosti obsahu sociálních médií
Na kartě obsah najdete všechny prvky obsahu modulu, například text, obrázky a ikony. Vše, co ovládá co ve vašem modulu se vždy najde na této kartě.
Přidat nový objekt
Zde přidáváte do svého modulu nové sítě. Kliknutím na „přidat nový prvek“ otevřete zcela nové okno možností specifických pro vaši novou síť (na kartách „Obsah“, „Návrh“ a „Pokročilé“). Níže naleznete nastavení jednotlivých sítí sociálních médií.
Po přidání první sítě uvidíte šedou lištu s názvem vaší sítě zobrazeným jako štítek. Šedá lišta má také tři tlačítka, která umožňují upravovat, duplikovat nebo mazat síť.
Formulář odkazu
Zde si můžete vybrat tvar ikon sociálních sítí v zaobleném obdélníku nebo v kruhu.
Otevře se adresa URL
Zvolte, zda chcete otevřít síťovou adresu URL na nové kartě nebo ve stejném okně.
Sledujte tlačítko
Zde si můžete vybrat, zda vedle ikony zahrnout další tlačítko.
Správce štítku
Tím se změní štítek modulu v konstruktoru pro snadnou identifikaci. Když použijete pohled WireFrame ve Visual Builderu, tyto popisky se zobrazí v bloku modulu rozhraní Divi Builder.
Možnosti designu sociálních médií
Na kartě Návrh najdete všechny možnosti stylingu modulu, například písma, barvy, velikost a mezery. Toto je karta, kterou použijete ke změně vzhledu vašeho modulu. Každý modul Divi má dlouhý seznam návrhových nastavení, která můžete použít ke změně vzhledu.
U tohoto modulu se možnosti návrhu skládají z jediného prvku - barvy textu.
Barva textu
Zde můžete zvolit, zda má být text světlý nebo tmavý. Pokud pracujete na tmavém pozadí, měl by být váš text světlý. Pokud je pozadí světlé, měl by být text tmavý.
Pokročilé možnosti sociálních médií
Na kartě Upřesnit najdete možnosti, které by zkušenější weboví designéři mohli považovat za užitečné, například vlastní atributy CSS a HTML. Zde můžete použít vlastní CSS na kterýkoli z mnoha prvků modulu. Na modul můžete také použít vlastní třídy a ID CSS, které lze použít k přizpůsobení modulu v souboru style.css vašeho podřízeného motivu.
CSS ID
Zadejte volitelné ID CSS, které chcete použít pro tento modul. ID lze použít k vytvoření vlastního stylu CSS nebo k propojení s konkrétními částmi vaší stránky.
CSS třídy
Zadejte volitelné třídy CSS, které chcete pro tento modul použít. Třídu CSS lze použít k vytvoření vlastního stylu CSS. Můžete přidat více tříd oddělených mezerou. Tyto třídy lze použít ve vašem podřízeném motivu Divi nebo ve vlastní šabloně stylů CSS, kterou přidáte na svou stránku nebo na svůj web pomocí možnosti motivu Divi nebo parametry stránky Divi Builder.
Vlastní CSS
Vlastní CSS lze také použít na modul a na libovolné interní součásti modulu. V sekci Vlastní CSS najdete textové pole, kde můžete přidat vlastní šablony stylů CSS přímo ke každému prvku. Položky CSS v tomto nastavení jsou již zabaleny do značek stylů. Stačí tedy zadat pravidla CSS oddělená středníky.
viditelnost
Tato možnost umožňuje ovládat zařízení, na kterých se váš modul zobrazuje. Můžete se rozhodnout deaktivovat svůj modul na tabletech, chytrých telefonech nebo stolních počítačích jednotlivě. To je užitečné, pokud chcete použít různé mody na různých zařízeních, nebo pokud chcete zjednodušit mobilní design odstraněním určitých prvků ze stránky.
Jednotlivé možnosti obsahu sociálních médií
Sociální síť
Zde si můžete vybrat sociální síť, kterou chcete zobrazit.
Adresa URL účtu
Zde zadáte adresu URL tohoto odkazu na sociální síť. Pokud jste si vybrali Facebook jako svou síť, zadali byste zde adresu URL své stránky na Facebooku.
Individuální možnosti designu sociálních médií
Barva ikony
Divi nabízí standardní barvy pro každou sociální síť definovanou ve výchozím nastavení. Zde můžete snadno změnit barvu této ikony na jakoukoli chcete.
Pokročilé možnosti sociálních médií
Vlastní CSS
Vlastní CSS lze také použít na modul a na libovolné interní součásti modulu. V sekci Vlastní CSS najdete textové pole, kde můžete přidat vlastní šablony stylů CSS přímo ke každému prvku. Položky CSS v tomto nastavení jsou již zabaleny do značek stylů. Stačí tedy zadat pravidla CSS oddělená středníky.
[vc_row center_row = "yes"] [vc_column width = "1/2 ″] [vcex_button target =" blank "layout =" rozšířené "align =" center "font_family =" Raleway "font_weight =" 700 ″ style = "flat" custom_background = "# 18b69d" custom_hover_background = "# 118d7a" custom_color = "#ffffff" custom_hover_color = "#ffffff" icon_right = "fa fa-download"] STÁHNOUT TÉMA DIVI [/ vcex_button] [/ width_column] [»v] » 1/2 ″] [vcex_button url = "https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials" target = "blank" layout = "expanded" align = "center" font_family = "Raleway" font_weight = "700 ″ style =" flat "custom_background =" # c4226e "custom_hover_background =" # 8d184f "custom_color =" #ffffff "custom_hover_color =" #ffffff "icon_right " TEM DOWNLOOWN DIVI [/ vcex_button] [/ vc_column] [/ vc_row]
Ostatní výukové programy Divi
- 5 webové stránky pro použití v hotelu Divi téma
- Jak přidat text na produkt Divi WooCommerce
- Jak změnit barvu nabídky mezi stránkami Divi
- Jak přizpůsobit mřížky blogu s Divi
- Jak používat role Divi editor na WordPress
- Jak vytvořit posuvník Divi na celé obrazovce
- Jak změnit barvu nabídek mezi stránkami Divi
- Funkce, které pravděpodobně nevíte o Divi
- Jak používat Divi Builder na WordPress
- Jak používat modul posunu videa Divi
- Jak používat modul Divi Builder Flip
- Jak přidat zkušební modul na Divi Builder
- Jak používat textový modul Divi
- Jak vytvořit posuvník na Divi
- Jak upravit roli uživatele Divi
- Jak používat modul Divi Social Media
- Jak používat modul obchodu na téma WordPress Divi
- Jak používat modul bočního panelu Divi
- Jak používat modul tabulky ceny Divi
- Jak používat titulní modul publikací Divi
- Jak přidat video modul Divi
- Jak používat navigační modul článku
- Jak používat vyhledávací modul Divi
- Jak používat modul peněženky Divi
- Jak používat modul osob na nástroji Divi Builder
- Jak používat modul peněz s filtrem Divi
- Jak používat posuvný modul s plnou šířkou
- Jak používat modul obrazu Divi Builder
- Jak používat navigační modul plné šířky nástroje Divi Builder
- Jak používat modul galerie obrázků
- Jak používat modul karty Divi Builder Full-Width Card
- Jak používat portálový modul Divi s plnou šířkou
- Jak používat modul záhlaví Divi s plnou šířkou
- Jak používat počítací modul Divi
- Jak používat posuvník článků v Divi Builderu
- Jak používat modul Divi Email Optin