Cum se creează module de mărturie dinamice cu Divi și ACF

Divi funcționează bine cu conținut dinamic. Conținutul dinamic poate fi folosit pentru a afișa text, titluri și multe altele. Poate fi folosit chiar și în modulul de mărturie al Divi, combinându-l cu un plugin numit Advanced Custom Fields. În această postare, vom vedea cum să creăm module de mărturii dinamice cu Divi și ACF. Divi și ACF lucrează împreună foarte bine, iar această postare vă va ajuta să înțelegeți cum!

Să ajungem la asta.

Configurare avansată a câmpurilor personalizate

Mai întâi, va trebui să instalăm versiunea gratuită a pluginului Advanced Custom Fields.

Instalați câmpuri personalizate avansate

Pentru a-l instala în WordPress, accesați Plugin -uri > Adăugați nou în tabloul de bord WordPress. Căutați Câmpuri personalizate avansate și faceți clic pe Instalați acum .

1. Pluginuri
2. Adăuga nou
3. Căutare
4. Instaleaza acum

După finalizarea instalării, faceți clic pe Activare .

1. Activati

Acum suntem gata să configuram câmpurile personalizate pentru mărturia noastră Divi.

Creați un nou grup de câmpuri

Apoi, creați un grup de câmpuri . Acest grup de câmpuri va conține toate câmpurile necesare pentru o singură mărturie. Putem apoi clona acest grup de câmpuri pentru a crea câte mărturii vrem.

Pentru a crea grupul de câmpuri, accesați Câmpuri personalizate > Adăugați nou în tabloul de bord WordPress.

1. câmpuri customizate
2. Adăuga nou

Creați grupul de câmp pentru mărturie 1

Mai întâi, adăugați un titlu și faceți clic pe Adăugați câmp .

1. Adauga titlu
2. Faceți clic pe Adăugare câmp

Aceasta deschide editorul în care vom crea câmpurile. Va trebui să adăugăm câte un câmp odată. Fiecare câmp va include eticheta, numele și tipul de câmp. Numele și eticheta se pot potrivi.

Mărturie 1 Descriere

Introduceți eticheta câmpului și numele câmpului . Faceți clic pe caseta drop-down Tip câmp pentru a vedea opțiunile. Acest câmp folosește un tip de câmp diferit față de celelalte trei câmpuri.

• Etichetă câmp: Mărturie 1 Descriere
• Nume câmp: Mărturie 1 Descriere

Selectați Zona de text din listă.

• Tip câmp: zonă de text

Mărturie 1 Nume

Apoi, derulați în jos și faceți clic pe Adăugați câmp .

Apoi, introduceți Testimonial 1 Name pentru Numele câmpului și Eticheta câmpului . Lăsați Tipul câmpului la implicit (Text).

• Nume câmp: Mărturie 1 Nume
• Etichetă câmp: Mărturie 1 Nume

Mărturie 1 Poziție

Apoi, faceți clic pe Adăugare câmp și introduceți Testimonial 1 Job Position pentru Numele câmpului și Eticheta câmpului .

• Nume câmp: Mărturie 1 Poziție
• Etichetă de câmp: Mărturie 1 Poziție

Mărturie 1 Companie

Apoi, faceți clic pe Adăugare câmp și introduceți Testimonial 1 Company pentru Numele câmpului și Eticheta câmpului .

• Nume câmp: Testimonial 1 Company
• Etichetă de câmp: Mărturie 1 Companie

Locație

În continuare, vom seta Regulile de locație . Vom alege pagina sau paginile în care dorim să folosim mărturia. Are regula Post Type este egal cu Pagina în mod implicit. Vom păstra această regulă și vom adăuga încă una. Faceți clic pe Adăugați un grup de reguli .

Selectați caseta drop-down Tip post pentru noua regulă și alegeți Pagina. Selectați caseta derulantă Postare pentru noua regulă și selectați pagina pe care doriți să o utilizați. Dacă doriți să utilizați mai multe pagini, adăugați o nouă regulă pentru fiecare pagină.

• Primul câmp: Pagina
• Al doilea câmp: numele paginii dvs

Publicați noul grup de câmpuri

În cele din urmă, faceți clic pe butonul Publicare din colțul din dreapta sus al editorului pentru a publica noul grup de câmpuri.

Odată ce grupul de câmpuri este publicat, veți vedea lista de câmpuri și reguli.

Clonează grupul de câmpuri de mărturie

În continuare, vom clona grupul de câmpuri de mărturie. Acest lucru ne va permite să creăm o altă mărturie. Va trebui să repetăm ​​acest lucru pentru fiecare mărturie pe care dorim să o creăm. În tabloul de bord WordPress, accesați Câmp personalizat > Grupuri de câmpuri . Plasați cursorul peste grupul de câmpuri pe care doriți să-l clonați și faceți clic pe Duplicare .

1. câmpuri customizate
2. Grupuri de câmp
3. Duplicat

Apoi, faceți clic pe Editare pentru a deschide noul grup de câmpuri și pentru a schimba numele grupului și ale fiecărui câmp din cadrul grupului.

Schimbați titlul și selectați fiecare câmp și schimbați 1 cu 2. Faceți clic pe Actualizare când sunteți gata.

Apoi, alegeți pagina în care doriți să fie disponibilă această mărturie.

Acum aveți grupul de teren pentru a doua dumneavoastră mărturie.

Creați mărturia

Câmpurile pentru mărturie apar în partea de jos a editorului de pagini pentru pagina pe care ați selectat-o ​​ca locație a mărturiei. Acest exemplu are doar câmpurile pentru Testimonial 1. Am selectat o altă pagină pentru locația Testimonial 2, așa că nu apare aici.

Completați câmpurile ca de obicei. Apoi, veți fi gata să utilizați câmpurile din aspectul Divi pentru această pagină.

Creați modulul de mărturie Dynamic Divi

Un avantaj al lui este că oricine poate introduce informațiile sau edita câmpurile fără a fi nevoie să deschidă modulele Divi. Câmpurile vor trebui mapate în modulul de mărturie Divi. Faceți clic pentru a utiliza Divi Builder pentru această pagină.

Puteți adăuga grupul de câmpuri personalizate la orice pagină, dar voi crea o pagină nouă. Deoarece am numit această pagină Despre noi, voi folosi pagina Despre din pachetul gratuit de aspect al produsului pentru cameră, disponibil în Divi. Voi adăuga un nou modul de mărturie și îl voi stila pe baza paginii. În primul rând, voi trece prin procesul de adăugare a mărturiei pe pagină.

Adăugați o nouă secțiune și un rând de mărturie Divi

Adăugați o nouă secțiune obișnuită sub a doua secțiune a aspectului.

Apoi, adăugați un rând cu o singură coloană .

Adăugați modulul de mărturie Divi

Apoi, adăugați un modul de mărturie la rând.

Creați conținutul de mărturie dinamică

În continuare, vom adăuga datele câmpurilor personalizate avansate la modulul de mărturie. Vom realiza acest lucru prin adăugarea datelor din grupul de câmpuri ca conținut dinamic la fiecare câmp. Deschideți setările modulului ca de obicei. Veți vedea opțiunea dinamică când treceți cu mouse-ul peste fiecare câmp, așa cum se vede în imaginea de mai jos.

Numele autorului dinamic

Mai întâi, plasați cursorul peste câmpul Autor și faceți clic pe pictograma de conținut dinamic .

Veți vedea opțiunile ACF în partea de jos a listei. Acestea sunt etichetele pe care le-am dat câmpurilor când am creat grupul de câmpuri. Selectați Testimonial 1 Name .

Dacă doriți text înainte sau după nume, adăugați-l în câmpurile Înainte sau După. De asemenea, puteți adăuga HTML dacă doriți să-l activați. Faceți clic pe bifa verde când ați terminat.

Câmpul Autor arată acum numele conținutului său dinamic. Textul introdus în câmp apare acum ca numele autorului.

Denumirea postului dinamic

Apoi, plasați cursorul peste câmpul pentru Titlul postului și faceți clic pe pictograma de conținut dinamic.

Alegeți Testimonial 1 Job Post din listă.

Adăugați orice text Înainte sau După dorit în câmpuri și selectați bifa verde.

Numele companiei dinamice

Apoi, plasați cursorul peste câmpul Companie și selectați pictograma dinamică a acestuia.

Alegeți Testimonial 1 Company din listă.

Adăugați text înainte și după dacă doriți și faceți clic pe bifa verde.

Descriere dinamică

În cele din urmă, plasați cursorul peste zona de conținut pentru Corp și selectați pictograma dinamică.

Alegeți Testimonial 1 Description din listă.

Apoi, adăugați textul Înainte și După dacă doriți și faceți clic pe bifa verde. Ieșiți din modul și salvați-vă pagina.

Acum avem un modul de mărturie care utilizează conținut dinamic pentru domenii.

Editarea conținutului de mărturie dinamică

Oricare dintre câmpurile de mărturie poate fi actualizat fără a fi nevoie să deschideți generatorul Divi. Pentru a edita conținutul dinamic, pur și simplu accesați editorul de pagini și modificați conținutul în câmpurile din partea de jos a paginii. În acest exemplu, îmi adaug numele de familie în câmpul Testimonial 1 Name.

Numele este actualizat automat în modul.

Modelați modulul de mărturie dinamică

Apoi, să modelăm modulul de mărturie pentru a se potrivi cu șablonul de pagină.

Imagine de conținut

În fila de conținut, derulați în jos la Imagine și adăugați imaginea persoanei din biblioteca dvs. media.

• Imagine: fotografia persoanei

Pictograma Citat

Apoi, accesați fila design. Alegeți negru pentru Culoarea pictogramei Citat .

• Culoare: #000000

Imagine

Apoi, derulați în jos la Imagine . Setați lățimea și înălțimea la 150 px. Schimbați Colțurile rotunjite la 0px.

• Latime: 150px
• Înălțime: 150px
• Colțuri rotunjite: 0px

Corpul textului

Derulați în jos la Textul corpului . Alegeți Montserrat pentru font. Schimbați culoarea în negru.

• Font: Montserrat
• Culoare: #000000

Setați dimensiunea desktopului la 16 px, dimensiunea telefonului la 14 px și înălțimea liniei la 1,8 em.

• Dimensiune: 16px, 14px
• Înălțimea liniei: 1,8 em

Textul autorului

Derulați în jos până la Textul autorului . Schimbați fontul în Montserrat și schimbați culoarea în negru. Setați dimensiunea desktopului la 20px, dimensiunea tabletei la 18px și dimensiunea telefonului la 16px.

• Font: Montserrat
• Culoare: #000000
• Dimensiune: 20px, 18px, 16px

Text de poziție

Apoi, derulați în jos la Text de poziție și schimbați fontul în Montserrat.

• Font: Montserrat

Textul companiei

În cele din urmă, derulați în jos la Textul companiei și setați fontul la Montserrat. Închideți modulul și salvați pagina.

• Font: Montserrat

Rezultatul modulului de mărturie dinamică

Iată aspectul final al modulului dinamic de mărturie Divi.

Iată cum arată în aspectul paginii.

Gânduri de sfârșit

Acesta este modul nostru de a crea module de mărturii dinamice cu Divi și ACF. Adăugarea câmpurilor personalizate la modulul de mărturie Divi este simplă cu conținutul dinamic al Divi. Este la fel de ușor ca să creezi câmpurile ca un grup de câmpuri și apoi să alegi câmpurile cu conținut dinamic Divi.

Vrem sa auzim de la tine. Folosești conținut de mărturie dinamică cu Divi și ACF? Spune-ne despre asta în comentarii.