WordPress
time_read20mn de lecture

Gutenberg WordPress : comment utiliser le bloc Élément de modèle dans l’éditeur de thème ?

24 octobre 2023

Gutenberg WordPress : comment utiliser le bloc Élément de modèle dans l'éditeur de thème ?

Plongeons-nous dans le vaste univers de WordPress et son éditeur révolutionnaire, Gutenberg. 🌐 Au cœur de cet outil se trouve le bloc Élément de modèle, un trésor souvent sous-estimé. 🎨 Avec lui, personnaliser votre site devient un jeu d’enfant, offrant des possibilités infinies pour chaque page. 🔄 Dans cet article, découvrez comment maîtriser ce bloc pour transformer et enrichir votre éditeur de thème. 💡 Alors, prêt à débloquer un nouveau niveau de personnalisation ? Embarquez avec nous !

Objectif

L’objectif de cet article est de démystifier le processus d’utilisation du bloc Élément de modèle, en vous guidant à travers les différentes étapes et en vous fournissant des conseils pratiques ☺ et des astuces pour optimiser votre expérience.

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

Pour pouvoir utiliser le bloc Élément de modèle, vous devez disposer de droits d’accès à l’espace d’administration de WordPress en tant qu’administrateur, auteur ou éditeur de contenus.

Comment utiliser le bloc Élément de modèle dans l’éditeur de thème ?

Le bloc Élément de modèle permet de personnaliser votre thème en modifiant ses différentes sections. Toutes les modifications effectuées s’appliquent ensuite à l’ensemble de votre site. Par exemple, si vous modifiez l’en-tête sur une page d’accueil, les paramètres s’appliqueront à toutes les autres pages de votre site.

Il existe deux façons principales d’ajouter le bloc Élément de modèle dans l’éditeur de thème.

1. Ajouter le bloc Élément de modèle à partir d’une publication

Rendez-vous dans la section « Articles › tous les articles », parcourez la liste des articles et cliquez sur le bouton « Modifier » de n’importe quelle publication.

L’article sera ouvert dans la zone d’édition de Gutenberg. Accédez aux paramètres puis développez la section « Récapitulatif » de l’onglet « Article ».Récapitulatif de publication Gutenberg

Ensuite, cliquez sur le modèle actuellement ajouté à la publication.Modèle de publication Gutenberg

Par la suite, un tableau contextuel s’affiche sur l’écran, cliquez sur le bouton « Modifier le modèle ».Modifier un élément de modèle dans Gutenberg

Vous serez redirigé vers une nouvelle interface. Rendez-vous à l’emplacement sur lequel, vous souhaitez ajouter un élément de modèle puis cliquez sur l’icône « + ».Ajouter un élément de modèle dans Gutenberg

Recherchez ou sélectionnez le bloc Élément de modèle pour l’ajouter dans la zone d’édition. Vous pouvez utiliser la barre de recherche pour trouver ce bloc rapidement.Ajout du bloc Élément de modèle dans GutenbergUne fois que le bloc est ajouté dans la zone d’édition, vous disposez de deux façons pour ajouter un modèle. Vous pouvez soit choisir un modèle existant ou partir de zéro.Bloc Élément de modèle GutenbergAinsi, en cliquant sur le bouton « Choisir », vous serez redirigé vers une nouvelle interface pour choisir un modèle à utiliser. Les modèles existants sont généralement gérés par votre thème. Vous pouvez donc avoir différents modèles en fonction du thème que vous utilisez.

Il peut s’agir d’un modèle de pied de pages, de l’en-tête ou de la colonne latérale…Choisir un modèle existant dans Gutenberg

Une fois qu’un modèle est ajouté, vous pouvez cliquer distinctement sur chaque élément ou section pour apporter des modifications.

Ensuite, si vous cliquez sur le bouton « Partir de zéro », un tableau contextuel s’affiche sur votre écran. Donnez un nom à votre élément de modèle puis cliquez sur le bouton « Créer ».Créer un nouveau modèle sur Gutenberg

Après avoir créé l’élément de modèle, vous pouvez commencer à ajouter les blocs constitutifs.Élément de modèle Gutenberg

Cliquez sur l’icône « + » pour ajouter les blocs à l’élément de modèle.Ajouter des blocs à l'élément de modèle Gutenberg

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

2. Utiliser l’éditeur de site pour créer ou personnaliser le bloc Élément de modèle

La deuxième façon d’utiliser le bloc Élément de modèle consiste à utiliser l’éditeur de site. Pour ce faire, rendez-vous dans la section « Apparence › éditeur ».Éditeur de site WordPress

Vous serez redirigé vers une nouvelle interface. Développez la section « Compositions ».Compositions Gutenberg

Sur la page suivante, cliquez sur l’icône « + » pour ajouter un nouveau modèle.Ajouter un nouveau modèle dans Gutenberg

Une fois que vous avez cliqué sur l’icône indiquée, une fenêtre contextuelle s’affiche sur l’écran, sélectionnez l’option « Créer un élément de modèle ».Créer un élément de modèle dans Gutenberg

Sur le tableau contextuel qui s’affiche sur votre écran. Entrez le nom de votre élément de modèle puis choisissez la section où il sera affiché.Création d'élément de modèle dans Gutenberg

Une fois que vous avez terminé, vous pouvez retrouver tous les éléments de modèle en développant la section « Gérer tous les éléments de modèles ».Gérer les éléments de modèle

Sur l’interface suivante, tous les éléments de modèle disponibles dans le thème sont affichés.Éléments de modèle/Gutenberg

En cliquant par exemple sur l’élément de modèle “Header”, vous serez redirigé vers une interface pour apporter vos modifications.Modifier l'élément de modèle Header sur Gutenberg

En cliquant sur chaque section, vous pouvez effectuer des modifications qui seront appliquées à l’ensemble de votre site. Pour cela, n’oubliez pas de publier chaque modification effectuée.

Trucs et astuces


Envie d’en savoir plus et d’optimiser davantage votre site ? Découvrez nos autres articles et astuces sur le blog LWS !

Conclusion

En somme, le bloc Élément de modèle 📄 dans l’éditeur de thème de Gutenberg WordPress est un outil puissant et flexible, indispensable pour quiconque souhaite personnaliser son site de manière intuitive et efficace. 🌟 En suivant les conseils et les meilleures pratiques évoqués dans cet article, vous serez en mesure de tirer pleinement parti de ses fonctionnalités, améliorant ainsi l’esthétique et la fonctionnalité de votre site.🎉 N’oubliez pas que la pratique est la clé pour maîtriser cet outil, 👨‍💻 n’hésitez donc pas à expérimenter et à explorer toutes les possibilités qu’il offre. WordPress continue d’évoluer, et avec lui, les outils à notre disposition pour créer des sites toujours plus performants et attrayants.🤗

Et si vous avez des questions sur la façon d’utiliser le bloc Élément de modèle sur Gutenberg, servez-vous de la section Commentaires pour nous écrire.

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 (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.