ACF Blocks fornisce un assortimento di blocchi costruiti da Advanced Custom Fields Pro

Durante il fine settimana, Munir Kamal ha rilasciato la versione 2.0 del suo plugin ACF Blocks, un progetto che crea una suite di blocchi per l'editor. Il plugin offre 18 blocchi personalizzati nella sua versione gratuita e altri 15 nell'aggiornamento pro. È basato su Advanced Custom Fields Pro (ACF Pro).

L'ultimo aggiornamento del plug-in ha aggiunto il supporto per la tipografia, comprese le opzioni per l'utilizzo di vari Google Fonts per il testo in blocco. Kamal includeva anche opzioni di stile di base per funzionalità di progettazione come margine e riempimento per ogni blocco nel plug-in.

Con ACF Pro come dipendenza fisica, limita il pubblico di ACF Blocks. In gran parte, questo plug-in sarà utile per agenzie e liberi professionisti che hanno bisogno di creare rapidamente funzionalità per i clienti entro il loro budget. A tale scopo, il plugin fa un lavoro solido.

Lo stretto accoppiamento con ACF Pro danneggia l'esperienza dell'utente per il plug-in. Tuttavia, le idee alla base di ACF Blocks e le sue opzioni personalizzate compensano le carenze di fare affidamento sul plug-in padre dipendente. Disaccoppiare i due è improbabile, ma renderebbe l'esperienza più fluida e aprirebbe il plug-in a un pubblico più ampio.

Kamal ha preso ispirazione per il plugin da ACF e dalla sua versione pro. Ha descritto il processo di creazione dei blocchi con il framework "super facile", anche per uno sviluppatore di livello intermedio. "È stato un framework WordPress così straordinario per anni creare campi personalizzati", ha affermato. "E quando [Elliot Condon] ha annunciato la funzione di creazione di blocchi in ACF, ciò mi ha spinto rapidamente a creare questa raccolta di blocchi ACF pronti per l'uso".

Il più grande limite tecnico è che Kamal non può costruire blocchi nidificati, che è un limite attuale di ACF. "Ne ho già discusso con [Condon] e sta già lavorando per portare quella funzionalità, si spera presto", ha detto. "Una volta che arriverà ad ACF, potremmo creare blocchi Gutenberg più sorprendenti e potenti."

Guarda una breve panoramica di come funziona il plugin:

Utile assortimento di blocchi

Mentre testavo principalmente la versione gratuita di ACF Blocks, ho scoperto che ha diversi blocchi utili che potrebbero soddisfare immediatamente le esigenze comuni degli utenti finali. Con 18 blocchi gratuiti disponibili, gli utenti hanno molto su cui lavorare prima di decidere se vogliono spostarsi lungo il percorso di aggiornamento alla versione pro.

Uno dei migliori blocchi della collezione è il blocco Photo Collage. È la risposta di ACF Blocks al blocco Galleria principale. Le opzioni della griglia per questo blocco da sole rendono questo plugin degno di essere provato. Il blocco offre da 2 a 15 layout di griglia, a seconda dell'opzione di griglia selezionata dall'utente.

Il mio secondo preferito dell'assortimento è il blocco Testimonial. Insieme alle opzioni tipografiche, disponibili per tutti i blocchi, puoi divertirti molto a progettare una sezione di testimonianze.

Questo è un piccolo esempio di ciò che il plugin può fare. Il blocco Listino prezzi può aiutare i siti di ristoranti a impostare il loro menu. Il blocco Pricing Box, in particolare se nidificato nel blocco Colonne principali, semplifica l'impostazione di una sezione dei prezzi con più opzioni di prodotto. Inoltre, il blocco Team semplifica la creazione di sezioni del profilo nella pagina del team/informazioni di un'azienda.

I seguenti blocchi sono disponibili nella versione gratuita (con molti altri nella versione pro):

1. Blocco immagine scorrevole
2. Blocco schede
3. Attiva/disattiva blocco
4. Blocco di fisarmonica
5. Blocco cursore immagine
6. Blocco condivisione social
7. Blocco per collage di foto
8. Blocco messaggi
9. Blocco Testimonianze
10. Blocco squadra
11. Blocco multi pulsanti
12. Blocco casella dei prezzi
13. Blocco Listino Prezzi
14. Inizia il blocco di valutazione
15. Blocco barra di avanzamento
16. Blocco numero contatore
17. Clicca per twittare Blocca
18. Blocco orario di lavoro

I blocchi preferiti di Kamal dall'intera suite sono Image Hotspot, che consente agli utenti di impostare uno sfondo dell'immagine con "puntatori" per far apparire il contenuto; Before After Image, che consente agli utenti di confrontare due immagini utilizzando una barra di scorrimento; e Photo Collage, il blocco della galleria basato sulla griglia del plug-in. I primi due sono disponibili solo nella versione pro del plugin. Il creatore del plugin ha detto che pensa che tutti i blocchi siano utili, ma questi sono stati i più divertenti da costruire.

Margini di miglioramento

ACF Blocks è un bel concetto. Fa molte cose per bene. Tuttavia, ci sono problemi minori che smorzano l'esperienza di lavoro con i suoi blocchi. Questi problemi non sono insormontabili e mi aspetto che Kamal li affronterà nelle prossime versioni in base alla familiarità con il suo lavoro passato e alla creazione di ottimi prodotti per gli utenti.

Il problema più immediato e probabilmente il più semplice da risolvere sono gli stili del plugin per i margini sinistro e destro su ogni blocco. Il plugin reimposta questi margini su 0 per impostazione predefinita. A seconda del tema attivo su un sito, ciò potrebbe spostare i blocchi sul bordo dello schermo anziché nell'area del contenuto sul front-end. Alcuni temi utilizzano i margini sinistro/destro per allineare il contenuto. Questo non è un problema solo con i blocchi ACF. È prevalente tra i plugin con output front-end.

Una soluzione rapida per il problema del margine è racchiudere tutti i blocchi del plug-in all'interno del blocco del gruppo principale. Ciò rimetterà i margini sotto il controllo del tema.

La modifica del contenuto del blocco avviene nel pannello delle opzioni del blocco invece che direttamente nel blocco. Non sono sicuro se questa sia una limitazione dell'utilizzo del framework ACF Pro o una decisione di progettazione da parte di Kamal. È strano passare dalla modifica del contenuto nell'area del contenuto alla modifica del contenuto nella barra laterale.

Un esempio della mia confusione con il contenuto del blocco è stato con il blocco Photo Collage. Ho cliccato sul blocco, sperando che la libreria multimediale venisse visualizzata per il caricamento. Non è successo niente. Ho cliccato di nuovo perché, beh, forse non ho ottenuto un buon clic in quella prima volta. Non è successo niente. Alla fine ho trovato il pulsante di caricamento dell'immagine sotto il pannello delle opzioni del blocco sulla destra.

L'impostazione delle opzioni di blocco a volte può sembrare un po' lenta con l'output del blocco nell'editor che non riflette immediatamente le modifiche. Ciò è principalmente dovuto al fatto che ACF Blocks si basa sulle capacità di rendering lato server di ACF Pro. È improbabile che questo possa essere risolto nel plug-in dei blocchi. Alcuni utenti potrebbero trovare noioso il rendering ritardato durante la modifica di più opzioni.

Pensieri finali

Kamal ha messo insieme un utile set di blocchi che aiuterà molti utenti finali a creare sezioni di contenuto che non possono creare fuori dagli schemi. Tra la versione gratuita e quella pro, ci sono un totale di 33 blocchi. Il creatore si impegna ad aggiungere più blocchi nel tempo in base al feedback degli utenti. Nell'immediato futuro, ha in programma di continuare ad hackerare le correzioni di bug e migliorare il codice.

Sento ancora che il modo in cui funziona ACF Pro è un ostacolo a quanto potrebbe essere buono questo plugin se costruito da zero. Detto questo, il framework ha contribuito a rendere il plug-in di Kamal una realtà. ACF Blocks è una vetrina di ciò che è possibile fare tramite ACF Pro, che dovrebbe ispirare altri sviluppatori che cercano soluzioni basate su uno dei framework più utilizzati nell'ecosistema WordPress.

Kamal comprende che alcuni utenti di ACF Pro potrebbero cimentarsi nella creazione di blocchi simili, ma ritiene che la conoscenza e la dedizione del suo team nell'offrire supporto siano le parti più importanti dell'equazione. "ACF Blocks consente di risparmiare tempo e fatica per creare blocchi per gli elementi di web design più comuni", ha affermato.

Nota: questa recensione e feedback del plug-in sono stati richiesti dall'autore del plug-in. Leggi il nostro post sul feedback onesto basato su esperienze autentiche per ulteriori informazioni su come vengono gestite le recensioni.