Jeffrey Carandang publié aujourd’hui Constructeur de blocs WP, un script npm que les développeurs peuvent utiliser pour commencer à créer des blocs WordPress. Ce n’est que l’un des nombreux scripts de ce type dans une mer d’outils d’échafaudage en blocs, mais Carandang a peut-être l’expérience et l’influence nécessaires pour se démarquer de la foule. Jusqu’à présent, les développeurs ont téléchargé sa configuration personnalisée plus de 500 fois.

Les développeurs qui souhaitent jeter un coup d’œil sous le capot peuvent également les consulter Projet sur GitHub.

Il est presque impossible de plonger dans les blocs de construction de WordPress sans rencontrer une partie du travail de Carandang dans la salle des blocs WordPress. Il a lancé la communauté ShareABlock À la fin de l’année dernière. Il a ouvert la voie à d’autres développeurs en expérimentant des idées dans EditorsKit. Il était le co-fondateur de CoBlocks qui Acquisition de GoDaddy en 2019. Et ce n’est que la pointe de la iceberg – – Oui, il est impliqué dans ça aussi.

Il a maintenant décidé de lancer un script de construction de blocs dans une zone de plus en plus dense. WordPress de base a son propre script. WebDevStudios récemment a lancé une fourche personnalisée Plusieurs autres d’entre eux flottent dans l’écosystème WordPress, chacun ayant des paramètres légèrement différents pour démarrer le processus de blocage. Cependant, si l’un des experts du monde des blocs WordPress publie sa propre version de la configuration du développeur, cela vaut au moins le coup d’œil.

«Au départ, j’ai créé cet outil pour moi-même parce que je répétais sans cesse des processus similaires lors de la création de plugins de bloc Gutenberg», a déclaré Carandang. «Quand j’ai commencé à le construire, j’ai pensé qu’il serait utile aux autres de le rendre accessible au public, car avec une configuration minimale, il serait plus facile de se concentrer uniquement sur les blocs de construction. D’après mon expérience, la configuration de la configuration du Webpack prend du temps et est parfois frustrante. « 

Carandang possède une riche expérience des blocs de construction. Je suis sûr qu’il a ajouté tous les petits extras qui accélèrent le processus de développement.

Contrairement à de nombreux scripts similaires, WP Block Builder propose deux exemples de blocs par défaut. L’un est utilisé pour gérer le contenu statique typique qui est commun dans de tels scripts. Cependant, le second est un bloc dynamique côté serveur. Cela donne aux développeurs un aperçu de la création de deux types de blocs différents avec deux exigences à respecter. D’autres scripts se concentrent généralement sur le démarrage d’un plugin de bloc unique, ce qui est typique pour le partage dans le répertoire de blocs WordPress. WP Block Builder fournit un chemin pour démarrer un plugin avec plusieurs blocs si vous le souhaitez.

«Mon objectif est de faciliter la création d’un bloc pour les nouveaux développeurs de blocs, mais j’ai également créé un exemple de bloc dynamique pour les utilisateurs avancés», a déclaré Carandang. « Cela fournit un bon terrain de jeu pour expérimenter et apprendre à connaître chaque section du bloc. »

Carandang souhaite que les développeurs puissent plonger directement dans les blocs de construction. Il veut ramener une partie du plaisir à expérimenter sans que la technologie ne gêne, ce qui signifie souvent que des heures sont gaspillées à installer les outils de construction.

« Je m’adapte au sentiment que j’ai eu lorsque j’ai commencé à créer un thème WordPress », a-t-il déclaré. «À l’époque, j’ai changé les codes pour savoir comment ils fonctionnent et assez confiant pour que je puisse simplement les réinstaller si je ne les fous plus.»

Carandang a déclaré qu’il n’avait encore reçu aucun problème signalé, de sorte que le jour du lancement se passe bien. Il est ravi de voir quels blocs les développeurs créeront en fonction de sa configuration à l’avenir.

«Il est censé être suffisamment général pour aider les développeurs à commencer immédiatement à créer des plug-ins de blocs de construction», a-t-il déclaré. « J’attends toujours des retours pour améliorer le processus, mais jusqu’à présent, il semble bien se dérouler. »

Configurer un plugin de bloc

Exemple de capture d'écran de code du projet WP Block Builder.
Code de bloc dynamique de WP Block Builder.

WP Block Builder est une branche du script central de création de bloc de WordPress. Il comprend des packages npm supplémentaires, mais il est également difficile d’installer plusieurs packages PHP via Composer. Leur objectif principal est de garantir que les développeurs adhèrent aux normes de codage.

C’est facile à mettre en place. Tout ce que les développeurs ont à faire est de le faire npx wp-block-builder Commande pour démarrer le processus. Après avoir exécuté la commande, WP Block Builder guidera les développeurs à travers une série de questions définissant les champs suivants:

  • Bloquer l’escargot
  • Espace de noms
  • Titre du bloc
  • la description
  • Nom de l’auteur
  • Licence de plug-in
  • Numéro de version

Après l’installation, le plugin a deux blocs disponibles pour l’expérimentation. Le premier bloc est un conteneur de base avec des paramètres pour le texte et la couleur d’arrière-plan. Il prend également en charge un ciblage large et complet. Cela fonctionne un peu comme le bloc de base du groupe WordPress. Je préfère ce point de départ au bloc de paragraphes standard.

Le deuxième bloc est une liste de contributions dynamique. Il offre suffisamment de complexité pour voir comment les blocs dynamiques fonctionnent tout en utilisant un concept avec lequel la plupart des développeurs WordPress sont familiers: interroger et parcourir les articles. Le bloc a une seule option personnalisée pour modifier le nombre de publications.

Le but de l’exposition de ces deux blocs est d’amener les développeurs de plugins à entrer la tête la première dans le code. Casser des choses. Expérience. Étudiez le code.

À long terme, Carandang est convaincu que le processus sera encore meilleur pour les développeurs. « Je suis en contact avec Grzegorz Ziółkowski et Fabian Kägy de l’équipe Gutenberg », a-t-il déclaré, « et ils créent une meilleure façon de prendre en charge directement les packages npm externes. » @wordpress/create-block. Cela serait utile à la fois dans Block Builder et Gutenberg et aiderait à améliorer l’écosystème de développement de plugins Gutenberg. « 



Source link

Recent Posts