Pour des processus plus rapides et une simplification du travail quotidien sur le site, les Block Patterns dans WordPress sont là. Il s'agit de modèles de blocs prédéfinis qui peuvent être insérés et adaptés à différents endroits avec peu d'efforts. Dans cet article, nous te présentons le répertoire de patterns de WordPress et le Block Pattern Creator.
La plupart des sites web sont composés de structures répétitives. Ces soi-disant modèles sont des blocs prédéfinis dans WordPress qui trouvent leur place à différents endroits du site. Si nécessaire, ils peuvent être personnalisés, de manière simple et rapide.
Quelle est la différence entre les blocs répétitifs et les patterns ?
Les blocs récurrents, comme les patrons, peuvent être utilisés à différents endroits du site Web, selon les besoins. Cependant, ils se distinguent clairement les uns des autres sur un point : dès qu'un bloc récurrent est modifié, tous les liens changent également. Le bloc peut donc être modifié à un endroit central et la modification se répercute ensuite sur toutes les pages où le bloc a été utilisé.
Ce n'est pas le cas pour les patterns : une fois insérés, les patterns ne sont plus liés au modèle réel. Celui-ci peut donc être adapté à tout moment sans que les blocs déjà insérés ne changent.
Cette différence est un grand soulagement pour tous les propriétaires de sites Web qui ont travaillé jusqu'à présent avec les blocs récurrents. L'absence de lien rend les adaptations plus simples et le travail quotidien beaucoup plus facile.
"*" indique les champs requis
Depuis quand le répertoire de patterns de WordPress existe-t-il ?
Depuis la mise à jour 5.5 de WordPress, les propriétaires de sites web trouvent les patrons à côté des blocs récurrents. Les patrons sont une catégorie à part entière, sous laquelle les utilisateurs peuvent voir de nombreux modèles, y compris un aperçu.
En même temps que la mise à jour 5.8 de WordPress, le répertoire de patterns de WordPress a été mis en ligne. Il est similaire au répertoire de plugins ou de thèmes de WordPress. Les utilisateurs y trouveront un aperçu de nombreux modèles de blocs pour l'éditeur Gutenberg .
Qu'est-ce que le répertoire Block Pattern de WordPress ?
Directement sur le site de WordPress, les propriétaires de sites web peuvent trouver une grande sélection de modèles. Les modèles sont classés selon différentes fonctions, comme les boutons, les catégories ou les pieds de page. Il est possible d'afficher les modèles les plus récents ou les plus populaires. Grâce à la fonction de recherche, tu peux également rechercher un mot-clé spécifique et trouver tous les modèles qui correspondent exactement à ce thème.
Une fois que les propriétaires de sites Web ont trouvé un modèle approprié pour leur site, ils peuvent cliquer sur l'image d'aperçu pour voir la mise en page de plus près. L'éditeur de blocs permet une conception individuelle sans code. Ici, les personnes intéressées ont la possibilité de copier directement le pattern en cliquant sur le bouton "Copy Pattern". Juste après, le modèle peut être copié dans n'importe quel article ou page WordPress.
Pour savoir si le modèle s'adapte vraiment au site web, il est possible de le redimensionner individuellement. Les tailles par défaut sont 320px, 480px, 960px et 1200px. Mais avec le curseur de la souris, le modèle peut être déplacé à n'importe quelle autre taille. C'est particulièrement important pour voir si le modèle est adapté à l'affichage mobile.
En bas, tu trouveras d'autres patrons des designers, s'ils existent. Si l'un d'entre eux plaît directement au propriétaire du site, il est possible de le copier en cliquant sur le bouton "Copy", sans même avoir besoin de l'afficher.
Trois patrons utiles qui facilitent le travail quotidien
Pour avoir un meilleur aperçu des différents modèles du répertoire Block Pattern, nous présentons ci-dessous trois patrons pratiques.
Le tableau des prix
D'une part, le modèle "Pricing table". Ce modèle est particulièrement utile pour tous les propriétaires de sites Web qui vendent des produits ou des services et qui souhaitent afficher les différents tarifs avec un tableau de prix. Dans le modèle, il y a en tout trois colonnes qui se distinguent par leur couleur.
A propos de moi Pattern
Ou le modèle "About Me Cards". Avec ce modèle, les propriétaires de sites Web ont la possibilité de rendre la page "A propos de moi" plus graphique. Beaucoup de personnes utilisent ici du texte pur pour se présenter. Cependant, avec ce modèle, il est possible de créer un lien vers trois sous-pages, comme par exemple l'histoire personnelle, un contact et les canaux de médias sociaux.
Le modèle des citations
Avec le modèle "Quote", tu as également la possibilité d'intégrer des citations de manière claire et simple sur ta page ou dans tes articles. Au-dessus de la citation, tu as la possibilité d'insérer une image et sous la citation, le nom de l'auteur de la citation est inséré. Tu n'as donc plus besoin de marquer tes citations les plus importantes exclusivement avec des guillemets, mais tu peux les présenter joliment de manière graphique.
Pourquoi est-il judicieux d'utiliser les Block Patterns de WordPress ?
Grâce à des modèles de blocs adaptés au thème et à la page, les propriétaires de sites Web ont la possibilité de présenter leur contenu de manière visuelle. Cela permet aux visiteurs de comprendre directement le contenu. Pour les personnes inexpérimentées, les modèles sont une manière simple et rapide de visualiser le contenu.
De nombreux thèmes WordPress sont déjà équipés de patrons adaptés ou tu as la possibilité de créer tes propres patrons (nous en reparlerons dans l'article). Néanmoins, le répertoire Block Pattern offre un grand choix de modèles qui aident dans le travail quotidien. Si un pattern approprié est déjà présent dans le répertoire, il n'est pas nécessaire de le reprogrammer, il peut être utilisé directement en quelques clics.
Comme les patterns sont facilement adaptables, les propriétaires de sites Web peuvent les personnaliser selon leurs besoins. Les utilisateurs ont donc la possibilité de personnaliser tous les modèles du répertoire jusqu'à ce qu'ils correspondent à leur site ou à leur marque.
Conçois toi-même des patrons de blocs avec Block Pattern Creator : C'est aussi simple que ça.
Le choix de Block Patterns est déjà très large dans le répertoire de WordPress. Et si un modèle convient en principe, mais que tu dois encore y apporter des modifications, c'est possible sans problème. Mais si les propriétaires de sites Web ne trouvent pas de modèle adapté à un objectif particulier ou s'ils souhaitent créer des modèles, c'est possible.
Jusqu'à présent, la création du pattern se faisait dans l'éditeur de blocs, pour ensuite copier le code créé et le coller ensuite à l'endroit souhaité dans le code du thème. Depuis mars 2022, ce processus est devenu beaucoup plus facile : WordPress a publié le Block Pattern Creator.
Il s'agit d'un outil permettant de créer facilement ses propres Block Patterns et de les partager directement avec d'autres utilisateurs dans le répertoire Block Pattern. Et contrairement à l'approche initiale, cela se fait complètement sans code.
L'avantage est que les utilisateurs inexpérimentés qui ne connaissent pas le code peuvent créer leurs propres modèles et les copier facilement pour leur propre site.
WordPress a établi des directives pour la création de patrons dans le bloc Pattern Creator. Pour pouvoir soumettre des patrons, les créateurs doivent posséder les droits d'auteur du contenu créé. De plus, les contenus illégaux seront immédiatement supprimés. Tous les patrons doivent être créés et soumis en anglais et doivent être accompagnés d'un nom descriptif approprié. Si les créateurs utilisent par exemple les noms "Test" ou "My Pattern", l'enregistrement du pattern sera directement refusé.
WordPress donne aux créateurs quelques conseils pour créer de bons patterns. Les bons patrons combinent par exemple plusieurs blocs entre eux. Cela s'explique par le fait que les modèles seraient normalement compliqués à créer à partir de zéro. Un bon pattern met également en valeur les capacités des blocs qu'il contient et offre un point de départ optimal pour l'adaptation du contenu. Un bon modèle a également un objectif clairement défini et limite le texte de remplacement au minimum.
En même temps, les modèles ne devraient jamais occuper une page ou un article de blog entier. Les modèles très simples, comme un simple paragraphe avec des couleurs, ne font généralement pas gagner de temps aux utilisateurs. De plus, le modèle ne doit pas se limiter à un seul thème, mais doit pouvoir être utilisé pour différents thèmes et pages.
Conclusion : le répertoire Block Pattern de WordPress permet de gagner du temps.
Le répertoire Block Pattern peut t'aider dans ton travail quotidien. En particulier lorsque les propriétaires de sites Web recherchent un modèle spécifique mais n'ont pas le temps d'en créer un. Dans le répertoire, les utilisateurs voient tous les modèles classés par objectif et peuvent les copier en un seul clic et les insérer ensuite à l'endroit souhaité sur la page ou dans l'article.
Si tu veux créer tes propres patrons de blocs et les partager avec d'autres utilisateurs, tu peux le faire facilement avec le Block Pattern Creator. La particularité est qu'il n'est pas nécessaire de travailler dans le code. Les utilisateurs se connectent simplement au Block Pattern Creator et peuvent créer leurs propres modèles. Ceux-ci sont ensuite disponibles en permanence pour une utilisation personnelle, à condition qu'ils respectent les directives de WordPress.
Tes questions sur WordPress Block Pattern
Quelles questions as-tu sur les Block Patterns de WordPress et les exemples cités ? N'hésite pas à utiliser la fonction de commentaire. Tu veux être informé des nouveaux articles sur WordPress et les mises à jour ? Alors suis-nous sur Twitter, Facebook, LinkedIn ou via notre newsletter.
