WordPress
time_read23mn de lecture

Gutenberg WordPress : comment créer une composition de blocs réutilisables ?

11 novembre 2023

Gutenberg WordPress : comment créer une composition de blocs réutilisables ?

Découvrez la puissance des blocs réutilisables dans Gutenberg et transformez votre façon de créer du contenu sur WordPress 🚀. Ces composants dynamiques vous permettent de sauvegarder et de réutiliser des ensembles de blocs à travers votre site, augmentant ainsi votre efficacité et cohérence de design 🎨. Que vous souhaitiez dupliquer une mise en page accrocheuse ou standardiser des éléments de contenu, les blocs réutilisables sont votre meilleur allié 🔁. Suivez notre guide détaillé pour apprendre à créer une composition de blocs réutilisables, enregistrer et insérer ces blocs avec facilité 💡. Prêts à optimiser votre workflow éditorial avec Gutenberg ? C’est parti !

Objectif

L’objectif de cet article 👇 est de fournir un guide détaillé pour créer des compositions de blocs réutilisables dans Gutenberg. 😋 Nous couvrirons les étapes essentielles pour créer des compositions de blocs réutilisables. Ce guide est conçu pour aider les utilisateurs de WordPress, qu’ils soient débutants ou expérimentés, à maximiser leur efficacité en créant des contenus réutilisables et facilement modifiables. 🤭

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Prérequis

  • Accès administrateur : vous aurez besoin d’un accès administrateur à votre site WordPress pour installer des extensions et apporter des modifications.
  • WordPress à jour : assurez-vous que votre site WordPress est mis à jour avec la dernière version. Gutenberg est l’éditeur par défaut dans les versions récentes de WordPress.

Qu’est-ce qu’une composition des blocs réutilisables sur Gutenberg ?

Une composition de blocs réutilisables sur Gutenberg est une fonctionnalité qui permet aux utilisateurs de regrouper plusieurs éléments de contenu, comme des textes, des images et des boutons, en un seul bloc composite. Ce bloc peut ensuite être enregistré et réutilisé à travers différentes pages ou articles sur un site WordPress.

L’avantage majeur de cette approche est l’efficacité et la cohérence dans la création de contenu. En fait, elle permet de maintenir un design et une structure uniformes sur l’ensemble du site, tout en réduisant le temps passé à recréer des mises en page similaires.

En outre, cette fonctionnalité permet une personnalisation avancée. Les utilisateurs peuvent ajuster individuellement les composants d’une composition, en ajoutant par exemple des animations ou des styles CSS personnalisés, avant de les sauvegarder comme bloc réutilisable. Cela offre une latitude créative sans compromettre l’efficacité et la rapidité de mise en œuvre.

Besoin d’un hébergement WordPress rapide et de qualité ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l’offre

Comment créer une composition de blocs réutilisables dans Gutenberg ?

Maintenant que vous avez une idée sur les compositions de blocs réutilisables, nous allons passer à la pratique et vous expliquer comment vous devez procéder à travers chacune des étapes.

1. Créer une composition des blocs réutilisables

Ouvrez une page ou une publication dans l’interface d’édition de Gutenberg. Ensuite, pour créer une composition de blocs réutilisables, vous pouvez soit utiliser le bloc Bannière ou bloc Groupe qui permettent d’assembler plusieurs blocs dans un seul bloc.

Pour cet article, nous allons utiliser le bloc Groupe que vous pouvez insérer à la zone d’édition à partir de l’outil d’insertion de blocs de GutenbergAjouter le bloc Groupe dans GutenbergEnsuite, choisissez une disposition adaptée.Choisir une disposition du bloc Groupe Une fois que vous avez choisi une disposition spécifique, cliquez sur l’icône « + » pour commencer à ajouter des blocs à votre composition.Concevoir un bloc Groupe sur Gutenberg

Pour cet exemple, nous allons ajouter un bloc Image.Ajouter un bloc Image à un bloc Groupe Gutenberg

Ensuite, nous avons ajouté du texte. Pour afficher l’icône permettant d’ajouter des blocs supplémentaires, commencez par sélectionner le bloc Groupe à partir de la barre d’outil. Ajouter des blocs supplémentaires au bloc GroupePour notre exemple, nous avons ajouté un bouton WhatsApp. L’ensemble prend la forme d’une bannière dont voici l’aperçu.👇Ajouter le bloc Bouton WhatsApp Vous pouvez ajouter plusieurs blocs en fonction de vos besoins. Une fois que vous avez terminé, survolez votre bloc Groupe et cliquez sur le trois points de la barre d’outils pour afficher les options supplémentaires.Afficher les options supplémentaires du bloc Groupe Ensuite, sélectionnez l’option « Créer une composition ».Créer une composition de blocs réutilisables Une fenêtre contextuelle sera affichée sur l’écran. Entrez le nom de votre composition puis choisissez si vous souhaitez que le bloc soit synchronisé ou non. Une fois que vous avez terminé, cliquez sur le bouton « Créer ».Création d'une composition des blocs réutilisables Votre bloc sera créé et ajouté à Gutenberg.

2. Gérer vos compositions dans Gutenberg

Une fois que la composition est créée, vous pouvez commencer à l’insérer dans une page ou dans une publication de choix. Toutes les compositions créées doivent être retrouvées dans l’onglet « Compositions » dans l’outil d’insertion de blocs.Compositions de blocs réutilisables Gutenberg

Développez la sous-section « Mes compositions » dans l’outil d’insertion de blocs.Mes Compositions Gutenberg Toutes vos compositions seront affichées dans la partie à côté.Mes Compositions de blocs réutilisables Gutenberg

3. Insérer votre composition de blocs réutilisables

Pour insérer votre bloc dans une page/publication, ouvrez celle-ci dans l’interface d’édition de Gutenberg. Ensuite, une fois que vous avez fini de modifier votre publication, rendez-vous à l’emplacement sur lequel vous souhaitez ajouter la composition.

Accédez à l’outil d’insertion de blocs puis à l’onglet « Compositions › mes compositions » et sélectionnez le bloc que vous avez créé précédemment. Après, publiez/mettez à jour votre page/article. Insérer une composition dans GutenbergPrévisualisez votre publication pour vous assurer que la composition s’affiche comme prévu.Prévisualisation d'une composition de blocs réutilisables dans Gutenberg

4. Gérer les compositions de blocs réutilisables dans l’éditeur de site

En dehors de Gutenberg, vous pouvez aussi créer et gérer des blocs réutilisables à partir de l’éditeur de site. Pour ce faire, vous devez vous rendre dans la section « Apparence › éditeur ». Cette manière de procéder vous permet d’insérer des compositions personnalisées dans une section de choix de votre thème.

Une fois que vous êtes dans l’éditeur de site, développez la section « Compositions ».Éditeur de site Gutenberg/Mes compositions Sur la page suivante, accédez à la sous-section « Mes compositions » où sont affichées toutes les compositions que vous avez créées.Mes compositions Gutenberg Vous pouvez à présent sélectionner votre composition pour l’ajouter à n’importe quelle section de votre site (En-tête, pied de page, barre latérale)…

Trucs et astuces


Vous êtes inspiré pour en apprendre plus ? Pour découvrir encore plus de conseils et astuces, rendez-vous sur le blog LWS et prenez une longueur d’avance dans la création de votre contenu digital !

Conclusion

En résumé, l’utilisation des compositions de blocs réutilisables dans WordPress représente une méthode efficace pour améliorer la gestion du contenu et la productivité. 👨‍💻 En suivant les étapes décrites dans cet article, les utilisateurs peuvent transformer leur manière de créer et de gérer le contenu 🔁, en tirant pleinement parti des fonctionnalités avancées de Gutenberg. 😎 Embrasser cette approche n’est pas seulement un gain de temps, mais aussi un pas vers une expérience de création de contenu plus fluide et plus intuitive.💡

Avez-vous des questions, des ajouts ou des préoccupations en rapport avec la création des compositions de blocs réutilisables, servez-vous de la section Commentaires pour nous écrire.

Besoin d'un nom de domaine au meilleur prix ?

LWS vous conseille ses packs nom de domaine tout inclus à partir de 0,99€ par an. Vous obtenez un domaine au choix (.fr .com .net .site .tech .shop .boutique .xyz…) mais aussi des adresses email personnalisées (mail@votredomaine.fr) et un certificat SSL.

Découvrir l'offre

Avatar de l'auteur

Auteur de l'article

Joseph

Bonjour, je m'appelle Joseph. Je suis rédacteur spécialisé dans WordPress, PrestaShop et d'autres CMS. Fort d'une expertise approfondie en PHP et MySQL, je partage mes connaissances à travers des tutoriels simples et accessibles. Passionné par le développement et la transmission de savoir, j'aime expliquer et rendre les concepts techniques compréhensibles pour tous

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (2)

Virginie
13/06/2024 - 09:26
Karen
2024-06-13 09:36:48

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.