Modulul Tabele de Prețuri Divi

Cuprins: arată

Cum să adăugați, să configurați și să personalizați modulul tabele de prețuri Divi.

Este mai ușor ca niciodată să creați tabele de prețuri pentru produsele dvs. online. Creați câte tabele doriți și controlați prețurile și caracteristicile fiecăruia. Puteți chiar să prezentați un anumit plan pentru a crește numărul de conversii. Chiar dacă modulul dvs. include mai mult de un tabel de prețuri, acesta va fi tratat ca un singur modul și poate fi plasat în orice dimensiune de coloană.

Vezi Demo Modulul Tabele de Prețuri Divi

Cum să Adăugați Modulul Tabele de Prețuri Divi pe Pagina dvs.

Înainte de a putea adăuga modulul de tabele de prețuri Divi pe pagina dvs., va trebui mai întâi să accesați Divi Builder. Odată ce Tema Divi a fost instalată pe site-ul dvs., veți observa un buton Utilizați Divi Builder deasupra editorului de postări de fiecare dată când construiți o pagină nouă. Făcând clic pe acest buton, se va activa Divi Builder, oferindu-vă acces la toate modulele Divi Builder. Apoi, faceți clic pe butonul Utilizați generatorul vizual pentru a lansa generatorul în modul vizual. Puteți, de asemenea, să faceți clic pe butonul Utilizați Visual Builder atunci când navigați pe site-ul dvs. în front-end dacă sunteți conectat la tabloul de bord WordPress.

După ce ați intrat în Visual Builder, puteți face clic pe butonul gri plus pentru a adăuga un nou modul la pagina dvs. Noile module pot fi adăugate numai în interiorul Rândurilor. Dacă începeți o pagină nouă, nu uitați să adăugați mai întâi un rând pe pagina dvs. Avem câteva tutoriale despre cum să folosiți elementele de rând și secțiune ale lui Divi.

Găsiți modulul de tabele de prețuri în lista de module și faceți clic pe el pentru a-l adăuga pe pagina dvs. Lista de module poate fi căutată, ceea ce înseamnă că puteți introduce și cuvântul „pricing tables” și apoi faceți clic pe Enter pentru a găsi și adăuga automat modulul de tabele de prețuri! Odată ce modulul a fost adăugat, veți fi întâmpinat cu lista de opțiuni a modulului. Aceste opțiuni sunt separate în trei grupuri principale: Conținut, Design și Avansat.

Exemplu de Caz de Utilizare: Adăugați un Tabel de Prețuri la Pagina de Destinație a Produsului

Atunci când promovați produsele pe o pagină de destinație, tabelele de prețuri vă pot prezenta efectiv diferitele opțiuni de preț pentru produse.

În acest exemplu, voi adăuga Modulul Tabele de Prețuri Divi pentru a afișa trei planuri de prețuri (sau tabele), unul dintre aceste planuri ieșind în evidență ca plan recomandat pentru a crește conversiile.

Mai întâi, adăugați o nouă secțiune obișnuită la pagina în care ar trebui să fie afișate tabelele de prețuri. Adăugați un rând cu lățime completă (1 coloană) în secțiune și inserați Modulul Tabele de Prețuri Divi în interiorul rândului.

În Setările Tabelelor de prețuri, sub fila Conținut, faceți clic pe + Adăugați un articol nou pentru a adăuga primul dvs. tabel.

Actualizați setările tabelului de prețuri după cum urmează:

Opțiuni de Conținut

Titlu: Personal
Moneda: $
Per: an
Pret: 69
Textul butonului: Înregistrează-te

Conținut:

Acces la toate temele
Actualizări permanente ale temei
Suport tehnic premium
-Acces la toate pluginurile
-Fișiere Photoshop stratificate
-Fără taxe anuale
Adresa URL a butonului: [introduceți adresa URL pentru buton]
Fundal: #ffffff

Opțiuni de Design

Culoare text preț: #3e51b5
Utilizați stiluri personalizate pentru buton: DA
Culoarea textului butonului: #ffffff
Culoare de fundal pentru buton: #3e51b5
Lățimea chenarului butonului: 0px

Salvează setările.

Actualizați setările tabelului de prețuri

Acum duplicați tabelul de prețuri pe care tocmai l-ați creat de două ori, astfel încât să aveți trei tabele de prețuri.

Pentru tabelul de preț din mijloc, actualizați următoarele opțiuni:

Opțiuni de Conținut

Titlu: Dezvoltator
Pret: 89

Conținut:

Acces la toate temele
Actualizări permanente ale temei
Suport tehnic premium
Acces la toate pluginurile
Fișiere Photoshop stratificate
-Fără taxe anuale
Adresa URL a butonului: [introduceți adresa URL pentru buton]

Opțiuni de Design

Culoare text preț: #0091ca
Culoare de fundal pentru buton: #0091ca

Pentru al treilea tabel de prețuri, actualizați setările după cum urmează:

Opțiuni de Conținut

Titlu: Lifetime
Pret: 249
Textul butonului: Înregistrează-te

Conținut:

Acces la toate temele
Actualizări permanente ale temei
Suport tehnic premium
Acces la toate pluginurile
Fișiere Photoshop stratificate
Fără taxe anuale
Adresa URL a butonului: [introduceți adresa URL pentru buton]

Salvează setările.

Acum reveniți la Setările Tabelelor de prețuri și actualizați următoarele:

Opțiuni de Conținut

Culoare de fundal pentru antetul tabelului recomandat: #0091ca

Opțiuni de Design

Culoare bullet: #3e51b5
Culoarea bullet de masă recomandată: #0091ca

Acum reveniți la Setările Tabelelor de prețuri și actualizați

Salvează setările.

Acum întoarceți-vă și editați setările secțiunii pentru a da secțiunii o culoare de fundal de #3e51b5.

Asta e. Acum aveți un tabel de prețuri cu trei opțiuni, cu opțiunea de mijloc setată ca element prezentat, care iese în evidență față de restul.

Opțiuni de Conținut Pentru Modulul Tabele de Prețuri Divi

În fila de Conținut veți găsi toate elementele de conținut ale modulului, cum ar fi text, imagini și pictograme. Orice lucru care controlează ceea ce apare în modulul tău va fi întotdeauna găsit în această filă.

+ Adăugați un Articol Nou

Aici adăugați noi tabele de prețuri la modulul dvs. Făcând clic pe „+ adăugați un articol nou” se va deschide o listă complet nouă de opțiuni de design specifice acelui tabel de prețuri. Vedeți mai jos pentru setările individuale ale tabelului de prețuri.

După ce adăugați prima filă, veți vedea o bară gri cu titlul tabelului de prețuri afișat ca o etichetă. Bara gri are și trei butoane care vă permit să editați, să duplicați sau să ștergeți tabelul.

Arată Bullet

În mod implicit, articolele din tabelele de prețuri sunt afișate ca liste cu marcatori. Dacă doriți să eliminați marcatorii din lista de funcții, puteți dezactiva această opțiune.

Culoarea de Fundal a Tabelului Recomandat

Fiecare tabel de prețuri poate fi „RECOMANDAT”. Tabelele recomandate sunt evidențiate în rând, ceea ce le face să iasă în evidență față de celelalte opțiuni. Folosind această setare, puteți schimba culoarea de fundal numai pentru tabelele recomandate.

Culoarea Fundalului Antetului Tabelului

Deasupra fiecărui tabel de prețuri este o zonă de antet care include titlul și subtitlul tabelului. Puteți controla culoarea de fundal a acestei zone independent de culoarea de fundal a tabelului principal selectând culoarea dorită din selectorul de culori.

Culoarea de Fundal Pentru Antetul Tabelului Recomandat

Fiecare tabel de prețuri poate fi „Recomandat”. Tabelele recomandate sunt evidențiate în rând, ceea ce le face să iasă în evidență față de celelalte opțiuni. Folosind această setare, puteți modifica culoarea de fundal a antetului numai pentru tabelele recomandate.

Culoare de Fundal

În mod implicit, tabelele de prețuri au o culoare de fundal albă. Dacă doriți să utilizați o culoare diferită pentru fundalul tabelului de prețuri, puteți defini aici culoarea personalizată folosind selectorul de culori.

Eticheta de Administrator

Acest lucru va schimba eticheta modulului din constructor pentru o identificare ușoară. Când utilizați vizualizarea WireFrame în Visual Builder, aceste etichete vor apărea în blocul modulului din interfața Divi Builder.

Opțiuni de Design Pentru Modulul Tabele de Prețuri Divi

În fila de Design veți găsi toate opțiunile de stil ale modulului, cum ar fi fonturi, culori, dimensiune și spațiere. Aceasta este fila pe care o veți folosi pentru a schimba modul în care arată modulul. Fiecare modul Divi are o listă lungă de setări de design pe care le puteți folosi pentru a schimba aproape orice.

Elemente din Lista de Centru

În mod implicit, listele de caracteristici sunt aliniate la stânga în tabelul de prețuri. Dacă doriți să le aliniați în centru, atunci puteți activa această opțiune.

Elimină Umbra Tabelului Recomandat

În mod implicit, tabelele de prețuri au o umbră subtilă în spatele fiecărui tabel. Dacă doriți să eliminați această umbră, atunci puteți activa această opțiune.

Elemente din Lista de Centru

Aici puteți alege să centrați elementele listate în tabelul dvs.

Culoare Bullet

În mod implicit, marcatorii din lista tabelului de prețuri vor moșteni culoarea accentului temei. Dacă doriți să utilizați o culoare diferită, o puteți defini aici folosind selectorul de culori.

Culoarea Bullet a Tabelului Recomandat

Dacă doriți să utilizați o culoare diferită pentru marcatori în tabelele de prețuri recomandate, puteți defini acea culoare aici folosind selectorul de culori.

Culoarea Textului Antetului Tabelului Recomandat

Această opțiune controlează culoarea culorii textului pentru antetul tabelului recomandat. Dacă modificați culoarea de fundal a antetului tabelului, puteți modifica și această opțiune astfel încât să asigurați lizibilitatea.

Font Antet

Puteți schimba fontul textului antet selectând fontul dorit din meniul drop-down. Divi vine cu zeci de fonturi grozave alimentate de Fonturi Google. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina ta. De asemenea, puteți personaliza stilul textului folosind opțiunile aldine, cursive, majuscule și subliniere.

Dimensiunea Fontului Antetului

Aici puteți ajusta dimensiunea textului antetului. Puteți trage glisorul pentru a mări sau micșora dimensiunea textului sau puteți introduce valoarea dorită a dimensiunii textului direct în câmpul de introducere din partea dreaptă a glisorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Culoare Text Antet

În mod implicit, toate culorile textului din Divi vor apărea ca alb sau gri închis. Dacă doriți să schimbați culoarea textului antetului, alegeți culoarea dorită din selectorul de culori folosind această opțiune.

Spațierea Literelor din Antet

Spațierea dintre litere afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul antetului, utilizați glisorul pentru a ajusta spațiul sau introduceți dimensiunea de spațiere dorită în câmpul de introducere din partea dreaptă a glisorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Înălțimea Liniei Antetului

Înălțimea liniei afectează spațiul dintre fiecare linie din textul antetului Dacă doriți să măriți spațiul dintre fiecare linie, utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea dorită a spației în câmpul de introducere din dreapta glisorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Culoarea Textului Corpului Tabelului Recomandat

Aceasta modifică culoarea corpului textului pentru tabelul dvs. recomandat. Dacă schimbați culoarea de fundal a tabelului recomandat, poate fi necesar să schimbați această opțiune pentru a asigura lizibilitatea.

Font Pentru Corp – Body

Puteți schimba fontul textului dvs. prin selectarea fontului dorit din meniul drop-down. Divi vine cu zeci de fonturi grozave alimentate de Fonturi Google. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina ta. De asemenea, puteți personaliza stilul textului folosind opțiunile aldine, cursive, majuscule și subliniere.

Dimensiunea Fontului Corpului

Aici puteți ajusta dimensiunea textului corpului dvs. Puteți trage glisorul pentru a mări sau micșora dimensiunea textului sau puteți introduce valoarea dorită a dimensiunii textului direct în câmpul de introducere din partea dreaptă a glisorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Culoarea Textului Corpului

În mod implicit, toate culorile textului din Divi vor apărea ca alb sau gri închis. Dacă doriți să schimbați culoarea corpului textului, alegeți culoarea dorită din selectorul de culori folosind această opțiune.

Spațierea Literelor din Corpul Textului

Spațierea dintre litere afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din corpul textului dvs., utilizați glisorul de interval pentru a ajusta spațiul sau introduceți dimensiunea dorită de spațiere în câmpul de introducere din partea dreaptă a glisorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Înălțimea Liniei Corpului

Înălțimea liniei afectează spațiul dintre fiecare linie a textului dvs. Dacă doriți să măriți spațiul dintre fiecare linie, utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea de spațiere dorită în câmpul de introducere din dreapta glisorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Culoarea Textului Subtitului Tabelului Recomandat

Aceasta modifică culoarea textului subtitului pentru tabelul dvs. recomandat. Dacă schimbați culoarea de fundal a tabelului recomandat, poate fi necesar să schimbați această opțiune pentru a asigura lizibilitatea.

Font Pentru Subheader

Puteți schimba fontul textului din subtitlu selectând fontul dorit din meniul drop-down. Divi vine cu zeci de fonturi grozave alimentate de Fonturi Google. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina ta. De asemenea, puteți personaliza stilul textului folosind opțiunile aldine, cursive, majuscule și subliniere.

Dimensiunea Fontului Subheader

Aici puteți ajusta dimensiunea textului subtitului. Puteți trage glisorul pentru a mări sau micșora dimensiunea textului sau puteți introduce valoarea dorită a dimensiunii textului direct în câmpul de introducere din partea dreaptă a glisorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Culoare Text Subheader

În mod implicit, toate culorile textului din Divi vor apărea ca alb sau gri închis. Dacă doriți să schimbați culoarea textului subtitului, alegeți culoarea dorită din selectorul de culori folosind această opțiune.

Spațierea Literelor din Subtitlu

Spațierea dintre litere afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul subtitului, utilizați glisorul pentru a ajusta spațiul sau introduceți dimensiunea de spațiere dorită în câmpul de introducere din partea dreaptă a glisorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Înălțimea Liniei Subtitlului

Înălțimea liniei afectează spațiul dintre fiecare linie din textul subtitului Dacă doriți să măriți spațiul dintre fiecare linie, utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea de spațiere dorită în câmpul de introducere din dreapta glisorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Font Monedă și Frecvență

Puteți schimba fontul pentru monedă și frecvența textului dvs. selectând fontul dorit din meniul drop-down. Divi vine cu zeci de fonturi grozave alimentate de Fonturi Google. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina ta. De asemenea, puteți personaliza stilul textului folosind opțiunile aldine, cursive, majuscule și subliniere.

Dimensiune Font Monedă și Frecvență

Aici puteți ajusta dimensiunea monedei și a textului frecvenței. Puteți trage glisorul pentru a mări sau micșora dimensiunea textului sau puteți introduce valoarea dorită a dimensiunii textului direct în câmpul de introducere din partea dreaptă a glisorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Culoarea Textului Monedei și Frecvenței

În mod implicit, toate culorile textului din Divi vor apărea ca alb sau gri închis. Dacă doriți să schimbați culoarea textului pentru monedă și frecvență, alegeți culoarea dorită din selectorul de culori folosind această opțiune.

Spațierea Dintre Literele de pe Monedă și Frecvență

Spațierea dintre litere afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul monedei și frecvenței dvs., utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea dorită a spației în câmpul de introducere din dreapta glisorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Înălțimea Liniei Textului de pe Monedă și Frecvență

Înălțimea liniei afectează spațiul dintre fiecare linie a monedei și a textului de frecvență. Dacă doriți să măriți spațiul dintre fiecare linie, utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea de spațiere dorită în câmpul de introducere din dreapta glisorului. . Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Culoarea Prețului Tabelului Recomandat

Aceasta schimbă culoarea prețului pentru tabelul dvs. recomandat. Dacă schimbați culoarea de fundal a tabelului recomandat, poate fi necesar să schimbați această opțiune pentru a asigura lizibilitatea.

Font de Preț

Puteți schimba fontul textului prețului selectând fontul dorit din meniul drop-down. Divi vine cu zeci de fonturi grozave alimentate de Fonturi Google. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina ta. De asemenea, puteți personaliza stilul textului folosind opțiunile aldine, cursive, majuscule și subliniere.

Dimensiunea Fontului Pentru Preț

Aici puteți ajusta dimensiunea textului prețului. Puteți trage glisorul pentru a mări sau micșora dimensiunea textului sau puteți introduce valoarea dorită a dimensiunii textului direct în câmpul de introducere din partea dreaptă a glisorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Culoarea Textului Prețului

În mod implicit, toate culorile textului din Divi vor apărea ca alb sau gri închis. Dacă doriți să schimbați culoarea textului de preț, alegeți culoarea dorită din selectorul de culori folosind această opțiune.

Spațiere Dintre Litere din Textul Preț

Spațierea dintre litere afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul prețului, utilizați glisorul pentru a ajusta spațiul sau introduceți dimensiunea dorită a spației în câmpul de introducere din partea dreaptă a glisorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Înălțimea Liniei Textului de Preț

Înălțimea liniei afectează spațiul dintre fiecare linie a textului de preț Dacă doriți să măriți spațiul dintre fiecare linie, utilizați glisorul pentru a regla spațiul sau introduceți dimensiunea de spațiere dorită în câmpul de introducere din dreapta glisorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Utilizați Border – Chenar

Activarea acestei opțiuni va plasa un chenar în jurul modulului dvs. Acest chenar poate fi personalizat folosind următoarele setări condiționate.

Culoarea Chenarului

Această opțiune afectează culoarea chenarului dvs. Selectați o culoare personalizată din selectorul de culori pentru a o aplica la chenar.

Lățimea Chenarului

În mod implicit, marginile au o lățime de 1 pixel. Puteți crește această valoare trăgând glisorul de interval sau introducând o valoare personalizată în câmpul de introducere din dreapta glisorului. Unități de măsură personalizate acceptate, ceea ce înseamnă că puteți schimba unitatea implicită de la „px” la altceva, cum ar fi em, vh, vw etc.

Stil de Chenar

Chenarele acceptă opt stiluri diferite, inclusiv: solid, punctat, punctat dublu, canelură, creastă, inset și start. Selectați stilul dorit din meniul drop-down pentru a-l aplica la chenar.

Utilizați Stiluri Personalizate Pentru Buton

Activarea acestei opțiuni va dezvălui diverse setări de personalizare a butoanelor pe care le puteți utiliza pentru a schimba aspectul butonului modulului dvs.

Dimensiunea Textului Butonului

Această setare poate fi utilizată pentru a mări sau a micșora dimensiunea textului din buton. Butonul se va scala pe măsură ce dimensiunea textului crește și scade.

Culoarea Textului Butonului

În mod implicit, butoanele preiau culoarea accentului temei, așa cum este definită în Personalizatorul temei. Această opțiune vă permite să atribuiți o culoare de text personalizată butonului din acest modul. Selectați culoarea personalizată folosind selectorul de culori pentru a schimba culoarea butonului.

Culoare de Fundal Pentru Buton

În mod implicit, butoanele au o culoare de fundal transparentă. Aceasta poate fi schimbată selectând culoarea de fundal dorită din selectorul de culori.

Lățimea Chenarului Butonului

Toate butoanele Divi au în mod implicit un chenar de 2 pixeli. Acest chenar poate fi mărit sau micșorat în dimensiune folosind această setare. Marginile pot fi eliminate prin introducerea unei valori de 0.

Culoarea Chenarului Butonului

În mod implicit, chenarele butoanelor preiau culoarea accentului temei, așa cum este definită în Personalizatorul temei. Această opțiune vă permite să atribuiți o culoare personalizată a marginii butonului din acest modul. Selectați culoarea personalizată folosind selectorul de culori pentru a schimba culoarea chenarului butonului.

Raza Chenarului Butonului

Raza chenarului afectează cât de rotunjite sunt colțurile butoanelor. În mod implicit, butoanele din Divi au o rază mică a marginii care rotunjește colțurile cu 3 pixeli. Puteți reduce acest lucru la 0 pentru a crea un buton pătrat sau îl puteți crește semnificativ pentru a crea butoane cu margini circulare.

Spațiere Între Literele de pe Butoane

Spațierea dintre litere afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul butonului dvs., utilizați glisorul de interval pentru a ajusta spațiul sau introduceți dimensiunea de spațiere dorită în câmpul de introducere din dreapta glisorului. Câmpurile de introducere acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” urmând valoarea mărimii pentru a schimba tipul de unitate.

Font Pentru Buton

Puteți schimba fontul textului butonului selectând fontul dorit din meniul drop-down. Divi vine cu zeci de fonturi grozave alimentate de Fonturi Google. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina ta. De asemenea, puteți personaliza stilul textului folosind opțiunile aldine, cursive, majuscule și subliniere.

Adăugați Pictograma Butonului

Dacă dezactivați această setare, pictogramele vor fi eliminate de pe butonul dvs. În mod implicit, toate butoanele Divi afișează o pictogramă săgeată la trecerea cursorului.

Pictograma Butonului

Dacă pictogramele sunt activate, puteți utiliza această setare pentru a alege ce pictogramă să utilizați în butonul dvs. Divi are diverse pictograme din care să aleagă.

Culoarea Pictogramei Butonului

Ajustarea acestei setări va schimba culoarea pictogramei care apare în butonul dvs. În mod implicit, culoarea pictogramei este aceeași cu culoarea textului butoanelor dvs., dar această setare vă permite să reglați culoarea în mod independent.

Plasarea Pictogramei pe Buton

Puteți alege ca pictograma butonului să fie afișată în partea stângă sau în partea dreaptă a butonului.

Afișați Doar Pictograma la Trecerea Cursorului Pentru Buton

În mod implicit, pictogramele butoanelor sunt afișate numai la trecerea cursorului. Dacă doriți ca pictograma să apară întotdeauna, dezactivați această setare.

Culoare Text Buton Hover

Când butonul este trecut cu mouse-ul unui vizitator, această culoare va fi folosită. Culoarea va trece de la culoarea de bază definită în setările anterioare.

Culoarea de Fundal a Butonului Hover

Când butonul este trecut cu mouse-ul unui vizitator, această culoare va fi folosită. Culoarea va trece de la culoarea de bază definită în setările anterioare.

Culoarea Chenarului Buton Hover

Când butonul este trecut cu mouse-ul unui vizitator, această culoare va fi folosită. Culoarea va trece de la culoarea de bază definită în setările anterioare.

Raza Chenarului Buton Hover

Când butonul este trecut cu mouse-ul unui vizitator, această valoare va fi utilizată. Valoarea va trece de la valoarea de bază definită în setările anterioare.

Spațiere Între Literele de pe Buton Hover

Când butonul este trecut cu mouse-ul unui vizitator, această valoare va fi utilizată. Valoarea va trece de la valoarea de bază definită în setările anterioare.

Opțiuni Avansate Pentru Modulul Tabele de Prețuri Divi

În fila Avansată, veți găsi opțiuni pe care designerii web mai experimentați le-ar putea găsi utile, cum ar fi atributele CSS și HTML personalizate. Aici puteți aplica CSS personalizat la oricare dintre multele elemente ale modulului. De asemenea, puteți aplica clase și ID-uri CSS personalizate la modul, care pot fi folosite pentru a personaliza modulul în fișierul style.css al Temei Copil.

ID CSS

Introduceți un ID CSS opțional pentru a fi utilizat pentru acest modul. Un ID poate fi folosit pentru a crea un stil CSS personalizat sau pentru a crea link-uri către anumite secțiuni ale paginii dvs.

Clasa CSS

Introduceți clase CSS opționale care vor fi utilizate pentru acest modul. O clasă CSS poate fi utilizată pentru a crea stiluri CSS personalizate. Puteți adăuga mai multe clase, separate printr-un spațiu. Aceste clase pot fi folosite în tema Divi Child sau în CSS-ul personalizat pe care îl adăugați la pagina sau site-ul dvs. folosind Opțiunile Temei Divi sau setările paginii Divi Builder.

CSS Personalizat

CSS personalizat poate fi aplicat și la modul și la oricare dintre elementele interne ale modulului. În secțiunea CSS personalizat, veți găsi un câmp de text în care puteți adăuga CSS personalizat direct la fiecare element. Intrările CSS în aceste setări sunt deja incluse în etichete de stil, așa că trebuie să introduceți doar reguli CSS separate prin punct și virgulă.

Vizibilitate

Această opțiune vă permite să controlați pe ce dispozitive apare modulul dvs. Puteți alege să vă dezactivați modulul individual pe tablete, telefoane inteligente sau computere desktop. Acest lucru este util dacă doriți să utilizați diferite module pe diferite dispozitive, sau dacă doriți să simplificați designul mobil prin eliminarea anumitor elemente din pagină.

Opțiuni Conținut Individual Pentru Modulul Tabele de Prețuri Divi

Titlu

Titlul pe care îl introduceți aici va fi folosit pentru această opțiune de preț (adică Premium).

Subtitlu

Subtitrarea pe care o inserați aici va apărea sub titlul dvs. (adică, cel mai popular).

Valută

Introduceți aici simbolul valutar dorit.

Per

Dacă prețul dvs. se bazează pe abonament, introduceți ciclul de abonament aici (adică Anul).

Preț

Introduceți valoarea produsului aici.

Buton Text

Specificați aici textul butonului.

Conținut

Acest câmp este locul în care puteți introduce lista de caracteristici care vin sau nu cu produsul dvs. Separați fiecare element din listă pe o nouă linie și începeți fiecare rând cu simbolul + sau –. A + specifică o caracteristică inclusă, în timp ce a – specifică o caracteristică exclusă.

Adresa URL a Butonului

În partea de jos a fiecărui tabel, puteți insera un buton de apel la acțiune inserând o adresă URL web validă în acest câmp. Lasă acest Câmp gol pentru Buton Text dacă nu doriți să aveți un buton în tabelul de prețuri.

Culoare de Fundal

Definiți o culoare de fundal personalizată pentru modulul dvs. sau lăsați necompletat pentru a utiliza culoarea implicită.

Opțiuni de Design Individual Pentru Modulul Tabele de Prețuri Divi

Faceți Acest Tabel Recomandat

Alegeți ca acest tabel de prețuri să fie recomandat sau nu cu acest meniu drop-down. Prezentarea unui tabel de prețuri îl va face să iasă în evidență față de restul.

Culoarea Articolului Exclus

Pentru articolele din lista dvs. care au fost definite ca excluse folosind simbolul –, le puteți ajusta culoarea utilizând această setare. De exemplu, poate doriți să schimbați culoarea în roșu sau să le reduceți opacitatea pentru a indica vizual că articolele sunt excluse din pachetul curent.

Font Antet

Dimensiunea Fontului Antetului

Culoare Text Antet

Spațierea Literelor din Antet

Înălțimea Liniei Textului din Antet

Font Pentru Corp – Body

Dimensiunea Fontului Corpului

Culoarea Textului Corpului

Spațierea Literelor de Corp

Înălțimea Liniei Corpului

Font Pentru Subtitlu

Dimensiunea Fontului Subtitlu

Culoare Text Subtitlu

Spațierea Literelor din Subtitlu

Înălțimea Liniei Textului din Subtitlu

Font Monedă și Frecvență

Dimensiune Font Monedă și Frecvență

Culoarea Textului Monedei și Frecvenței

Spațiere Dintre Literele de pe Monedă și Frecvență

Înălțimea Liniei Textului de pe Monedă și Frecvență

Font de Preț

Dimensiunea Fontului Pentru Preț

Culoarea Textului Prețului

Spațiere Dintre Literele de Preț

Înălțimea Liniei Textului de pe Preț

Utilizați Stiluri Personalizate Pentru Buton

Activarea acestei opțiuni va dezvălui diverse setări de personalizare a butoanelor pe care le puteți utiliza pentru a schimba aspectul butonului modulului dvs.

Dimensiunea Textului Butonului

Această setare poate fi utilizată pentru a mări sau a micșora dimensiunea textului din buton. Butonul se va scala pe măsură ce dimensiunea textului crește și scade.

Culoarea Textului Butonului

Culoare de Fundal Pentru Buton

În mod implicit, butoanele au o culoare de fundal transparentă. Aceasta poate fi schimbată selectând culoarea de fundal dorită din selectorul de culori.

Lățimea Chenarului Butonului

Culoarea Chenarului Butonului

Raza Chenarului Butonului

Spațiere Între Literele de pe Butoane

Font Pentru Buton

Adăugați Pictograma Butonului

Dacă dezactivați această setare, pictogramele vor fi eliminate de pe butonul dvs. În mod implicit, toate butoanele Divi afișează o pictogramă săgeată la trecerea cursorului.

Pictograma Butonului

Dacă pictogramele sunt activate, puteți utiliza această setare pentru a alege ce pictogramă să utilizați în butonul dvs. Divi are diverse pictograme din care să aleagă.

Culoarea Pictogramei Butonului

Plasarea Pictogramei pe Buton

Puteți alege ca pictograma butonului să fie afișată în partea stângă sau în partea dreaptă a butonului.

Afișați Doar Pictograma la Trecerea Cursorului Pentru Buton

În mod implicit, pictogramele butoanelor sunt afișate numai la trecerea cursorului. Dacă doriți ca pictograma să apară întotdeauna, dezactivați această setare.

Culoare Text Buton Hover

Când butonul este trecut cu mouse-ul unui vizitator, această culoare va fi folosită. Culoarea va trece de la culoarea de bază definită în setările anterioare.

Culoarea de Fundal a Butonului Hover

Când butonul este trecut cu mouse-ul unui vizitator, această culoare va fi folosită. Culoarea va trece de la culoarea de bază definită în setările anterioare.

Culoarea Chenarului Buton Hover

Când butonul este trecut cu mouse-ul unui vizitator, această culoare va fi folosită. Culoarea va trece de la culoarea de bază definită în setările anterioare.

Raza Chenarului Buton Hover

Când butonul este trecut cu mouse-ul unui vizitator, această valoare va fi utilizată. Valoarea va trece de la valoarea de bază definită în setările anterioare.

Spațiere Între Literele de pe Buton Hover

Când butonul este trecut cu mouse-ul unui vizitator, această valoare va fi utilizată. Valoarea va trece de la valoarea de bază definită în setările anterioare.

Opțiuni Avansate Individuale Pentru Modulul Tabele de Prețuri Divi

CSS Personalizat

Notă! Cea mai populară temă WordPress din lume și cel mai bun generator de pagini WordPress. Comunitatea WordPress mulțumește dezvoltatorului Elegant Themes în sprijinul acordat pentru realizarea acestor tutoriale în limba română! Cumpără acuma Tema WordPress Divi.