Vytvořte si svůj web snadno ještě dnes!

ELEMENTOR je nejjednodušší blog Builder na světě!

stop plýtvání časem a spoustou peněz zaplatit vývojáře, když můžete Snadno si vytvořte svůj web nebo blog WordPress s profesionálním designem jen pár minut ! Nejsou vyžadovány žádné technické znalosti.

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 Webové stránky, 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 když si prohlížíte své Webové stránky v popředí, pokud jste přihlášeni do svého řídicího 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 s doporučením je jedním z nejlepších způsobů propagace vašeho produktu nebo služby. V tomto příkladu vám ukážu, jak pomocí modulu Testimonial vytvořit sekci posudků v dolní části vstupní stránky k propagaci vašeho produktu nebo služby. Název sekce posudků je „Šťastní zákazníci“. Je důležité mít efektivní název, který je kreativní a relevantní. Všechny tři reference mají krátké rozložení se třemi sloupci, za kterým následuje tlačítko CTA ve spodní čá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

%d blogerům se líbí tato stránka: