Je suis à la recherche d’une solution de barre de progression décente depuis un certain temps maintenant. La plupart d’entre eux sont regroupés dans de grandes bibliothèques de blocs, ce qui m’oblige à installer 20 ou 30 blocs supplémentaires dont je n’ai pas besoin. D’autres semblent manquer complètement la cible avec des configurations étranges et des options de bloc. Certains des plugins restants utilisent toujours des shortcodes et des widgets, mais nous sommes en 2021. Je recherche un bloc.
Il y a quelques jours, le Bloc de progression des tuiles atterri dans l’annuaire. Il semble que ce soit une petite partie d’un projet plus vaste nommé Tiles. Je garde un œil sur le travail de l’équipe depuis sa création plugin de cadre de conception et de modèles lancé la semaine dernière. Ce projet est toujours en version bêta, et seul le temps nous dira s’il deviendra un projet compétitif dans l’espace des blocs.
Cependant, le nouveau bloc de barre de progression de l’équipe était exactement ce que je cherchais. A part un bug que j’ai signalé au développeur, je n’ai trouvé aucun problème grave.
Le plugin fait ce qu’il dit sur l’étain. Il enregistre un bloc Progress Bar :
Prêt à l’emploi, il comprend les styles Small et Large, permettant à l’utilisateur d’ajuster la taille de la barre.
Sa force est que – je ne saurais trop insister sur ce point – le contenu du bloc est modifiable dans la zone de canevas de l’éditeur. Cela inclut l’étiquette et le pourcentage. Il s’agit d’un changement rafraîchissant par rapport aux nombreux autres qui obligent les utilisateurs à revenir dans la barre latérale des options de bloc pour modifier du texte simple. Étant donné que le bloc utilise des champs de texte enrichi pour son étiquette et son pourcentage, les utilisateurs finaux peuvent utiliser des outils de mise en forme en ligne comme le gras, l’italique, etc.
Le bloc utilise également les commandes de typographie et de palette de couleurs standard du noyau WordPress. Cela donne accès aux tailles de police et aux couleurs du thème.
De plus, les utilisateurs peuvent choisir des dispositions larges et pleine largeur, une fonctionnalité souvent négligée dans les plugins de bloc.
Dans l’ensemble, je creuse ce plugin de bloc. Si j’avais une demande de fonctionnalité, ce serait d’ajouter une option de rayon de bordure. Par défaut, la barre de progression est arrondie, mais certains utilisateurs peuvent préférer des coins carrés.
Extension du bloc
Dans les aperçus de thème, je vois presque toujours des barres de progression présentées à côté de la quantité de PHP, HTML et JavaScript de la démo faux développeur a appris. Il s’agit rarement d’une représentation réelle des barres de progression. Comment quantifiez-vous la quantité d’un langage de codage que vous maîtrisez ? Je fais cela depuis près de deux décennies et je ne peux pas répondre à cela.
Les barres de progression doivent être des éléments mesurables. Par exemple, les étapes qu’une personne a suivies dans un cours d’apprentissage en ligne, le pourcentage du total des dons reçus et tout nombre de choses pouvant être comptées sont beaucoup plus réalistes.
Mon utilisation préférée des barres de progression se trouve également sur mon site du romancier préféré. J’aime garder un œil sur le travail de Brandon Sanderson, impatient d’avoir ma prochaine dose littéraire (oui, je suis un fanboy).
Actuellement, Tiles Progress Block ne gère pas cette disposition exacte. Cependant, comme il est construit sur le système de blocs et ne fait rien d’extraordinaire, les auteurs de thèmes peuvent changer cela avec des styles personnalisés.
Et c’est exactement ce que j’ai fait. Mon Sanderson-esque barres de progression du livre (brutes, non polies code disponible comme Gist):
Ce que j’aime dans le système de blocs, c’est que les themers peuvent étendre les blocs de cette manière. Il n’est pas nécessaire de vérifier les plug-ins actifs, de charger des feuilles de style supplémentaires par plug-in ou de déterminer le système unique de chaque plug-in.
Si un bloc est codé selon les normes actuelles, les auteurs de thèmes n’ont qu’à s’accrocher à leurs propres styles. Les utilisateurs peuvent ensuite sélectionner ces styles via l’éditeur et même en faire la valeur par défaut.
Je veux en voir plus à partir de l’écosystème des plugins de bloc.
Source link