ACF Blocks oferă o varietate de blocuri construite din Advanced Custom Fields Pro

În weekend, Munir Kamal a lansat versiunea 2.0 a pluginului său ACF Blocks, un proiect care creează o suită de blocuri pentru editor. Pluginul oferă 18 blocuri personalizate în versiunea sa gratuită și încă 15 în upgrade-ul pro. Este construit pe baza Advanced Custom Fields Pro (ACF Pro).

Cea mai recentă actualizare a pluginului a adăugat suport pentru tipografie, inclusiv opțiuni pentru utilizarea diferitelor fonturi Google pentru text în bloc. Kamal a inclus și opțiuni de stil de bază pentru caracteristici de design, cum ar fi marginea și umplutura pentru fiecare bloc din plugin.

Cu ACF Pro ca o dependență grea, limitează audiența blocurilor ACF. În mare parte, acest plugin va fi util pentru agenții și freelanceri care trebuie să creeze rapid funcții pentru clienți în limita bugetului lor. În acest scop, pluginul face o treabă solidă.

Cuplarea strânsă cu ACF Pro dăunează experienței utilizatorului pentru plugin. Cu toate acestea, ideile din spatele blocurilor ACF și opțiunile sale personalizate compensează deficiențele de a se baza pe pluginul părinte dependent. Decuplarea celor două este puțin probabilă, dar ar face o experiență mai lină și ar deschide pluginul pentru un public mai larg.

Kamal s-a inspirat pentru plugin de la ACF și versiunea sa pro. El a descris procesul de construire a blocurilor cu cadrul „super ușor”, chiar și pentru un dezvoltator de nivel intermediar. „A fost un cadru WordPress atât de uimitor de ani de zile pentru a crea câmpuri personalizate”, a spus el. „Și când [Elliot Condon] a anunțat caracteristica de creare a blocurilor în ACF, asta m-a determinat rapid să construiesc această colecție de blocuri ACF gata de utilizare.”

Cea mai mare limitare tehnică este că Kamal nu poate construi blocuri imbricate, ceea ce este o limitare actuală a ACF. „Am discutat deja cu [Condon] și el lucrează deja să aducă această funcționalitate, sperăm în curând”, a spus el. „Odată ce ajungem la ACF, putem crea blocuri Gutenberg mai uimitoare și mai puternice.”

Urmărește o scurtă prezentare a modului în care funcționează pluginul:

Sortiment util de blocuri

În timp ce testam în primul rând versiunea gratuită a blocurilor ACF, am descoperit că are câteva blocuri utile care ar putea răspunde imediat nevoilor comune ale utilizatorilor finali. Cu 18 blocuri gratuite disponibile, utilizatorii au multe cu care să lucreze înainte de a decide dacă doresc să treacă pe calea de upgrade la versiunea pro.

Unul dintre cele mai bune blocuri din colecție este blocul Photo Collage. Este răspunsul ACF Blocks la blocul de bază Galerie. Numai opțiunile de grilă pentru acest bloc fac ca acest plugin să merite verificat. Blocul oferă între 2 și 15 modele de grilă, în funcție de opțiunea de grilă pe care o selectează utilizatorul.

Al doilea meu favorit din sortiment este blocul Testimonial. Împreună cu opțiunile de tipografie, care sunt disponibile pentru toate blocurile, vă puteți distra foarte mult proiectând o secțiune de mărturii.

Aceasta este o mică mostră a ceea ce poate face pluginul. Blocul Listă de prețuri poate ajuta site-urile restaurantelor să își configureze meniul. Blocul Caseta de prețuri, în special atunci când este imbricat în blocul Coloane de bază, facilitează configurarea unei secțiuni de prețuri cu mai multe opțiuni de produs. Și, blocul Team simplifică crearea de secțiuni de profil pe pagina echipei/despre a unei companii.

Următoarele blocuri sunt disponibile în versiunea gratuită (cu mai multe în versiunea pro):

1. Bloc de imagini derulabil
2. Blocul de file
3. Comutați Blocare
4. Bloc de acordeon
5. Bloc de glisare a imaginii
6. Bloc de partajare socială
7. Bloc de colaj foto
8. Blocarea postărilor
9. Blocul de mărturii
10. Team Block
11. Bloc cu mai multe butoane
12. Bloc de casete de prețuri
13. Bloc Lista de prețuri
14. Începeți blocul de evaluare
15. Blocul barei de progres
16. Bloc de număr de contor
17. Faceți clic pentru a tweet Block
18. Blocul orelor de lucru

Blocurile preferate ale lui Kamal din suita generală sunt Image Hotspot, care permite utilizatorilor să seteze un fundal de imagine cu „indicatoare” pentru a afișa conținut; Înainte după imagine, care permite utilizatorilor să compare două imagini folosind o bară glisantă; și Photo Collage, blocul de galerie bazat pe grilă al pluginului. Primele două sunt disponibile numai în versiunea pro a pluginului. Creatorul pluginului a spus că crede că toate blocurile sunt utile, dar acestea au fost cele mai distractive de construit.

Loc pentru imbunatatiri

ACF Blocks este un concept frumos. Îndreaptă multe lucruri. Cu toate acestea, există probleme minore care atenuează experiența de lucru cu blocurile sale. Aceste probleme nu sunt de netrecut și mă aștept ca Kamal să le abordeze în versiunile viitoare, pe baza familiarizării cu munca sa anterioară și să se îndrepte spre construirea de produse excelente pentru utilizatori.

Problema cea mai imediată și probabil cea mai simplă de rezolvat este stilurile pluginului pentru marginile din stânga și din dreapta pe fiecare bloc. Pluginul resetează aceste margini la 0 în mod implicit. În funcție de tema activă de pe un site, acest lucru ar putea muta blocurile la marginea ecranului în loc de zona de conținut din partea frontală. Unele teme folosesc marginile stânga/dreapta pentru a alinia conținutul. Aceasta nu este o problemă numai cu blocurile ACF. Este răspândit printre pluginurile cu ieșire front-end.

O soluție rapidă pentru problema marjei este să împachetați oricare dintre blocurile pluginului în blocul de bază al grupului. Acest lucru va pune din nou marjele sub controlul temei.

Editarea conținutului blocului are loc în panoul de opțiuni de bloc, nu direct în bloc. Nu sunt sigur dacă aceasta este o limitare a utilizării cadrului ACF Pro sau o decizie de proiectare din partea lui Kamal. Pare ciudat să treci de la editarea conținutului din zona de conținut la editarea conținutului din bara laterală.

Un exemplu al confuziei mele cu conținutul blocului a fost cu blocul Photo Collage. Am dat clic pe bloc, sperând să apară biblioteca media pentru încărcare. Nu s-a intamplat nimic. Am făcut clic din nou pentru că, ei bine, poate nu am primit un clic bun în prima dată. Nu s-a intamplat nimic. În cele din urmă, am găsit butonul de încărcare a imaginii sub panoul de opțiuni al blocului din dreapta.

Setarea opțiunilor de blocare se poate simți uneori puțin lent, iar rezultatul blocului din editor nu reflectă modificările imediat. Acest lucru se datorează în primul rând pentru că ACF Blocks se bazează pe capacitățile de redare pe partea serverului ACF Pro. Este puțin probabil ca acest lucru să poată fi rezolvat în pluginul blocuri. Unii utilizatori pot considera că randarea întârziată este plictisitoare atunci când editează mai multe opțiuni.

Gânduri finale

Kamal a creat un set util de blocuri care îi vor ajuta pe mulți utilizatori finali să construiască secțiuni de conținut pe care nu le pot crea din cutie. Între versiunile gratuite și pro, există un total de 33 de blocuri. Creatorul se angajează să adauge mai multe blocuri în timp, pe baza feedback-ului utilizatorilor. În viitorul imediat, el intenționează să continue să elimine remedierea erorilor și să îmbunătățească codul.

Încă simt că modul în care funcționează ACF Pro este un obstacol pentru cât de bun ar putea fi acest plugin dacă este construit de la zero. Acestea fiind spuse, cadrul a ajutat să transforme pluginul lui Kamal în realitate. ACF Blocks este o vitrină a ceea ce este posibil prin ACF Pro, care ar trebui să inspire alți dezvoltatori care caută soluții construite pe unul dintre cele mai utilizate framework-uri din ecosistemul WordPress.

Kamal înțelege că unii utilizatori ACF Pro își pot încerca să creeze blocuri similare, dar consideră că cunoștințele și dedicarea echipei sale de a oferi suport sunt cele mai importante părți ale ecuației. „ACF Blocks economisește timp și efort pentru a crea singur blocuri pentru cele mai comune elemente de web design”, a spus el.

Notă: această revizuire și feedback-ul pluginului au fost solicitate de autorul pluginului. Citiți postarea noastră despre feedback sincer bazat pe experiențe autentice pentru mai multe informații despre modul în care sunt gestionate recenziile.