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.

Plugin Gutenberg pour WordPress

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

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

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

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

Les mises en page de blocs vous permettent de 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 bloc et utiliser-le sur votre site Web.

bibliothèque de modèles de blocs

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

Soujay Pawar

Bonjour ! Je m’appelle Sujay et je suis PDG d’Astra.

Nous avons pour mission d’aider les petites entreprises à se développer en ligne avec des produits logiciels abordables et la formation dont vous avez besoin pour réussir.

Laissezun commentaire ci-dessous si vous souhaitez rejoindre la conversation, ou cliquez ici si vous souhaitez une aide personnelle ou pour vous engager avec notre équipe en privé.

Les modèles de blocs sont-ils les 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

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

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 permettent de 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çu 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

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 retardez 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 ?

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

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

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

plugin de modèle de bloc personnalisé

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 soit actif.

Avec ce plugin, vous pouvez contourner tout ce code et créer vos propres modèles directement

É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.

ajouter un nouveau motif de bloc

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

Créer un nouveau motif de bloc

Faites glisser la mise en page que vous aimez

importer un nouveau motif de bloc

É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.

publier un nouveau modèle de bloc

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

Étape 4 : Utiliser le modèle

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

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

  1. Aller vers Tableau de bord >pages > Nouvelle page.
  2. Cliquez 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
    comment ajouter un motif de bloc personnalisé

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

    ajouter un motif de bloc personnalisé

    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 commedes blocs réguliers, mais ils peuvent être uniques à une certaine page ou publication,

    La conception standardisée facilite la création d’une page plus attrayante avec moins d’effort, de temps et d’énergie que si vous concevez chaque chose 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.
    importation d'un motif 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 utiliser les modèles de blocs ?

    Si vous avez une mise en page récurrente

    Cela crée une cohérence

    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

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

    À 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-nous savoir

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *