L’éditeur de blocs WordPress, également connu sous le nom de Gutenberg, est sorti en 2018. Les nouvelles fonctionnalités ajoutées à cette mise à jour révolutionnaire ont rendu plus facile que jamais la création de pages Web dynamiques avec un minimum d’effort.

Depuis son lancement, de nombreuses nouvelles fonctionnalités ont été ajoutées à Gutenberg pour prendre en charge encore plus de personnalisation.

Avec la version 5.5, WordPress a ajouté l’utilisation de collections de blocs organisées appelées Modèles de blocs de Gutenberg.

Dans cet article, nous discutons des modèles de blocs, en quoi ils diffèrent des blocs normaux et comment enregistrer des blocs personnalisés.

Que sont les modèles de blocs de Gutenberg ?

Les modèles de blocs Gutenberg sont des dispositions prédéfinies qui sont construites à partir de plusieurs blocs Gutenberg. Ils sont similaires aux blocs normaux, car vous pouvez les modifier une fois insérés, tout comme les blocs normaux.

Cependant, il existe une différence significative entre les modèles de blocs et les blocs réutilisables standard de Gutenberg.

Lorsque vous ajoutez un bloc réutilisable, il reste le même sur tout le site Web. Si vous utilisez le même bloc dans d’autres pages et essayez de le modifier, cela modifiera les blocs sur l’ensemble du site.

Avec les modèles de blocs, vous pouvez modifier la conception et les fonctionnalités avec une disposition cohérente sans affecter les autres blocs.

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

Les mises en page de blocs vous aident à créer de belles pages et les modèles de blocs font de même. Les modèles de blocs vous permettent de personnaliser chaque instance de la mise en page utilisée.

Ainsi, vous pouvez créer des pages plus attrayantes, plus rapidement.

Une toile vierge peut souvent fournir son propre défi. Mais avec les modèles de blocs, cela devient beaucoup plus facile.

Vous pouvez simplement saisir un motif que vous voulez à partir de WordPress Répertoire des modèles de blocs et utilisez-le sur votre site Web.

Cela vous fait gagner beaucoup de temps et d’efforts pour tout concevoir à partir de zéro !

Les modèles de blocs sont-ils meilleurs que les constructeurs de pages ?

Construire un site Web ne consiste pas seulement à le rendre beau. Vous devez également examiner les performances du site Web, les mises en page, les mises en page prédéfinies et d’autres éléments.

Voici quelques-uns des principes fondamentaux sur lesquels nous comparons les modèles de blocs de Gutenberg avec d’autres constructeurs de pages.

Performances du site Web

Si vous recherchez des performances optimales, les modèles de blocs Gutenberg sont bien en avance sur les constructeurs de pages. C’est le plus grand avantage d’utiliser Gutenberg par rapport à n’importe quel constructeur de page.

Les constructeurs de pages offrent de nombreuses fonctionnalités pour aider à créer de belles pages. Mais ces fonctionnalités s’accompagnent souvent d’une surcharge de performances qui peut ralentir les performances de la page.

Un site Web rapide aide à l’optimisation des moteurs de recherche et contribue à améliorer l’expérience utilisateur. Les gens n’aiment pas les sites Web lents, donc plus ils sont rapides, mieux c’est.

Gutenberg s’est avéré plus rapide que les autres constructeurs de pages car il fait partie de WordPress, c’est pourquoi nous l’aimons tant.

Santé et sécurité du site

En ce qui concerne la santé et la sécurité du site, les modèles de blocs Gutenberg sont beaucoup plus fiables que les constructeurs de pages. En effet, les blocs font partie de WordPress et sont conçus pour fonctionner de manière transparente avec WordPress.

Cela ne veut pas dire que les constructeurs de pages sont mauvais, mais simplement qu’ils sont intégrés à WordPress plutôt que construits dans le cadre de celui-ci. Il y a forcément des faiblesses là-dedans.

Modèles et mises en page

Gutenberg propose de nombreux modèles de blocs que vous pouvez utiliser sur votre site Web. Ce sont des blocs prêts à l’emploi qui vous aident à concevoir votre site Web efficacement.

Lorsque nous comparons des constructeurs de pages comme Divi, Elementor ou Beaver Builder, ils sont livrés avec des sites Web complets avec tout ce dont vous avez besoin, déjà conçus et prêts à l’emploi.

Ils ont donc le dessus ici.

Ni un constructeur de pages ni des modèles de blocs n’ont besoin d’une sorte de codage. Cependant, les modèles de blocs n’ont pas la fonctionnalité de glisser-déposer généralement vue dans les constructeurs de pages.

Coût

C’est un grand.

Gutenberg est fourni avec WordPress et est entièrement gratuit. Vous pouvez acheter des addons premium pour cela, mais ceux-ci sont complètement facultatifs.

Les constructeurs de pages ont des versions gratuites, qui sont suffisantes pour vous aider à démarrer. Si vous voulez les emmener plus loin, vous devrez payer.

La plupart des constructeurs de pages premium ont des frais de licence annuels qui peuvent coûter des centaines de dollars chaque année. Vous risquez de perdre des mises à jour importantes si vous manquez un paiement.

Que signifie l’enregistrement d’un modèle de bloc ?

Comme nous en avons discuté, WordPress possède son propre référentiel de modèles de blocs. Vous pouvez utiliser des modèles de ce référentiel et les utiliser sur votre site Web en les faisant glisser et en les déposant en place.

Et si vous créiez votre propre patron ?

Dans ce tutoriel, nous utiliserons le thème Astra. Astra est entièrement compatible avec Gutenberg et est la meilleure solution à cet effet.

Ne vous inquiétez pas si vous n’utilisez pas Astra, car cette méthode fonctionne avec presque tous les thèmes.

Comment enregistrer un motif de bloc

Voici un guide étape par étape sur l’enregistrement d’un motif de bloc.

Étape 1 : Installez le plug-in de modèles de blocs personnalisés

Installez et activez le Plugin de modèles de blocs personnalisés par LOOS.

Le plugin Custom Block Patterns vous aide à créer votre propre modèle, comme vous le souhaitez.

Normalement, vous devez créer un modèle, puis ajouter la fonction register_block_pattern() pour que le modèle de bloc s’active.

Avec ce plugin, vous pouvez contourner tout ce code et créer vos propres modèles directement dans l’éditeur de blocs WordPress.

Étape 2 : Créez votre modèle de bloc

Vous pouvez utiliser les mises en page préexistantes et les personnaliser pour créer la vôtre également.

Voici comment créer votre propre motif de bloc :

Accédez au tableau de bord WordPress et sélectionnez Modèles de bloc > Ajouter nouveau.

Clique sur le « + » bouton pour trouver les blocs que vous devez ajouter. Vous pouvez également choisir de tout parcourir pour explorer tous les blocs et les mises en page prédéfinies.

Faites glisser la mise en page que vous aimez dans l’éditeur.

Étape 3 : Personnalisez la mise en page

Personnalisez la mise en page selon vos besoins. Cette partie dépend entièrement de votre créativité.

Vous pouvez ajouter un bouton ou du texte, ou peut-être changer la couleur et l’image d’arrière-plan. Cela dépend entièrement de vous.

Publiez le patron que vous avez créé en cliquant sur le bouton « Publier » bouton.

Maintenant, votre modèle de bloc est prêt à être utilisé.

Étape 4 : Utiliser le modèle dans d’autres publications et pages

Maintenant que le motif est créé, vous pouvez commencer à l’utiliser de différentes manières. Vous pouvez l’ajouter à une page ou à un article.

Lorsqu’ils sont conçus d’une certaine manière, les modèles peuvent également être utilisés dans les barres latérales.

Maintenant, utilisons ce modèle à d’autres endroits :

1. Aller vers Tableau de bord >pages > Nouvelle page.
2. Clique sur le « + » bouton pour trouver les blocs que vous devez ajouter. Vous pouvez également choisir de tout parcourir pour explorer tous les blocs et les mises en page prédéfinies.
3. Cliquez sur le menu déroulant dans le « Motifsonglet « .
4. Clique sur le « Modèles de blocs personnalisés » option pour trouver les motifs de blocs que vous avez créés.

Faites glisser le motif de bloc souhaité et déposez-le sur la page.

FAQ sur le modèle de bloc de Gutenberg

Qu’est-ce que le motif de Gutenberg ?

Les modèles de blocs Gutenberg sont des mises en page prédéfinies composées de blocs Gutenberg réguliers. Ils agissent comme des blocs réguliers, mais ils peuvent être uniques à une certaine page ou publication, par opposition aux blocs réguliers.

La conception standardisée facilite la création d’une page plus attrayante avec moins d’efforts, de temps et d’énergie que si vous conceviez tout vous-même.

Comment personnaliser les blocs Gutenberg ?

Une fois que vous avez ouvert une page, vous pouvez y ajouter des blocs et commencer à la personnaliser.

• Ajouter une nouvelle page en allant sur Tableau de bord WordPress > pages > Ajouter nouveau.
• Ajoutez un bloc à l’aide de l’ajout d’un nouveau bloc « + » bouton.
• Une fois que vous avez cliqué sur le bouton, vous verrez un certain nombre de blocs Gutenberg à ajouter à votre page actuelle.
• Vous pouvez également cliquer sur le «parcourir tout » pour voir tous les blocs et les dispositions de bloc.

Vous pouvez ajouter, supprimer ou modifier les attributs des blocs ajoutés sur les mises en page pour personnaliser un bloc.

Comment créer des motifs Gutenberg ?

Vous pouvez créer des modèles Gutenberg en utilisant des plugins comme le plugin Custom Block Patterns. Ce plugin vous aide à enregistrer directement les blocs avec votre installation WordPress.

Comment utilisez-vous les modèles de blocs ?

Si vous avez une mise en page récurrente dans différentes pages de votre site Web et qu’elle contient différentes informations à afficher, les modèles de blocs sont la solution.

Cela crée une cohérence dans le motif et les couleurs même si les informations du bloc sont personnalisées pour la page particulière.

Créez votre modèle de bloc aujourd’hui !

WordPress est livré avec une large gamme d’options de personnalisation et de plugins qui facilitent plus que jamais la création de mises en page personnalisées. Vous pouvez même créer des pages personnalisées dans WordPress en utilisant des modèles.

Avec les modèles de blocs Gutenberg en place, vous pouvez créer rapidement et facilement un beau site Web professionnel.

Dans cet article, nous avons expliqué comment vous pouvez créer vos modèles de bloc sans avoir à modifier le code. Les plugins contrôlent les conceptions qui protègent vos mises en page, même si vous changez de thème.

À l’avenir, Gutenberg s’améliorera et apportera plus d’options de personnalisation pour WordPress.

Avez-vous déjà créé votre modèle de bloc ? Faites le nous savoir dans les commentaires.