Que sont les modèles de blocs WordPress ?

Vous entendez beaucoup parler des modèles de blocs WordPress mais vous ne savez pas exactement à quoi ils servent ? Vous êtes au bon endroit !

Dans cet article, nous expliquerons non seulement ce que sont les modèles de blocs WordPress, mais nous vous apprendrons également comment les utiliser sur votre site Web, comment créer vos propres modèles personnalisés et où trouver des modèles de blocs WordPress prêts à l'emploi en ligne.

Donc, si vous êtes propriétaire d'un site WordPress et que vous souhaitez tirer le meilleur parti de votre présence en ligne, lisez la suite pour apprendre tout ce que vous devez savoir sur cette fonctionnalité intéressante que WordPress vous réserve, c'est-à-dire les modèles de blocs.

Plongeons-nous !

Que sont les modèles de blocs WordPress et pourquoi devriez-vous les utiliser

Les modèles de blocs WordPress sont des modèles constitués de blocs.

En d'autres termes, si vous prenez quelques blocs WordPress et les assemblez dans un beau design, vous venez de créer un modèle de bloc WordPress.

Les modèles de blocs WordPress sont disponibles pour les utilisateurs depuis le lancement de l'éditeur de blocs WordPress. Mais WordPress 6.0 a particulièrement mis l'accent sur les modèles, qui sont devenus les principaux outils de création de conceptions et de modèles dans WordPress. Cette version de WordPress met les modèles à l'honneur plutôt que les blocs individuels.

Avec les modèles de blocs WordPress, vous pouvez créer des modèles complets pour vos pages ou simplement des parties d'un modèle que vous pouvez utiliser comme sections sur votre site. Une conception complète peut être créée à partir d'autant de motifs de blocs que vous jugez adaptés à vos besoins.

Une fois que vous avez créé ou personnalisé un modèle WordPress, vous pouvez l'enregistrer dans votre bibliothèque et le réutiliser à tout moment dans des pages ou des articles de blog.

Pourquoi les modèles de blocs sont-ils utiles ?

Les modèles de blocs WordPress sont utiles pour plusieurs raisons :

• Tout propriétaire de site Web qui n'a pas les compétences techniques pour créer des conceptions à partir de zéro peut désormais rendre son site Web impressionnant grâce à des modèles de blocs. Avec cette fonctionnalité, vous pouvez réellement concevoir vous-même vos pages, sections et publications sans trop d'effort.
• Les modèles de blocs sont réutilisables et flexibles. Vous pouvez créer et recréer de nombreux modèles à partir de vos modèles de blocs enregistrés. Par exemple, vous pouvez enregistrer le même motif de bloc dans de nombreuses variantes différentes (par exemple dans différentes couleurs ou typographie). C'est à vous de décider comment personnaliser chaque motif de bloc.
• Vous pouvez également créer de nombreuses combinaisons de blocs différentes que vous pourrez simplement réutiliser à l'avenir pour différents projets ou campagnes. C'est formidable sur le long terme car vous gagnez du temps et évitez les travaux répétitifs.

Comment utiliser les modèles de blocs WordPress

Vous vous sentez enthousiaste à l'idée de décorer votre site Web WordPress avec de belles pages et modèles ? Voyons comment vous pouvez utiliser exactement les modèles de blocs WordPress.

Accédez à la page ou à la publication où vous souhaitez inclure un motif. Une fois là-bas, cliquez sur l'icône + en haut à gauche de l'éditeur de blocs WordPress.

Lorsque le menu se déroule, sélectionnez Motifs . Vous pouvez également choisir une catégorie de modèles qui serait plus pertinente à vos besoins. Cliquez sur le bouton Explorer pour ouvrir les modèles dans une fenêtre plus grande.

Après avoir parcouru la collection de modèles, cliquez sur le modèle que vous souhaitez insérer dans la publication ou la page.

Une fois inséré dans l'éditeur de blocs, vous pouvez commencer à le personnaliser. Pour personnaliser un motif de bloc, vous devez réellement personnaliser chaque bloc séparé que contient le motif. Il vous suffit donc de cliquer sur chaque bloc de ce modèle et de le personnaliser individuellement.

Si vous n'aimez pas un bloc spécifique, vous pouvez toujours le remplacer par un autre, qu'il s'agisse d'un bloc personnalisé ou d'un bloc déjà existant dans la bibliothèque.

Et c'est tout. Lorsque vous avez fini de personnaliser chaque bloc, votre modèle est prêt à être mis en ligne. C'est si facile!

Où trouver des modèles de blocs WordPress prêts à l'emploi

Comme vous l'avez probablement déjà remarqué dans la section précédente, WordPress est livré avec des modèles de blocs prêts à l'emploi que vous pouvez utiliser librement sur votre site Web. Si vous ne vous sentez pas assez créatif ou si vous avez juste besoin d'inspiration pour vos futures conceptions, vous trouverez de nombreux modèles de blocs prêts à l'emploi dans le référentiel WordPress officiel.

Ici, vous découvrirez une impressionnante collection de motifs répartis en plusieurs catégories : boutons, colonnes, galerie, en-tête, images, texte et en vedette. Au total, le référentiel WordPress propose à lui seul plus de 800 modèles de blocs sympas à usage public.

Prenez le temps de consulter les modèles disponibles afin de trouver les plus beaux designs pour votre site Web. Alors oui, cela peut prendre un certain temps avant de trouver ceux qui vous conviennent, car il y a tellement d'options parmi lesquelles choisir.

Lorsque vous trouvez un modèle que vous souhaitez utiliser ou personnaliser davantage, cliquez dessus pour l'ouvrir sur une nouvelle page, puis cliquez sur Copier le modèle .

Ensuite, revenez à votre publication ou page initiale dans votre tableau de bord WordPress, où vous vouliez ajouter le modèle, faites un clic droit dans l'éditeur de blocs et collez.

Encore une fois, il est aussi simple d'ajouter un modèle de bloc WordPress du référentiel officiel à votre site Web WordPress ! Cela ne nécessite que quelques clics.

Si, après la copie, vous voyez des blocs contenant du "contenu inattendu ou invalide", cliquez simplement sur le bouton Tenter la récupération du bloc ci-dessous pour le faire réparer.

Voici! Vous venez de copier un modèle de bloc WordPress sur votre site Web WordPress. Vous pouvez aller de l'avant et le personnaliser à votre guise!

Pour en revenir aux modèles du référentiel WordPress, notez que vous pouvez également marquer les modèles comme favoris pour y accéder plus facilement à l'avenir. Le nombre de cœurs indique combien d'autres personnes ont aimé un design spécifique.

Comment créer vos propres motifs de bloc

Jusqu'à présent, vous avez appris à utiliser les modèles de blocs WordPress qui sont disponibles par défaut. Néanmoins, vous pouvez créer vos propres modèles si vous avez besoin de quelque chose de très spécifique ou spécial qui n'est pas disponible dans la bibliothèque. Dans cette section, nous allons vous montrer comment créer vos propres modèles de blocs sans code.

Créer des modèles de blocs WordPress via le référentiel WordPress

Allez sur WordPress.org -> Patterns -> Créer un nouveau pattern . Vous devez être connecté pour créer un modèle. Assurez-vous donc de créer un compte si vous n'en avez pas.

Ensuite, vous verrez une page vierge de l'éditeur de blocs où vous pourrez ajouter de nouveaux blocs et créer des modèles comme vous le feriez via votre tableau de bord WordPress.

Ici, vous pouvez taper le nom des blocs que vous souhaitez insérer. Par exemple, paragraphe, verset, image, couverture, titre, colonnes, médias et texte, etc. Vous pouvez également ajouter des blocs à l'aide de l'icône + dans le coin supérieur gauche (tout comme via votre tableau de bord WordPress).

Si vous souhaitez utiliser des images, vous pouvez soit les sélectionner dans la galerie par défaut, soit télécharger vos propres images. Une fois que vous avez inséré tous les blocs, les avez personnalisés et créé la version finale du motif, vous pouvez faire l'une ou l'autre de ces deux choses :

Soumettez-le au référentiel (coin supérieur droit de la page)

Donnez un nom à votre modèle, une description, choisissez une catégorie et cliquez sur Terminer . Gardez à l'esprit que votre modèle sera examiné par l'équipe principale de WordPress et publié dans le référentiel. Cela signifie que d'autres personnes pourront l'utiliser sur leurs sites Web.

Enregistrez-le comme brouillon

Si vous souhaitez conserver le modèle pour vous-même (sans le rendre public), enregistrez-le simplement en tant que brouillon. Chaque fois que vous souhaitez utiliser vos modèles, allez dans Mes modèles et vous les trouverez tous là-bas.

Créer des modèles de blocs WordPress avec des plugins

Si vous voulez tout garder ensemble dans votre tableau de bord WordPress et ne pas avoir à vous rendre dans le référentiel WordPress pour créer de nouveaux modèles, vous pouvez installer un plugin qui vous permet de les créer sans quitter le tableau de bord.

Choisissez l'un de ces deux plugins pour commencer (les deux sont gratuits):

• Générateur de modèle de bloc
• BlockMeister

Nous allons brièvement vous montrer les étapes pour créer des motifs avec le plugin BlockMeister :

Installez le plugin via Plugins -> Ajouter nouveau.

Lorsque le plugin est installé, rendez-vous à nouveau dans le menu de votre tableau de bord WordPress, cliquez sur Block Patterns , puis Add New . Ensuite, vous verrez l'éditeur de blocs WordPress où vous pouvez commencer à ajouter des blocs.

Après avoir créé le modèle, publiez-le. Vous verrez tous vos modèles personnalisés dans Block Patterns -> All Patterns.

L'étape suivante consiste à revenir à la publication ou à la page où vous souhaitez insérer le motif de bloc, cliquez sur l'icône + -> Motifs et recherchez votre motif (c'est-à-dire le nom que vous avez donné à votre motif lorsque vous l'avez construit). Votre modèle devrait apparaître là, dans la bibliothèque.

Cliquez dessus pour l'insérer, n'hésitez pas à le personnaliser davantage en fonction de vos besoins, et le tour est joué ! Vous pouvez maintenant l'utiliser n'importe où sur votre site Web WordPress.

Si vous souhaitez enregistrer une nouvelle variante du même motif personnalisé après la personnalisation, cliquez sur le motif (pas sur un seul bloc, mais sur l'ensemble du motif) et sélectionnez Ajouter aux motifs de bloc . Donnez-lui un nom différent et cliquez sur Créer un motif.

Vous trouverez cette nouvelle variation de motif dans la bibliothèque après avoir actualisé la page.

Conclusion

Ceci conclut notre tutoriel sur les modèles de blocs WordPress. Vous pouvez maintenant essayer de concevoir votre site Web comme vous le souhaitez et de le rendre plus attrayant pour vos visiteurs.

Comme vous l'avez probablement remarqué en lisant cet article, l'utilisation et la personnalisation des modèles de blocs ne sont pas compliquées du tout. Même la création de vos propres modèles ne nécessite que quelques étapes simples.

En plus d'être faciles à gérer, les modèles de blocs WordPress sont particulièrement utiles car, même si vous êtes débutant, vous avez la possibilité de créer vos propres modèles, de les personnaliser autant de fois que vous le souhaitez et de les réutiliser n'importe où sur votre site.

N'est-ce pas cool? C'est un pas en avant vers une expérience WordPress plus visuelle, tant pour l'utilisateur que pour le lecteur.

Que pensez-vous des modèles de blocs WordPress ? Les trouvez-vous utiles pour votre site Web? Faites-le nous savoir via la section des commentaires.