Ai-je mentionné à quel point je suis excité par le potentiel de motifs de bloc? Pour les lecteurs réguliers de Tavern, je peux sembler un record battu à ce stade, mais je vais continuer à évangéliser cette fonctionnalité à venir pour WordPress.

En l’absence de plans sociaux ou d’autres choses importantes nécessitant mon attention le week-end dernier, cela a fait un bon moment pour replonger mes orteils dans les eaux du développement. Je n’ai pas construit de nouveau plugin pour une sortie publique depuis que je suis devenu écrivain pour WP Tavern il y a six mois. Mon enthousiasme pour les motifs de blocs créait des démangeaisons que je devais gratter. Combinez cela avec la distance physique que nous pratiquons tous pendant la pandémie mondiale actuelle, cela a fait un moment opportun pour rassembler une idée de plugin que j’avais.

Permettez-moi de vous présenter Block Block Builder.

Lorsque l’API initiale a été lancée pour modèles de blocs dans Gutenberg 7.8, il était immédiatement évident à quel point l’enregistrement de modèles personnalisés serait facile pour les auteurs de thèmes et de plugins. Construire un modèle était aussi simple que de créer un ID unique, de lui donner un titre et de coller le code des blocs qui composent le modèle. Il n’y a pratiquement aucun codage réellement impliqué dans les modèles de construction.

Comme les modèles ne sont que le code HTML des blocs, cela signifiait qu’il était possible d’utiliser l’éditeur de blocs pour les créer. Les utilisateurs finaux pourraient le faire. Ils ont juste besoin d’un moyen simple de publier leurs modèles personnalisés. C’est là que le plugin Block Pattern Builder entre en jeu.

Avec l’idée en tête, j’ai assommé un prototype fonctionnel en une heure le samedi après-midi. Depuis, j’ai un peu nettoyé le code et l’ai emballé pour que vous puissiez tous l’utiliser.

Téléchargez le plugin: Vous pouvez saisir le Fichier ZIP pour le plugin via GitHub et installez-le à l’ancienne. Il est actuellement en attente de révision pour le répertoire officiel des plugins WordPress. Je mettrai à jour le lien ici une fois qu’il sera en place.

Fonctionnement de Block Pattern Builder

Block Pattern Builder nécessite la version 7.8 ou ultérieure de Plugin Gutenberg travailler. Finalement, peut-être dans WordPress 5.5, le système de modèle de bloc sera fusionné directement dans WordPress. Pour l’instant, la dernière version du plugin Gutenberg est nécessaire.

Après avoir installé et activé le plug-in, il ajoute un nouvel élément de menu d’administration intitulé «Bloquer les modèles». À partir de là, la création de modèles fonctionne exactement comme la création d’une publication ou d’une page. Vous ajoutez simplement un nouveau modèle en cliquant sur le lien “Ajouter un nouveau”. Vous pouvez réorganiser les blocs selon le désir de votre cœur. Lorsque vous avez un motif que vous aimez, publiez-le.

Capture d'écran de la création d'un motif de bloc personnalisé.
Création d’un motif de bloc personnalisé.

Une fois qu’un modèle est publié, il est disponible via la barre latérale de modèle dans l’éditeur de blocs. Actuellement, il s’agit d’un bouton dans le coin supérieur droit de l’éditeur. Cependant, son emplacement et son interface sont susceptibles de changer à mesure que l’équipe de Gutenberg continue de développer la fonctionnalité.

Capture d'écran de l'insertion d'un motif de bloc dans l'éditeur de publication.
Insertion d’un motif de bloc dans l’éditeur de publication.

C’est tout ce qu’il y a à faire. C’est un système simple, mais il fournira un moyen facile de jouer avec la fonction de motifs de Gutenberg.

Notes et idées

Parce que les modèles de blocs sont une fonctionnalité évolutive du plugin Gutenberg, le système pourrait se casser jusqu’à ce que les choses soient un peu plus calmes. L’API sous-jacente pourrait changer. Cependant, cela ne signifie pas que nous ne pouvons pas nous amuser entre-temps. Gardez à l’esprit que cela est actuellement signalé comme une fonctionnalité expérimentale dans Gutenberg.

Si vous êtes un auteur de plugin ou de thème qui souhaite enregistrer vos modèles dans vos propres plugins ou thèmes, vous pouvez également utiliser ce plugin. Créez vos modèles personnalisés dans l’éditeur fourni. Ensuite, passez à la vue de code pour l’éditeur de blocs. Vous pouvez copier le code de blocage et l’enregistrer via le API Patterns.

Si vous avez besoin d’inspiration pour les modèles, le Gutenberg Hub’s bibliothèque de modèles a plus de 100 idées à choisir. Vous pouvez copier et coller ceux-ci directement dans l’éditeur et les enregistrer en tant que modèles personnalisés avec Block Pattern Builder.


Source link