Tutorial avansat de câmpuri personalizate pentru începători Creați și afișați câmpuri

Advanced Custom Fields este un editor de conținut pentru dezvoltatorii WordPress.

Pentru începători, acest plugin poate părea foarte iritant la început, deoarece nu ar fi familiarizați cu avantajul utilizării caracteristicilor sale.

În plus, nu puteți neglija faptul că acest plugin a fost folosit de peste 1 milion de utilizatori WordPress. Pluginul ACF poate fi considerat o economie majoră de timp pentru sarcinile de dezvoltare web.

Acesta este motivul pentru care am venit cu articolul care vă va spune importanța utilizării pluginului ACF și cum funcționează.

Unele caracteristici ale pluginului ACF vor părea a fi confuze, dar când începeți să-l utilizați, veți constata că funcțiile sunt foarte utile și utile.

Acest șablon poate fi folosit de utilizatorii intermediari WordPress sau de utilizatorii începători pentru a prelua controlul complet asupra datelor de câmp personalizate și a ecranelor de editare WordPress.

Acest plugin este compatibil cu cea mai recentă versiune WordPress și cu versiunea PHP mai nouă. De asemenea, acest plugin este disponibil în 21 de limbi diferite.

Cu acest plugin, puteți

Adăugați câmpuri conform cerințelor:

Acesta este un generator de câmpuri care vă va permite să adăugați ușor și rapid câmpuri pe ecranul de editare WP cu câteva clicuri.

Adăugați o temă oriunde:

Puteți adăuga cu ușurință câmpuri pentru peste tot WordPress, inclusiv termeni de taxonomie, postări, utilizatori, comentarii, media, chiar și pagini cu opțiuni personalizate.

Prezentați-le peste tot:

Veți putea încărca și prezenta valorile câmpurilor dvs. personalizate la orice fișier șablon de teme. Deoarece este ușor de utilizat, niciun dezvoltator nu va fi necesar să adauge aceste funcții.

Caracteristicile de bază sunt

• Funcții puternice
• peste 1 milion de instalații active
• Peste 30 de tipuri de câmpuri
• simplu și ușor de utilizat.
• vine cu o documentație extinsă.

Ce funcționează pluginul Advanced Custom Fields?

În editorul WordPress, acest plugin vă permite să adunați informații suplimentare legate de conținutul dvs.

WordPress este o platformă open-source și compatibilă, așa că ar trebui să puteți construi orice tip de site web pe care doriți. Ar trebui să puteți adăuga diverse funcționalități pentru organizarea de evenimente, comerț electronic, blogging etc.

Cele mai bune instrumente sunt oferite de editorul vizual WordPress, de la editarea conținutului ridicat la formatarea media. Când treceți mai departe pentru a personaliza editorul de conținut WordPress, veți avea probleme, deoarece trebuie să fiți mai precaut la formatare și editarea codului.

Dar pluginul ACF a făcut acest proces mai ușor, deoarece vă permite să modificați sau să personalizați editorul de conținut și să-l normalizați conform informațiilor pe care le adunați și le prezentați.

Procesul de actualizare a conținutului stilat este simplificat. Odată ce ți-ai dezvoltat site-ul web și ești pregătit pentru viață, te vei ocupa să schimbi lucruri mici.

Pentru fiecare companie, ajustarea mică sau cea mai comună va fi schimbarea fundalului sau antetului paginii de pornire pentru anunțuri și vânzări noi. Odată cu modificarea textului în zona antetului va fi, de asemenea, comună.

Acestea sunt modificările simple pe care majoritatea proprietarilor de afaceri le fac în mod regulat.

Dar în timp ce lucrați cu WordPress, veți afla că editorul vizual al WordPress este foarte sensibil. Formatarea completă a textului va fi eliminată dacă efectuați backspace greșit. Pagina de pornire completă va fi perturbată dacă, din păcate, încărcați o imagine greșită.

Adăugați noi funcționalități temelor și pluginurilor dvs

Exemplu
Pentru a stoca detalii suplimentare legate de evenimentele dvs., pluginul pentru calendarul evenimentelor folosește câmpuri personalizate, adică ora de începere, ora de încheiere, preț și locație.

Alt exemplu
Pentru a stoca informații suplimentare legate de produsele dvs., WooCommerce folosește câmpuri personalizate, adică culoare, preț, greutate etc.

Puteți utiliza câmpuri personalizate conform cerințelor dvs.

Tutoriale pentru adăugarea de câmpuri personalizate cu Câmpuri personalizate avansate

Acum consideră că ai creat un blog despre alergare. Dacă doriți să adăugați antrenamente de zi cu zi, astfel încât vizitatorii dvs. să poată fi implicați, ar trebui să adăugați un câmp personalizat pentru a prezenta distanța totală, locația, ora de terminare și ora de începere.

Veți găsi pluginul ACF la depozitul de pluginuri gratuit WordPress pe https://www.wordpress.org/plugins

Faceți clic pe butonul Descărcare și activați-l.

Pasul 1: Creați un nou grup de câmpuri
Grupul de câmpuri personalizate este cunoscut ca grup de câmpuri

Pentru a începe, accesați tabloul de bord WordPress. Faceți clic pe câmpurile personalizate.

Pasul 2: Adăugați câmpuri în grupul dvs

Faceți clic pe adăugați câmp.
Pe teren, grupul adaugă detalii despre alergare.
Faceți clic pe câmpul de adăugare

Acest lucru va deschide atât de multe opțiuni. În loc să le selectați pe toate, mergeți numai cu câmpurile obligatorii.

Tip câmp
Etichetă de câmp

Pentru primul câmp, adică scopul, veți avea nevoie de un buton radio pentru a permite clientului să ofere scopul rulării, alegând orice opțiune dintre condiționare sau accelerare a lucrului. În caseta de opțiuni, puteți introduce opțiunile de selecție a butonului radio.

Postare conexă:Cum să adăugați o zonă de widget personalizată la temele WordPress

Pasul 3: Adăugați alte câmpuri obligatorii la alegere

În acest fel, puteți alege un tip de câmp personalizat în funcție de cerințele dumneavoastră, de exemplu puteți alege un tip de câmp numeric pentru adăugarea de detalii, adică distanța totală parcursă. Si asa mai departe.

Acum este timpul să configurați setarea și să o faceți publică. Pentru a finaliza toate procesele de personalizare, acum este timpul să vă lansați blogul. Pentru aceasta, va trebui să derulați pagina până când apare caseta de setări. În editorul WordPress, modul în care vor fi afișate câmpurile dvs. va fi gestionat prin această casetă.

De cele mai multe ori puteți lăsa această cutie așa cum este. Dar îi poți aplica modificări dacă vrei altceva. De exemplu, deasupra editorului WordPress obișnuit, puteți selecta să vă prezentați câmpurile personalizate.

Pentru a-l face live, acum puteți publica grupul dvs. de câmp după ce ați făcut alegerile.

După ce ați publicat grupul de câmpuri când încercați să creați o postare nouă, veți descoperi că apar câmpurile.

Sub editor, adică noul editor de blocuri și editorul clasic TinyMCE, le veți găsi împreună implicit.

Pe front-end, cum să prezentați câmpuri personalizate avansate?

Pentru a afișa câmpuri personalizate avansate pe front-end, veți întâlni diferite moduri. Pentru a afișa câmpurile personalizate pe front-end, puteți, de asemenea, să angajați un dezvoltator.

Celelalte trei metode principale sunt enumerate mai jos. Puteți alege oricare dintre ele în funcție de prioritatea și cerințele dvs.

1. Folosind fișierele șablon ale temei:

Pentru a merge cu această metodă, va trebui să aveți experiență în cunoștințe tehnice, nu la nivel de experiență, dar unele cunoștințe vor fi bine. Această metodă este considerată a fi cea mai bună abordare dacă vă simțiți confortabil când vă ocupați de fișierele șablon ale unei teme.

Prima modalitate și puțină modalitate tehnică de a adăuga câmpuri personalizate avansate va fi adăugarea directă a funcției PHP la fișierele șablon ale unei teme secundare. Acest lucru este puțin sofisticat pentru că va trebui să te încurci cu fișierul șablonului temei.

2. Împreună cu codurile scurte:

Cea mai simplă și cea mai bună opțiune ar fi utilizarea codurilor scurte dacă doriți să adăugați date de câmp personalizate pe bază de eveniment. Deși ar fi necesar să funcționeze mai mult manual, deoarece va trebui să adăugați coduri scurte la fiecare postare.

Puteți adăuga acest cod scurt la fiecare postare în care doriți să prezentați câmpul personalizat
[acf field="FIELD_NAME"]

Aceasta este munca manuală. Astfel, nu veți găsi niciodată o soluție pentru automatizarea acestui tip de sarcină pe cont propriu.

3. Împreună cu pluginul Elementor Pro

Adăugarea de câmpuri personalizate prin utilizarea pluginului pro este cea mai bună opțiune, dar va trebui să plătiți pentru aceasta, deoarece această caracteristică intră sub șablonul premium.

Cunoscutul generator de pagini WordPress este elementor. Este prevăzut cu atât de multe caracteristici și funcționalități. De exemplu, vă permite să vă creați modele utilizând editarea prin glisare și plasare.

Veți putea crea fișiere temă ale unei teme cu versiunea premium a elementor. De asemenea, veți avea opțiunea de a adăuga date dinamice de câmp personalizate la designul dvs. din Câmpuri personalizate avansate.

Dacă sunteți în căutarea unei opțiuni cu mai multe posibilități, atunci această metodă va fi mai utilă. Deoarece va adăuga automat date de câmp personalizate în șabloanele dvs.

Există, de asemenea, un alt plugin de generare de pagini care vă permite să prezentați fonturi personalizate în frontend. Unii cei mai buni creatori de pagini care v-ar putea ajuta sunt beaver builder, teme de castori, DIVI și alte opțiuni.

Puteți utiliza pluginul Advance personalizate câmpuri pentru a face unele îmbunătățiri site-ului dvs. și pentru a-l face mai interesant.

Concluzie:

Cu cea mai simplă soluție, adică prin utilizarea caracteristicilor câmpurilor personalizate avansate, vă puteți îmbunătăți postările și paginile de blog cu mai multe informații și date.

Puteți aduna cu ușurință mai multe informații pe site-ul dvs. pentru orice conținut și apoi le puteți prezenta vizitatorilor dvs. adăugându-l pe front-end. Pentru a face acest lucru posibil, v-am furnizat principalele trei opțiuni, adică fișierele șablon ale temei elementar prom, cu un shortcode.

Luând în considerare metoda enumerată mai sus, veți putea cu siguranță să creați un site web 100% personalizat. Acest lucru te va duce la cursa mai lungă.