Modulul de comentarii vă permite să plasați a formă comentarii oriunde pe pagina ta. Dacă utilizați o pagină standard sau o postare fără Divi Builder, comentariile vor apărea în continuare sub conținutul postării dvs.

Odată ce Divi Builder este activat, puteți plasa modulul de comentarii oriunde pe pagina dvs. și formă comentariile vor apărea la locația modulului. Acest lucru vă oferă mult mai mult control asupra comentariilor dvs.!

Cum să adăugați un modul de comentarii la pagina dvs.

Înainte de a putea adăuga un modul de comentarii pe pagina ta, trebuie să accesezi mai întâi Divi Builder. Odata ce Divi tema instalat pe site-ul dvs., veți observa un buton Utilizați Divi Builder deasupra editorului de fiecare dată când creați o pagină nouă.

Făcând clic pe acest buton, activați Divi Builder, care vă oferă acces la 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 navighezi pe site-ul tău din amonte dacă ești conectat la tabloul de bord WordPress.

Odată introdus în Visual Builder, puteți face clic pe butonul gri plus 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.

Găsiți modulul de comentarii î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 „comentarii” și apoi să faceți clic pe Enter pentru a găsi și adăuga automat modulul de comentarii! Odată adăugat modulul, veți fi întâmpinat cu lista opțiunilor modulului. Aceste opțiuni sunt separate în trei grupuri principale: Conținut , Concepție et avansat .

Utilizați cazul adăugând o secțiune de comentarii la postarea dvs. pe blog

Pentru acest exemplu, vă voi arăta cât de ușor este să inserați și să formatați un modul de comentarii în postarea dvs. utilizând Visual Builder.

Rețineți că secțiunea de comentarii este adăugată sub conținutul postării și deasupra unei secțiuni de subsol cu ​​trei coloane. Cu toate acestea, modulul de comentarii ar fi putut fi adăugat oriunde.

Folosind Visual Builder, adăugați o secțiune standard cu un rând cu lățime completă (1 coloană) sub Module care conțin conținutul postării dvs. Apoi adăugați modulul Comentarii la rând.

Actualizați setările de comentarii după cum urmează:

Opțiuni de conținut

Culoarea de fundal a câmpurilor: #ffffff

Opțiuni de proiectare

Culoarea textului: Întunecat
Comentariu Poliția: PT Sans
Comentariu Dimensiune font: 20px
Comentariu Culoare text:
Polițist: PT Sans
Dimensiune font câmp: 20px
Fontul Meta: PT Sans, Italic, Uppercase
Dimensiunea fontului Meta: 16px
Raza de graniță a câmpului: 0px
Utilizați limita: YES
Culoarea frontierei: #aaaaaa
Lățimea marginii: 1px
Utilizați stiluri personalizate pentru buton: DA
Buton Dimensiune text: 20
Culoarea textului butonului: #ffffff
Culoarea fundalului butonului: # 02b875
Lățimea frontierei
buton: 3px

Unele elemente, cum ar fi metainformațiile și imaginile avatarului, apar doar atunci când dvs. sau altcineva adăugați un comentariu la postare.

Asta e tot. Frumusețea acestui modul este că puteți adăuga conținut suplimentar după secțiunea de comentarii (cum ar fi un îndemn la acțiune sau un formular de contact), ceea ce nu este ușor de făcut cu un WordPress implicit.

Opțiunile de conținut ale modulului Comentariu

În fila conținut veți găsi toate elementele de conținut ale modulului, cum ar fi text, imagini și pictograme. Toate acestea controlează ce apare în modulul dvs. va fi întotdeauna în această filă.

Arată autorul avatar

Dezactivarea acestei opțiuni va elimina avatarul autorului comentariului din lista de comentarii.

Afișați butonul de răspuns

Când butonul Afișare răspuns este dezactivat, utilizatorii nu vor putea răspunde la comentariile din lista de comentarii.

Vezi comentariile

Când este dezactivat, numărul total de comentarii nu va mai fi afișat deasupra listei de comentarii.

Culoarea de fond a câmpurilor

Modulul de comentarii afișează a formă comentariu compus din diferite câmpuri de intrare. În mod implicit, aceste câmpuri de intrare au o culoare de fundal gri. Puteți schimba această culoare alegând o culoare personalizată din selectorul de culori.

Admin Label

Aceasta va schimba eticheta modulului din generator pentru o identificare ușoară. Când utilizați vizualizarea WireFrame în Visual Builder, aceste etichete vor apărea în blocul de module al interfeței Divi Builder.

Opțiunile de design ale comentariilor

În fila Proiectare, veți găsi toate opțiunile de stil pentru modul, cum ar fi fonturile, culorile, dimensiunea și spațiul. Această filă vă permite să modificați aspectul modulului dvs. Fiecare modul Divi are o listă lungă de setări de proiectare pe care le puteți utiliza pentru a modifica aproape orice.

Culoarea textului

Aici puteți alege valoarea textului dvs. Dacă lucrați cu un fundal întunecat, textul dvs. trebuie evidențiat. Dacă lucrați cu un fundal deschis, textul dvs. ar trebui să fie întunecat.

Comentariu font

Puteți modifica fontul comentariului selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi minunate alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. folosind caractere aldine, italice, cu majuscule și opțiuni de subliniere.

Marcați dimensiunea fontului

Aici puteți regla dimensiunea fontului de comentariu. Puteți trage glisorul de interval pentru a mări sau micșora dimensiunea textului sau puteți introduce direct valoarea dimensiunii textului dorit în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de dimensiunea dvs. pentru a-i schimba tipul de unitate.

Culoarea textului comentariilor

În mod implicit, toate culorile textului din Divi apar în alb sau gri închis. Dacă doriți să modificați culoarea textului câmpului dvs., alegeți culoarea dorită din selectorul de culori folosind această opțiune.

Distingerea literelor de comentariu

Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă din textul comentariului, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de intrare din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de dimensiunea dvs. pentru a-i schimba tipul de unitate.

Înălțimea liniei de comentariu

Înălțimea liniei afectează spațiul dintre fiecare linie de text de comentariu. Dacă doriți să măriți spațiul dintre fiecare rând, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de intrare din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de dimensiunea dvs. pentru a-i schimba tipul de unitate.

Poliția

Puteți modifica fontul textului selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi minunate alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. folosind caractere aldine, cursive, cu majuscule și opțiuni de subliniere.

Dimensiunea fontului câmpului

Aici puteți regla dimensiunea textului câmpului. Puteți trage glisorul de interval pentru a mări sau micșora dimensiunea textului sau puteți introduce direct valoarea dimensiunii textului dorit în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de dimensiunea dvs. pentru a-i schimba tipul de unitate.

Culoare text câmp

În mod implicit, toate culorile textului din Divi apar în alb sau gri închis. Dacă doriți să modificați culoarea textului câmpului dvs., alegeți culoarea dorită din selectorul de culori folosind această opțiune.

Spațierea literelor de câmp

Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă a textului din câmpul dvs., utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiere dorită în câmpul de intrare din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de dimensiunea dvs. pentru a-i schimba tipul de unitate.

Nivelul liniei de câmp

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

Meta Font

Puteți modifica fontul meta-textului selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi minunate alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. folosind caractere aldine, italice, cu majuscule și opțiuni de subliniere.

Dimensiunea fontului Meta

Aici puteți regla dimensiunea meta textului dvs. Puteți trage glisorul de interval pentru a mări sau micșora dimensiunea textului sau puteți introduce direct valoarea dimensiunii textului dorit în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de dimensiunea dvs. pentru a-i schimba tipul de unitate.

Culoarea meta-textului

În mod implicit, toate culorile textului din Divi apar în alb sau gri închis. Dacă doriți să modificați culoarea meta-textului, alegeți culoarea dorită din selectorul de culori folosind această opțiune.

Spațiuarea literelor meta

Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă a meta-textului dvs., utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de intrare din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de dimensiunea dvs. pentru a-i schimba tipul de unitate.

Înălțimea liniei meta

Înălțimea liniei afectează spațiul dintre fiecare linie din meta-text. Dacă doriți să măriți spațiul dintre fiecare linie, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea spațiului dorit în câmpul de intrare din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de dimensiunea dvs. pentru a-i schimba tipul de unitate.

Raza de graniță a câmpului

Raza chenarului afectează modul în care colțurile fiecărui câmp de intrare sunt rotunjite. Cu cât valoarea este mai mare, cu atât cele patru colțuri ale fiecărui câmp de intrare sunt mai rotunjite. Puteți reduce valoarea la 0 pentru a crea câmpuri de intrare dreptunghiulare sau puteți crește semnificativ valoarea pentru a crea câmpuri de intrare cu margini circulare.

Utilizați marginea

Activarea acestei opțiuni va plasa o margine în jurul modulului. Această margine poate fi personalizată utilizând următorii parametri condiționali.

Culoarea frontierei

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

Lățimea frontierei

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

Stilul de frontieră

Bordurile acceptă opt stiluri diferite, incluzând: solid, punctat, punctat, dublu, groove, creastă, inserare și start. Selectați stilul dorit din meniul derulant pentru a-l aplica la chenar.

Marja personalizata

Marja este spațiul adăugat la exteriorul modulului dvs., între modul și următorul element de deasupra, dedesubt sau la stânga și la dreapta acestuia. Puteți adăuga valori de marjă personalizate la oricare dintre cele patru laturi ale modulului. Pentru a elimina o marjă personalizată, eliminați valoarea adăugată din câmpul de introducere. În mod implicit, aceste valori sunt măsurate în pixeli, dar puteți introduce unități de măsură personalizate în câmpurile de intrare.

Garnitură personalizată

Împletirea este spațiul adăugat în interiorul modulului dvs., între marginea modulului și elementele sale interne. Puteți adăuga valori de umplere personalizate la oricare dintre cele patru laturi ale modulului. Pentru a elimina o marjă personalizată, eliminați valoarea adăugată din câmpul de introducere. În mod implicit, aceste valori sunt măsurate în pixeli, dar puteți introduce unități de măsură personalizate în câmpurile de intrare.

Utilizați stiluri personalizate pentru butoane

Activarea acestei opțiuni arată diferitele 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 micșora dimensiunea textului din buton. Butonul va fi scalat pe măsură ce dimensiunea textului crește și scade.

Culoarea textului butonului

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

Culoarea fundalului butonului

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

Lățimea marginii butonului

Toate butoanele Divi au o margine de 2 px în mod implicit. Această margine poate fi mărită sau micșorată folosind această setare. Bordurile pot fi eliminate prin introducerea unei valori 0.

Culoarea frontierei butonului

În mod implicit, marginile butoanelor iau culoarea accentului temei dvs., așa cum este definit în Personalizatorul temei. Această opțiune vă permite să atribuiți o culoare de margine personalizată butonului acestui modul. Selectați culoarea personalizată utilizând selectorul de culori pentru a schimba culoarea marginii butonului.

Butonul Radius Border

Raza chenarului afectează modul în care colțurile butoanelor sunt rotunjite. În mod implicit, butoanele din Divi au o rază mică care rotunjește colțurile cu 3 pixeli. Puteți să-l reduceți la 0 pentru a crea un buton pătrat sau să-l măriți semnificativ pentru a crea butoane cu margini circulare.

Spațierea literelor de buton

Spațierea literelor afectează spațiul dintre fiecare literă. Dacă doriți să măriți spațiul dintre fiecare literă a textului butonului, utilizați glisorul de interval pentru a regla spațiul sau introduceți dimensiunea de spațiu dorită în câmpul de introducere din dreapta glisorului. Câmpurile de intrare acceptă diferite unități de măsură, ceea ce înseamnă că puteți introduce „px” sau „em” în funcție de dimensiunea dvs. pentru a-i schimba tipul de unitate.

Butonul de poliție

Puteți modifica fontul textului selectând fontul dorit din meniul derulant. Divi vine cu zeci de fonturi minunate alimentate de Google Fonts. În mod implicit, Divi folosește fontul Open Sans pentru tot textul de pe pagina dvs. De asemenea, puteți personaliza stilul textului dvs. folosind caractere aldine, italice, cu majuscule și opțiuni de subliniere.

Pictograma Adăugare buton

Dezactivată, această setare va elimina pictogramele din buton. În mod implicit, toate butoanele Divi afișează o pictogramă săgeată atunci când se deplasează.

Pictograma butonului

Dacă pictogramele sunt activate, puteți utiliza această setare pentru a selecta pictograma de utilizat în buton. Divi are mai multe pictograme din care să alegi.

Culoarea pictogramei butonului

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

Locație pictogramă buton

Puteți alege să afișați pictograma butonului dvs. la stânga sau la dreapta butonului dvs.

Afișați numai pictograma de deplasare pentru buton

În mod implicit, pictogramele butoanelor sunt afișate numai când plasați cursorul. Dacă doriți ca pictograma să apară întotdeauna, dezactivați această setare.

Culoare text text rollovar buton

Când mouse-ul vizitatorului se deplasează deasupra butonului, această culoare va fi utilizată. Culoarea se va schimba față de culoarea de bază definită în setările anterioare.

Culoarea de fundal a mouse-ului

Când mouse-ul vizitatorului se deplasează deasupra butonului, această culoare va fi utilizată. Culoarea se va schimba față de culoarea de bază definită în setările anterioare.

Treceți culoarea de margine

Când mouse-ul vizitatorului se deplasează deasupra butonului, această culoare va fi utilizată. Culoarea se va schimba față de culoarea de bază definită în setările anterioare.

Butonul de radare cu butonul

Când butonul este plasat pe mouse-ul unui mouse-ul vizitatorului, se folosește această valoare. Valoarea se va modifica de la valoarea de bază definită în setările anterioare.

Spațierea butoanelor cu rollover

Când butonul este plasat pe mouse-ul unui mouse-ul vizitatorului, se folosește această valoare. Valoarea se va modifica de la valoarea de bază definită în setările anterioare.

Comentarii Opțiuni avansate

În fila Avansat, veți găsi opțiuni pe care designerii web mai experimentați le pot găsi utile, cum ar fi atributele CSS și HTML personalizate. Aici puteți aplica CSS personalizat oricăruia dintre numeroasele elemente ale modulului. De asemenea, puteți aplica clase și ID-uri CSS personalizate modulului, care pot fi utilizate pentru a personaliza modulul în fișierul style.css al temei copilului dvs.

Cod CSS

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

CSS

Introduceți clasele CSS opționale de utilizat 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 dvs Divi tema Copil sau în CSS personalizat pe care îl adăugați la pagina sau site-ul dvs. utilizând Opțiunile temei Divi sau Setările paginii Divi Builder.

CSS personalizate

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

vizibilitate

Această opțiune vă permite să controlați dispozitivele pe care apare modulul dvs. Puteți alege să vă dezactivați modulul individual pe tablete, smartphone-uri sau desktop-uri. Acest lucru este util dacă doriți să utilizați moduri diferite pe diferite dispozitive sau dacă doriți să simplificați designul mobil prin eliminarea anumitor elemente din pagină.

asta este pentru acest tutorial.