Predtým, ako budete môcť na svoju stránku pridať modul posudkov, musíte najskôr vstúpiť do Divi Builder. Raz Divi téma nainštalovaný na vašom webe, všimnete si tlačidlo Použite nástroj Divi Builder nad editorom príspevkov vždy, keď vytvoríte novú stránku. Kliknutím na toto tlačidlo aktivujete program Divi Builder a získate prístup ku všetkým modulom, ktoré ponúka. Potom kliknite na tlačidlo Použite Visual Builder na spustenie generátora vo vizuálnom režime. Môžete tiež kliknúť na tlačidlo Povoliť Visual Builder pri prehliadaní webových stránok v popredí, ak ste pripojení k dashboardu WordPress.

použite vizuálny staviteľ Divi

Po zadaní nástroja Visual Builder môžete kliknutím na sivé tlačidlo plus pridať na svoju stránku nový modul. Nové moduly je možné pridávať iba do riadkov. Ak začínate novú stránku, nezabudnite najskôr na svoju stránku pridať riadok.

Modul referencie Wordpress

Vyhľadajte modul posudku v zozname modulov a kliknutím naň ho pridajte na svoju stránku. V zozname modulov je možné vyhľadávať, čo znamená, že môžete tiež napísať „posudok“ a potom stlačiť kláves Enter, aby sa prehľadávač automaticky vyhľadal a pridal! Po pridaní modulu vás privíta zoznam možností modulu. Tieto možnosti sú rozdelené do troch hlavných skupín: Obsah , Koncepcia et pokročilý .

Príklad použitia: Sekcia referencie pre stránku produktu

Pridanie sekcie s posudkami je jedným z najlepších spôsobov podporovať váš produkt alebo službu. V tomto príklade vám ukážem, ako použiť modul Posudky na vytvorenie sekcie s posudkami v spodnej časti vstupnej stránky na podporovať váš produkt alebo službu. Názov sekcie s posudkami je „Spokojní zákazníci“. Je dôležité mať efektívny názov, ktorý je kreatívny aj relevantný. Všetky tri posudky sú krátke v rozložení v troch stĺpcoch, po ktorých nasleduje tlačidlo CTA v spodnej časti stránky.

Ukážkový obsah s referenciami divi

Ak chcete na stránku pridať sekciu s posudkami, pomocou vizuálneho nástroja na pridanie štandardnej sekcie s riadkom troch stĺpcov. Potom pridajte modul posudkov do prvého stĺpca vášho riadku.

Sekcia svedectva DiviAktualizujte nastavenia modulu Ohlasy nasledujúcim spôsobom:

Karta Obsah

Meno autora: [zadajte meno]
Názov článku: [zadajte názov]
Názov spoločnosti: [zadajte spoločnosť]
Obsah: [zadajte obsah posudku]
Adresa URL obrázka na výšku: [stiahnuť obrázok s rozmermi 90 × 90]
Ikona ponuky
:

Karta Návrh

Farba textu: Svetlá
Textová orientácia:
Polícia telo zboru: Roboto svetlo
Veľkosť písma tela: 20px
Výška linky tela: 1.5em

Príklad posudku Divi wordpressTeraz, keď ste vytvorili svoj prvý referenčný modul, ho dvakrát duplikujte a duplikované moduly potiahnite tak, aby vyplnili druhý a tretí stĺpec.

Príklad svedectva divi

Pretože všetky konštrukčné parametre boli prenesené do duplikovaných modulov v druhom a treťom riadku, môžete jednoducho ísť späť a aktualizovať obsah každého z nich.

To je všetko.

Parametre obsahu modulu Ohlasy

Parameter obsahu modulu diviNastavenia na karte obsah sú usporiadané do skupín, ktoré môžete otvoriť a zobraziť ďalšie možnosti. Vďaka tomu je pre vás oveľa jednoduchšie nájsť nastavenie, ktoré hľadáte. Môžete tiež použiť vyhľadávací panel v hornej časti a nájsť všetky karty nastavení naraz pre hľadané nastavenie. Dostane vás to priamo k veci!

Texty

Na tomto mieste môžete pridať meno autora posudku, názov článku, spoločnosť a obsah samotného posudku.

Obraz

Ak máte k svojmu posudku profilovú fotografiu alebo iný typ obrázka, sem ich pridáte.

Spojenie

Tu môžete pridať adresu URL autora alebo spoločnosti a ovládať jej otváranie.

Položky

Tu môžete zvoliť, či bude ikona cenovej ponuky viditeľná alebo skrytá.

kontext

Tu môžete zvoliť, či chcete k svojmu posudku pridať farbu pozadia alebo obrázok.

Správcovská značka

V tomto rozbaľovacom zozname môžete pridať štítok správcu, ktorý sa zobrazí v nástroji na zostavenie na paneli, ako aj vo vizuálnom zobrazení nástroja na tvorbu.

Konštrukčné parametre skúšobného modulu

Návrh parametra diviNastavenia na karte Dizajn sú usporiadané do nasledujúcich skupín, aby bolo možné ľahšie nájsť požadované nastavenie. Pamätajte, že pomocou vyhľadávacieho panela môžete nájsť ešte rýchlejšie nastavenie!

Ikona ponuky

Tu môžete upraviť farbu ikony ponuky.

portrét

Nastavenia portrétu umožňujú upraviť polomer ohraničenia, šírku portrétu a výšku portrétu pre obrázok, ktorý ste pridali na karte Obsah.

Texty

Tieto nastavenia umožňujú zmeniť farbu a orientáciu textu.

hlavný text

Tieto nastavenia umožňujú upraviť písmo, váhu, veľkosť, farbu, medzery, výšku riadku a ďalšie.

hraničné

Tu si môžete zvoliť použitie ohraničenia. A ak sa rozhodnete použiť orámovanie, môžete tiež zvoliť jeho farbu, zmeniť jeho šírku a zvoliť jeho štýl.

vzdialenosť

V oblasti medzier môžete pridať vlastnú výplň na hornú, pravú, spodnú alebo ľavú stranu posudku. Tieto hodnoty môžete zmeniť aj pre počítače, tablety alebo mobilné zariadenia.

Pokročilé parametre modulu Ohlasy

Predbežné nastavenia divi referencieNa karte Pokročilé vo svojom posudku môžete pridať ID (identifikátor) a jedinečnú triedu css. Môžete tiež pridať vlastný css do rôznych preddefinovaných (a vopred vybraných) selektorov css v module na posúvanie videa v rozbaľovacom zozname vlastných css. Nakoniec v rozbaľovacom zozname viditeľnosti môžete upraviť viditeľnosť svojho modulu na telefónoch, tabletoch a stolových počítačoch.

[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”]STIAHNUŤ TÉMU DIVI [/vcex_button][/vc_column=][vc_column width] /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”]STIAHNUŤ TEMPLATES DIVI[/vcex_button][/vc_column][/vc_row]

Ďalšie výukové programy spoločnosti Divi