Au cours du week-end, Munir Kamal a publié la version 2.0 de son Plugin ACF Blocks, un projet qui crée une suite de blocs pour l’éditeur. Le plugin propose 18 blocs personnalisés dans sa version gratuite et 15 autres dans le mise à niveau pro. Il est construit au-dessus de Advanced Custom Fields Pro (ACF Pro).

La dernière mise à jour du plugin a ajouté la prise en charge de la typographie, y compris des options d’utilisation de diverses polices Google pour le texte en bloc. Kamal a également inclus des options de style de base pour les fonctionnalités de conception telles que la marge et le rembourrage pour chaque bloc du plug-in.

Avec ACF Pro comme dépendance dure, cela limite l’audience des blocs ACF. En grande partie, ce plugin sera utile pour les agences et les indépendants qui ont besoin de créer rapidement des fonctionnalités pour les clients dans le cadre de leur budget. À cette fin, le plugin fait un travail solide.

Le couplage étroit avec ACF Pro nuit à l’expérience utilisateur du plugin. Cependant, les idées derrière ACF Blocks et ses options personnalisées compensent les inconvénients de s’appuyer sur son plug-in parent dépendant. Découpler les deux est peu probable, mais cela rendrait l’expérience plus fluide et ouvrirait le plugin à un public plus large.

Kamal s’est inspiré du plugin d’ACF et de sa version pro. Il a décrit le processus de construction de blocs avec le cadre «super facile», même pour un développeur de niveau intermédiaire. « Cela a été un cadre WordPress incroyable depuis des années pour créer des champs personnalisés », a-t-il déclaré. « Et quand [Elliot Condon] a annoncé la fonctionnalité de création de blocs dans ACF, qui m’a rapidement incité à créer cette collection de blocs ACF prêts à l’emploi. »

La plus grande limitation technique est que Kamal ne peut pas construire de blocs imbriqués, qui est une limitation actuelle d’ACF. «J’en ai déjà discuté avec [Condon], et il travaille déjà sur la mise en place de cette fonctionnalité, nous l’espérons bientôt », a-t-il déclaré. « Une fois que cela arrive à ACF, nous pouvons créer des blocs Gutenberg plus incroyables et plus puissants. »

Regardez une brève procédure pas à pas sur le fonctionnement du plugin:

Assortiment utile de blocs

Tout en testant principalement la version gratuite des blocs ACF, j’ai constaté qu’elle contient plusieurs blocs utiles qui pourraient immédiatement répondre aux besoins communs des utilisateurs finaux. Avec 18 blocs gratuits disponibles, les utilisateurs ont beaucoup de choses à travailler avant de décider s’ils souhaitent passer le long du chemin de mise à niveau vers la version pro.

L’un des meilleurs blocs de la collection est le bloc Photo Collage. Il s’agit de la réponse des blocs ACF au bloc principal de la galerie. Les options de grille pour ce bloc à elles seules valent la peine d’être vérifiées. Le bloc propose entre 2 et 15 dispositions de grille, selon l’option de grille sélectionnée par l’utilisateur.

Capture d'écran du bloc Photo Collage du plugin ACF Blocks dans l'éditeur WordPress.
Définition de la grille pour le bloc Collage de photos.

Mon deuxième favori de l’assortiment est le bloc Témoignage. Couplé avec les options de typographie, disponibles pour tous les blocs, vous pouvez vous amuser à concevoir une section de témoignage.

Capture d'écran du bloc Témoignage du plugin ACF Blocks dans l'éditeur WordPress.
Bricolage avec les polices Google dans le bloc Témoignage.

Ceci est un petit échantillon de ce que le plugin peut faire. Le bloc Liste de prix peut aider les sites de restaurants à configurer leur menu. Le bloc Pricing Box, en particulier lorsqu’il est imbriqué dans le bloc Core Columns, facilite la configuration d’une section de tarification avec plusieurs options de produit. De plus, le bloc Équipe facilite la création de sections de profil sur la page Équipe / À propos d’une entreprise.

Les blocs suivants sont disponibles dans la version gratuite (avec plusieurs autres dans la version pro):

  1. Bloc d’image défilable
  2. Bloc d’onglets
  3. Basculer le bloc
  4. Bloc d’accordéon
  5. Bloc de curseur d’image
  6. Bloc de partage social
  7. Bloc de collage de photos
  8. Bloc de messages
  9. Bloc de témoignage
  10. Bloc d’équipe
  11. Bloc multi-boutons
  12. Bloc de boîte de prix
  13. Bloc de liste de prix
  14. Démarrer le bloc d’évaluation
  15. Bloc de barre de progression
  16. Bloc de numéro de compteur
  17. Cliquez pour tweeter Bloquer
  18. Bloc des heures d’ouverture

Les blocs préférés de Kamal de la suite globale sont Image Hotspot, qui permet aux utilisateurs de définir un fond d’image avec des «pointeurs» pour faire apparaître le contenu; Before After Image, qui permet aux utilisateurs de comparer deux images à l’aide d’une barre coulissante; et Photo Collage, le bloc de galerie basé sur la grille du plugin. Les deux premiers sont disponibles uniquement dans la version pro du plugin. Le créateur du plugin a déclaré qu’il pensait que tous les blocs étaient utiles, mais que c’était le plus amusant à construire.

Marge d’amélioration

Les blocs ACF sont un joli concept. Il obtient beaucoup de choses correctes. Cependant, il existe des problèmes mineurs qui amortissent l’expérience de travail avec ses blocs. Ces problèmes ne sont pas insurmontables, et je m’attends à ce que Kamal les aborde dans les versions à venir en fonction de sa familiarité avec son travail passé et de sa volonté de créer d’excellents produits pour les utilisateurs.

Le problème le plus immédiat et probablement le plus simple à résoudre est le style du plugin pour les marges gauche et droite sur chaque bloc. Le plugin réinitialise ces marges à 0 par défaut. Selon le thème actif sur un site, cela pourrait déplacer les blocs vers le bord de l’écran au lieu de la zone de contenu à l’extrémité avant. Certains thèmes utilisent des marges gauche / droite pour aligner le contenu. Ce n’est pas un problème avec uniquement les blocs ACF. Il est répandu parmi les plugins avec sortie frontale.

Une solution rapide pour le problème de marge consiste à encapsuler l’un des blocs du plugin dans le bloc de groupe principal. Cela remettra les marges sous le contrôle du thème.

La modification du contenu du bloc se produit dans le panneau d’options de bloc plutôt que directement dans le bloc. Je ne sais pas s’il s’agit d’une limitation de l’utilisation du cadre ACF Pro ou d’une décision de conception de la part de Kamal. Il semble étrange de passer de l’édition de contenu dans la zone de contenu à l’édition de contenu dans la barre latérale.

Un exemple de ma confusion avec le contenu du bloc était avec le bloc Photo Collage. J’ai cliqué sur le bloc, en espérant que la bibliothèque multimédia apparaisse pour le téléchargement. Rien ne s’est passé. J’ai cliqué à nouveau parce que, eh bien, peut-être que je n’ai pas eu un bon clic la première fois. Rien ne s’est passé. J’ai finalement trouvé le bouton de téléchargement d’image sous le panneau d’options du bloc à droite.

La définition des options de bloc peut parfois sembler un peu lente, la sortie de bloc dans l’éditeur ne reflétant pas immédiatement les changements. Cela est principalement dû au fait que les blocs ACF reposent sur les capacités de rendu côté serveur d’ACF Pro. Il est peu probable que cela puisse être résolu dans le plugin de blocs. Certains utilisateurs peuvent trouver le rendu retardé fastidieux lors de la modification de plusieurs options.

Dernières pensées

Kamal a mis en place un ensemble utile de blocs qui aidera de nombreux utilisateurs finaux à créer des sections de contenu qu’ils ne peuvent pas créer hors de la boîte. Entre les versions gratuite et pro, il y a un total de 33 blocs. Le créateur s’engage à ajouter plus de blocs au fil du temps en fonction des commentaires des utilisateurs. Dans un avenir immédiat, il prévoit de continuer à pirater les correctifs de bogues et à améliorer le code.

J’ai toujours l’impression que le fonctionnement d’ACF Pro est un obstacle à la qualité de ce plugin s’il est construit à partir de zéro. Cela dit, le cadre a contribué à faire du plugin de Kamal une réalité. ACF Blocks est une vitrine de ce qui est possible via ACF Pro, ce qui devrait inspirer d’autres développeurs qui recherchent des solutions construites sur l’un des frameworks les plus utilisés de l’écosystème WordPress.

Kamal comprend que certains utilisateurs d’ACF Pro peuvent essayer de créer des blocs similaires, mais il pense que les connaissances et le dévouement de son équipe pour offrir un support sont les parties les plus importantes de l’équation. «ACF Blocks économise du temps et des efforts pour créer vous-même des blocs pour les éléments de conception Web les plus courants», a-t-il déclaré.

Remarque: cet examen du plugin et les commentaires ont été demandés par l’auteur du plugin. Lisez notre article sur commentaires honnêtes basés sur des expériences authentiques pour plus d’informations sur le traitement des avis.


Source link