Cum să adăugați adrese URL dinamice la CTA-urile dvs. cu Divi și ACF

Când creați structura site-ului dvs. web, sunt mari șanse să includeți aceleași CTA-uri pe mai multe pagini, postări și proiecte. Desigur, puteți păstra URL-urile aproape și le puteți copia-lipi pe măsură ce mergeți, dar nu este neapărat cel mai simplu mod de a merge. Înainte de a începe să vă creați paginile, postările și proiectele, puteți configura o listă cu toate adresele URL de care ați putea avea nevoie, puteți seta o valoare implicită pentru acestea și puteți utiliza valorile implicite pentru elementele noi pe care le creați.

Dacă, din orice motiv, adresele URL diferă pe o anumită pagină, postare sau proiect, puteți schimba acest lucru în interiorul elementului, fără ca acesta să se aplice întregii valori implicite a câmpului. Valorile implicite atașate la adresele URL vă vor ajuta să începeți când creați o nouă pagină, postare sau proiect. În acest tutorial, vă vom arăta pas cu pas cum să ajungeți acolo!

Să ajungem la asta!

Prezentare generală a tutorialului

• Această abordare funcționează cel mai bine dacă adăugați grupul de câmpuri personalizate la un nou site web, chiar înainte de a începe să adăugați pagini, postări și proiecte
• Instalați pluginul Advanced Custom Fields pe site-ul dvs. WordPress
• În interiorul pluginului, veți putea configura un grup de câmpuri care va apărea pe toate paginile, postările și proiectele dvs.
• Creați un câmp URL separat pentru toate adresele URL posibile de care ați putea avea nevoie pe tot site-ul dvs. web
• Atribuiți o valoare implicită fiecăruia dintre câmpuri; această valoare implicită va apărea automat pe fiecare nouă pagină, postare sau proiect
• Pe paginile, postările și proiectele existente, valorile vor apărea numai după introducerea backend-ului și salvarea adreselor URL implicite
• Utilizați câmpurile URL de-a lungul designului Divi ca conținut de link dinamic (pagină, postare, proiect, șablon)
• Dacă modificați adresa URL implicită în setările câmpului, vechea adresă URL implicită se va aplica în continuare pe pagini, postări și proiecte care au moștenit valoarea implicită anterioară

1. Instalați și activați pluginul ACF

Primul lucru pe care trebuie să-l faceți este să instalați pluginul Advanced Custom Fields pe site-ul dvs. web. Puteți descărca pluginul aici sau pur și simplu îl puteți căuta în tabloul de bord WordPress. După ce ați instalat pluginul, asigurați-vă că îl activați și pentru a putea începe imediat.

2. Configurați un grup de câmpuri pentru toate postările, paginile și proiectele

Acum, odată instalat pluginul ACF, este timpul să creați grupul de câmpuri URL. Acest grup va conține toate CTA-urile pe care le veți folosi de mai multe ori în paginile, postările și proiectele dvs. Accesați tabloul de bord WordPress> Câmpuri personalizate> Adăugați un nou .

Dă-i grupului tău un titlu și continuă prin setări regulile. Ne asigurăm că grupul de câmpuri apare pe fiecare tip de postare de pe site-ul nostru. Cu toate acestea, dacă doriți ca linkurile să apară numai pentru un anumit tip de postare, puteți ajusta regulile în funcție de nevoile dvs.

Afișați acest grup de câmpuri dacă:

• Tipul postării - este egal cu - Postarea sau
• Tipul de postare - este egal cu - Pagina sau
• Tipul de postare este egal cu - Proiect

3. Adăugați diferite câmpuri URL cu valoare implicită

Vom continua adăugând diferitele câmpuri URL. Așa cum am menționat anterior, veți avea nevoie de un câmp URL separat pentru fiecare adresă URL pe care o utilizați de mai multe ori la tipurile dvs. de postare. Pentru a ilustra cum funcționează, vom adăuga trei câmpuri URL diferite. Unul dintre câmpuri va redirecționa vizitatorii către pagina de destinație a galeriei Divi, al doilea va conduce vizitatorii către pagina de contact, iar celălalt va redirecționa utilizatorii către zona membrilor.

Deci, să presupunem că începem cu CTA care redirecționează oamenii către pagina de destinație a galeriei Divi. Vom adăuga un nou câmp pentru acesta și îi vom da un nume de câmp recunoscut. În acest fel, odată ce ne aflăm în constructorul Divi, nu există confuzii atunci când vine vorba de selectarea adresei URL potrivite.

Vom continua derulând setările câmpurilor și selectând „URL” ca tip de câmp.

Următorul și ultimul lucru pe care trebuie să îl faceți este să adăugați o valoare implicită câmpului. Aici veți plasa adresa URL către care doriți să vă redirecționeze CTA. De îndată ce adăugați această valoare implicită, aceasta se va aplica automat la fiecare nouă pagină, postare și proiect pe care le adăugați.

Repetați pașii de mai sus pentru fiecare câmp CTA de care aveți nevoie pe site-ul dvs. web. Pentru acest exemplu particular, asta înseamnă că creăm două câmpuri suplimentare; o dată pentru pagina de contact și una pentru zona membrilor.

După ce toate câmpurile URL au fost adăugate, asigurați-vă că salvați toate modificările aduse grupului dvs. de câmpuri.

4. Buton Link Linkuri către adrese URL dinamice

Acum, când introduceți o postare, o pagină sau un proiect, veți observa grupul de câmpuri URL din partea de jos. Dacă din orice motiv doriți să utilizați o adresă URL diferită pe acea pagină, postare sau proiect specifică, puteți adăuga o altă adresă URL în câmp. Adresa URL pe care o adăugați se va aplica numai acelei pagini, postări sau proiectului specific la care lucrați. În nucleul grupului de câmpuri, adresa URL implicită va fi în continuare aceeași cu cea pe care ați adăugat-o când ați creat câmpul.

Dacă utilizați adresele URL implicite, comutați la Visual Builder pentru a începe să legați butoanele din designul dvs. la adresa URL corectă.

Adăugarea unei adrese URL dinamice la butoanele dvs. Divi este foarte simplă. Deschideți oricare buton pe care îl puteți găsi pe pagina dvs., accesați setările pentru link și faceți clic pe pictograma conținut dinamic.

După ce ați făcut clic pe pictograma dinamică, veți găsi o listă de conținut dinamic din care să alegeți. În lista respectivă, veți vedea că apar și diferitele câmpuri URL. Selectați câmpul URL corect la care doriți să conectați.

Repetați pașii pentru fiecare buton de pe pagina dvs. Dacă adresele URL de pe o pagină, postare sau proiect din orice motiv se modifică, puteți reveni la pagina, postarea sau proiectul respectiv și puteți schimba conținutul dinamic al adresei URL din backend.

Aceeași abordare contează și pentru adăugarea de adrese URL dinamice la șabloanele dvs. Dacă doriți să adăugați o adresă URL dinamică la un buton din șablonul dvs. de postare pe blog, de exemplu, puteți merge la generatorul de teme al site-ului dvs. web și puteți deschide editorul de șabloane pentru corpul postării.

Continuați deschizând setările modulului buton, accesați setările link-ului și faceți clic pe pictograma conținut dinamic.

Din nou, va apărea un meniu derulant în care puteți selecta conținutul dinamic URL care se potrivește cu CTA.

Asigurați-vă că modificați toate modificările pentru generatorul de teme după adăugarea și a adreselor URL dinamice!

Gânduri finale

În această postare, v-am arătat cum să creați adrese URL dinamice și să le faceți disponibile pe fiecare pagină, postare sau proiect de pe site-ul dvs. web. Am folosit conținutul dinamic Divi în combinație cu pluginul ACF. Am reușit să setăm o valoare implicită și să avem această valoare URL aplicabilă CTA-urilor noastre. Acest tutorial este axat pe a vă permite să fiți cât mai eficient posibil atunci când creați site-uri web cu Divi! Dacă aveți întrebări sau sugestii, nu ezitați să lăsați un comentariu în secțiunea de comentarii de mai jos.

Dacă sunteți dornici să aflați mai multe despre Divi și să obțineți mai multe cadouri Divi, asigurați-vă că vă abonați la newsletter-ul nostru de e-mail și la canalul YouTube, astfel încât să fiți întotdeauna unul dintre primii oameni care să cunoască și să obțină beneficii din acest conținut gratuit.