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.

použijte vizuální tvůrce Divi

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.

Modul posudku Wordpress

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.

Ukázkový obsah s divi posudky

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.

Sekce svědectví DiviAktualizujte 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

Příklad posudku Divi WordPressNyní, 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.

Příklad divi svědectví

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

Parametr obsahu modulu diviNastavení 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

Divize návrhu parametrů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

Pokročilé nastavení divi posudkyNa 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