Textul poate fi adăugat oriunde pe pagina dvs. cu Divi. Modulele text pot fi plasate în orice tip de coloană și, atunci când sunt combinate cu alte module, fac o pagină dinamică reală. Când adăugați un modul text, aveți toate caracteristicile de editare ale unei pagini WordPress normale. Modulul de text Divi poate fi utilizat pentru a crea o mică bucată de text într-un aspect complex sau poate fi utilizat într-o coloană cu lățime completă pentru a crea o pagină întreagă.

Cum se adaugă modulul Divi Text

Înainte de a putea adăuga un modul de text la pagina dvs., trebuie mai întâi să intrați în Divi Builder. Odata ce Divi tema instalat dvs. pe site-ul web, veți observa un buton Utilizați Divi Builder deasupra editorului de postare ori de câte ori creați o pagină nouă. Faceți clic pe acest buton pentru a activa Divi Builder și pentru a accesa toate modulele Divi Builder. Apoi faceți clic pe buton Utilizați Visual Builder pentru a porni generatorul în modul vizual. De asemenea, puteți face clic pe buton Utilizați Visual Builder când răsfoiți dvs site-ul web în prim-plan dacă sunteți conectat la tabloul de bord WordPress.

divi builder

După ce ați intrat în Visual Builder, puteți face clic pe butonul plus gri pentru a adăuga un nou modul la pagina dvs. Modulele noi pot fi adăugate numai în rânduri. Dacă începeți o pagină nouă, nu uitați să adăugați mai întâi un rând la pagina dvs.

introduceți un modul divi.png

Găsiți modulul text în lista de module și faceți clic pe acesta pentru a-l adăuga la pagina dvs. Lista modulelor poate fi căutată, ceea ce înseamnă că puteți, de asemenea, să tastați cuvântul „text” și apoi să faceți clic pe Enter pentru a găsi și adăuga automat modulul text! Odată adăugat modulul, veți fi întâmpinat de lista de opțiuni a modulului. Aceste opțiuni sunt separate în trei grupuri principale: Conținut , Concepție et avansat .

Opțiuni de conținut

opțiuni de module text divi.png

Conținutul textual

În acest câmp puteți introduce conținutul corpului modulului dvs. Conținutul textului se întinde pe întreaga lățime a coloanei în care se află.

Dacă textul dvs. este plasat pe un fundal întunecat, culoarea textului ar trebui să fie setată la „Întunecat”. Cu toate acestea, dacă textul dvs. este plasat pe un fundal deschis, culoarea textului ar trebui să fie setată la „Light”.

Culoarea de fundal

Aici puteți alege o culoare de fundal pentru modulul dvs. text.

Imagine de fundal

Aici puteți alege o imagine de fundal pentru modulul dvs. de text.

Admin Label

În mod implicit, modulul dvs. text va apărea cu o etichetă pe care scrie „Text” în constructor. Eticheta de administrare vă permite să modificați această etichetă pentru o identificare ușoară.

Opțiuni de proiectare

divi.png opțiuni de design

Aici puteți stiliza și / sau poziționa textul sau textul antetului după cum doriți, alegând culoarea textului, orientarea, fontul, dimensiunea fontului, spațierea și înălțimea fontului. linia.

Puteți, de asemenea, să desemnați un stil de bord, să setați o lățime maximă pentru modulul dvs. și să adăugați marjă personalizată și umplere.

Opțiuni avansate

opțiuni avansate divi.png

Utilizați opțiunile avansate pentru a oferi modulului dvs. text ID-uri personalizate și clase CSS. Adăugați CSS personalizat pentru un stil avansat și indicați vizibilitatea modulului pe unele dispozitive.

Asta este tot pentru acest tutorial, sper că vă va permite să utilizați modulul text pe Divi.

[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”]DESCĂRCĂ TEMA DIVI [/vcex_button][/vc_column][vc_column] width=” 1 /2″][vcex_button url=”https://www.elegantthemes.com/affiliates/idevaffiliate.php?id=23065&url=40632&tid1=tutorials” target=”blank” layout=”expanded” align=”center” font_family = ”Raleway” font_weight=”700″ style=”flat” custom_background=”#c4226e” custom_hover_background=”#8d184f” custom_color=”#ffffff” custom_hover_color=”#ffffff” icon_right=”fa fa-download”]DESCARCĂ ȘABLOANELOR DIVI[/vcex_button][/vc_column][/vc_row]

Alte tutoriale Divi