Než budete moci na svou stránku přidat testovací modul, musíte nejprve vstoupit 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, které nabízí. 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 Povolit 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 posudku v seznamu modulů a kliknutím na něj jej přidejte na svou stránku. Seznam modulů lze prohledávat, což znamená, že můžete také zadat „posudek“ a poté stisknout klávesu Enter pro automatické vyhledávání a přidání modulu posudků! Jakmile je modul přidán, budete uvítáni seznamem možností modulu. Tyto možnosti jsou rozděleny do tří hlavních skupin: Obsah , Design et pokročilý .
Příklad případu: Sekce posudků pro stránku produktu
Přidání sekce posudků je jedním z nejlepších způsobů podporovat váš produkt nebo službu. V tomto příkladu vám ukážu, jak pomocí modulu Posudek vytvořit sekci s posudkem ve spodní části vstupní stránky podporovat váš produkt nebo službu. Název sekce s referencemi je „Spokojení zákazníci“. Je důležité mít efektivní název, který je kreativní a relevantní. Všechny tři posudky jsou krátké v třísloupcovém rozvržení následovaném tlačítkem CTA v dolní části stránky.
Chcete-li na stránku přidat sekci s posudky, použijte vizuální builder k přidání standardní sekce s řadou tří sloupců. Poté do prvního sloupce řádku přidejte modul posudku.
Aktualizujte nastavení modulu Reference o následující:
Karta Obsah
Jméno autora: [zadejte jméno]
Název článku: [zadejte název]
Název společnosti: [zadejte společnost]
Obsah: [zadejte obsah posudku]
Adresa URL obrázku na výšku: [nahrát obrázek 90×90]
Nabídka ikona
:
Karta Návrh
Barva textu: Lehká
Textová orientace:
Policie tělních sborů: Světlo Roboto
Velikost písma těla: 20px
Výška linie těla: 1.5em
Nyní, když jste vytvořili svůj první posudkový modul, duplikujte jej dvakrát a přetáhněte duplicitní moduly, abyste vyplnili druhý a třetí sloupec.
Protože všechny konstrukční parametry byly přeneseny na duplicitní moduly ve druhém a třetím řádku, můžete se jednoduše vrátit a aktualizovat obsah každého z nich.
To je vše.
Parametry obsahu modulu Reference
Nastavení na kartě obsah jsou uspořádána do skupin, které můžete otevřít a zobrazit další možnosti. Díky tomu je pro vás mnohem jednodušší najít nastavení, které hledáte. Můžete také použít vyhledávací lištu v horní části a najít všechny karty nastavení najednou pro nastavení, které hledáte. Dostanete se přímo k věci!
Texty
Zde můžete přidat jméno autora posudku, název článku, společnost a obsah samotného posudku.
Obraz
Pokud máte k posudku přiloženou profilovou fotku nebo jiný typ obrázku, přidejte jej sem.
Odkaz
Zde můžete přidat adresu URL autora nebo společnosti a ovládat její otevření.
Prvky
Zde můžete zvolit, aby byla ikona nabídky viditelná nebo skrytá.
kontext
Zde si můžete vybrat, zda chcete ke svému posudku přidat barvu pozadí nebo obrázek.
Správce štítku
V tomto rozevíracím seznamu můžete přidat štítek správce, který se zobrazí v nástroji Tvůrce na řídicím panelu a také v pohledu vizuálního nástroje.
Konstrukční parametry zkušebního modulu
Nastavení na kartě Návrh jsou uspořádána do následujících skupin, aby bylo snazší najít požadované nastavení. A nezapomeňte, že pomocí vyhledávacího pole můžete najít ještě rychlejší nastavení!
Ikona nabídky
Zde můžete upravit barvu ikony nabídky.
Portrét
Nastavení portrétu umožňuje upravit poloměr ohraničení, šířku portrétu a výšku portrétu pro obrázek, který jste možná přidali na kartě Obsah.
Texty
Tato nastavení umožňují změnit barvu a orientaci textu.
Tělo textu
Tato nastavení vám umožňují upravit písmo, váhu, velikost, barvu, mezery, výšku řádku a další.
hraniční
Zde můžete zvolit použití ohraničení. A pokud se rozhodnete použít ohraničení, můžete také vybrat jeho barvu, změnit jeho šířku a zvolit jeho styl.
vzdálenost
V oblasti mezer můžete přidat vlastní výplň do horní, pravé, dolní nebo levé části posudku. Tyto hodnoty můžete také změnit pro stolní počítače, tablety nebo mobilní zařízení.
Pokročilé parametry modulu Reference
Na kartě Upřesnit modulu posudků můžete přidat ID (identifikátor) a jedinečnou třídu css. Můžete také přidat vlastní css do různých předdefinovaných (a předvolených) selektorů css v modulu posuvníku videa v rozevíracím seznamu vlastní css. Nakonec můžete v rozevíracím seznamu viditelnosti upravit viditelnost svého modulu na telefonech, tabletech a počítačích.
[vc_row center_row=”yes”][vc_column width=”1/2″][vcex_button target=”blank” layout=”expanded” 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][/vc_column=][vc_column /1″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=2&url=23065&tid40632=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”1″ style=”flat” custom_background=”#c700e” custom_hover_background=”#4226d8f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]STAŽTE SI TEMPLATES 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