Sélectionner une page


Ai-je mentionné à quel point je suis enthousiasmé par le potentiel de? Modèle de bloc? Je peux ressembler à un record battu à ce stade aux lecteurs réguliers de Tavern, mais je continuerai à évangéliser cette fonctionnalité à venir pour WordPress.

En l’absence de plans sociaux ou d’autres choses importantes nécessitant mon attention ce week-end dernier, c’était un bon moment pour replonger mes orteils dans l’eau en développement. Je n’ai pas créé de nouveau plugin pour la publication depuis que je suis devenu écrivain pour WP Tavern il y a six mois. Mon enthousiasme pour les motifs de bloc a provoqué une démangeaison qui m’a fait gratter. Combinez cela avec la distance physique que nous pratiquons tous pendant la pandémie mondiale actuelle. C’était le moment opportun pour mettre sur pied une idée de plugin que j’avais.

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

Quand la première API pour a été lancée Motif de bloc dans Gutenberg 7.8Il était immédiatement clair à quel point il serait facile pour les auteurs de thèmes et de plugins d’enregistrer des modèles personnalisés. Créer un motif était aussi simple que de créer un identifiant unique, d’attribuer un titre et de coller le code des blocs qui composent le motif. Il n’y a pratiquement pas de codage réellement associé aux modèles de construction.

Étant donné que les modèles ne sont que du code HTML composé de blocs, il était possible d’utiliser l’éditeur de blocs pour les créer. Les utilisateurs finaux pourraient le faire. Tout ce dont vous avez besoin est un moyen simple de publier vos modèles personnalisés. C’est là qu’intervient le plugin Block Pattern Builder.

Avec cette idée, j’ai éteint un prototype fonctionnel en une heure samedi après-midi. Depuis, j’ai nettoyé un peu le code et l’ai emballé pour vous tous.

Téléchargez le plugin: Vous pouvez Prenez le plugin à partir du répertoire du plugin WordPress ou installez-le directement à partir du nouvel écran du plugin dans votre administrateur. C’est aussi disponible sur GitHub.

Fonctionnement du générateur de modèles de blocs

Block Pattern Builder nécessite la version 7.8 ou supérieure de Plugin Gutenberg travail. Il est possible que le système de modèle de bloc de WordPress 5.5 soit directement fusionné dans WordPress. La dernière version du plugin Gutenberg est actuellement requise.

Après avoir installé et activé le plugin, un nouvel élément de menu d’administration intitulé « Block Patterns » sera ajouté. À partir de ce moment, la création de modèles fonctionne de la même manière que la création d’un article ou d’une page. Vous ajoutez simplement un nouveau motif en cliquant sur le lien «Ajouter nouveau». Vous pouvez réorganiser les blocs à votre guise. Lorsque vous avez un modèle que vous aimez, postez-le.

Capture d'écran de la création d'un modèle de bloc personnalisé.
Créez un motif de bloc personnalisé.

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

Capture d'écran du collage d'un motif de bloc dans l'éditeur de publication.
Insérez un motif de bloc dans l’éditeur de publication.

C’est tout ce qui va avec. C’est un système simple, mais il offre un moyen facile de jouer avec la fonction de motif de Gutenberg.

Notes et idées

Étant donné que les modèles de bloc continuent d’évoluer dans le plugin Gutenberg, le système peut échouer jusqu’à ce que les choses se soient un peu calmées. L’API sous-jacente peut changer. Mais cela ne veut pas dire que nous ne pouvons pas nous amuser un peu en attendant. 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 motifs personnalisés dans l’éditeur fourni. Passez ensuite à la vue de code de l’éditeur de blocs. Vous pouvez copier le code de bloc et vous enregistrer via le Exemple d’API.

Si vous avez besoin d’un échantillon d’inspiration, contactez Gutenberg Hub Bibliothèque de modèles a plus de 100 idées à choisir. Vous pouvez les copier et les coller directement dans l’éditeur et les enregistrer en tant que motifs personnalisés à l’aide du générateur de modèles de blocs.



Source link

Recent Posts