Comment modifier des modèles WordPress à l'aide de l'éditeur de modèles : didacticiel complet d'édition de site

Publié: 2024-11-06

Table des matières

Cherchez-vous un moyen simple de personnaliser la conception de votre site Web WordPress ? Dans ce guide, je vais vous montrer comment modifier des modèles dans WordPress à l'aide de l'éditeur de modèles. Que vous soyez nouveau sur WordPress ou un pro chevronné, ce guide étape par étape vous aidera à débloquer la puissance de l'édition complète de sites WordPress .

Pourquoi utiliser l’édition complète du site dans WordPress ?

L'édition complète du site WordPress est un moyen intelligent de rationaliser le processus de conception de votre site Web. Cette fonctionnalité vous permet de personnaliser l'apparence de votre site en modifiant des modèles et des parties de modèles.

Alors que les modèles traditionnels existent sous forme de fichiers dans votre dossier de thème, les modèles de blocs peuvent être modifiés directement dans l' éditeur de site WordPress. Il n'est pas nécessaire de se plonger dans le code, ce qui représente un gain de temps considérable et rend le processus de conception beaucoup plus accessible.

Comment accéder à l'éditeur de modèles dans WordPress

Pour commencer, connectez-vous à votre tableau de bord WordPress et accédez à Apparence > Éditeur .

De là, cliquez sur Modèles. Ici, vous verrez tous les modèles utilisés par votre thème. Ces modèles contrôlent la mise en page de vos articles et pages.

Conseil de pro : l'éditeur de modèles n'est disponible que si vous utilisez un thème de bloc ou un thème classique qui a activé l'éditeur de modèles. Assurez-vous que votre thème est compatible avant de commencer l'édition.

Personnalisation du modèle de publication unique dans WordPress

Supposons que vous souhaitiez modifier la mise en page de tous vos articles de blog. Vous devrez personnaliser le modèle de publication unique . Ce modèle contrôle la manière dont les articles de blog individuels sont affichés sur votre site.

Mais voici le problème : si vous souhaitez uniquement modifier la mise en page d'une publication spécifique, vous devez modifier cette publication directement, et non le modèle de publication unique. La modification du modèle affecte toutes les publications qui l'utilisent, alors choisissez judicieusement !

Comment afficher la structure de votre modèle WordPress

Une fois que vous êtes dans l'éditeur de modèles, vous verrez le nom du modèle que vous modifiez en haut. Pour afficher une liste de tous les blocs du modèle, cliquez sur l'icône d'affichage en liste (elle ressemble à trois lignes horizontales en haut à gauche).

C'est un excellent moyen de voir quels blocs font déjà partie de votre modèle. Vous pouvez cliquer sur n'importe quel bloc pour ajuster son contenu ou ses paramètres. La vue Liste permet de comprendre très facilement la structure de votre modèle avant de commencer à le peaufiner.

Modification des blocs de modèles WordPress

Il est temps de faire quelques changements ! Commençons par le Header . L'en-tête est une partie de modèle qui apparaît sur toutes les pages du site. Par exemple, vous pouvez modifier des éléments tels que le titre du site , le logo du site ou le bloc de navigation .

Attention : les modifications apportées à l'en-tête affectent chaque page qui l'utilise. Donc, si vous modifiez l'en-tête, assurez-vous qu'il fonctionne pour l'ensemble de votre site.

Dans mon cas, j'ai remplacé un méga menu par un autre plus simple. Au début, j'ai supprimé l'en-tête par défaut, puis j'ai ajouté un autre en-tête fourni avec mon thème.

Je ne voulais pas empêcher les visiteurs de lire mes messages, j'ai donc choisi un en-tête épuré et minimaliste. Parfois, moins c'est plus, n'est-ce pas ? Étant donné que les parties du modèle peuvent être supprimées ou ajoutées comme n’importe quel autre bloc, le processus est simple. Vous travaillez simplement comme avec des blocs WordPress classiques.

Il en va de même pour le Footer . Il s'agit d'une autre partie du modèle qui apparaît sur toutes vos pages. Modifiez-le une fois et les modifications s'appliqueront à l'ensemble du site. Par exemple, mon pied de page contient des éléments tels qu'un titre de site, un crédit de pied de page WordPress, des informations de contact et le menu de navigation. Vous souhaitez apporter des modifications au pied de page ? Poursuivre! N'oubliez pas que les modifications seront reflétées partout où le pied de page sera utilisé.

De plus, si vous envisagez d'ajouter une barre latérale à votre modèle (alerte spoiler ), vous utiliserez des colonnes pour cela. Restez à l’écoute, car notre prochain article vous expliquera comment procéder !

Blocs clés pour personnaliser vos modèles WordPress

Lors de la personnalisation de vos modèles de publication ou de page, vous utiliserez probablement plusieurs blocs clés pour gérer la façon dont votre contenu est affiché. Par exemple, le bloc de titre garantit que le titre du message que vous avez écrit apparaît exactement comme vous le souhaitez, avec des options pour ajuster l'alignement, la taille et la couleur. Si votre thème comprend une section Post Meta , vous pouvez afficher des détails tels que l'auteur, la date et les catégories, mais sinon, vous pouvez les ajouter et les personnaliser individuellement.

Le bloc Image en vedette dans l'édition complète du site vous permet de contrôler le visuel principal de chaque publication, avec des paramètres de taille, de position et même de superpositions. Et n'oubliez pas le bloc Commentaires ! Cela gère la façon dont les réponses des lecteurs sont affichées, avec des sous-blocs qui gèrent les détails les plus fins.

Enfin, les blocs thématiques comme le bloc Contenu vous permettent d'insérer dynamiquement des éléments de votre site dans votre modèle dans FSE, vous donnant ainsi un contrôle total sur la façon dont votre contenu apparaît sur vos pages et publications.

Ajouter de nouveaux éléments à votre modèle

Vous souhaitez personnaliser encore plus vos publications ? Vous pouvez ajouter de nouveaux blocs à votre modèle de publications uniques . Par exemple, vous souhaiterez peut-être ajouter un bloc Post Extrait ou même une boîte d'abonnement.

C'est aussi simple que de cliquer sur l'outil d'insertion de bloc +, de sélectionner le bloc souhaité et de le positionner dans votre mise en page. Et si vous envisagez d'ajouter quelque chose comme un formulaire de contact ou un bouton d'appel à l'action , c'est l'endroit idéal.

Envelopper le tout

Une fois les modifications terminées, cliquez sur Enregistrer dans le coin supérieur droit pour appliquer les modifications à votre modèle dans l'interface d'édition complète du site WordPress. Toutes les mises à jour que vous effectuez auront automatiquement priorité sur les fichiers de modèle par défaut de votre thème.

Lorsque vous effectuez des modifications, n'oubliez pas que les modèles WordPress servent de modèle pour la structure de vos articles et de vos pages. Ainsi, toutes les modifications que vous apportez dans l’ éditeur de modèles WordPress affecteront tout le contenu qui utilise ce modèle particulier dans l’édition complète du site WordPress. Assurez-vous de prévisualiser et de tester vos modifications avant de les mettre en ligne.

Réflexions finales : Utilisation de l'édition complète du site WordPress

Les modèles dans WordPress sont comme le modèle de votre site, garantissant que tout se met parfaitement en place. J'espère que ce guide vous a donné la confiance nécessaire pour commencer à personnaliser vos modèles.
Si vous avez des questions, déposez-les dans les commentaires ci-dessous. Avez-vous déjà modifié des modèles WordPress ? Faites-moi part de votre expérience !

FAQ

Qu'est-ce que l'éditeur de modèles dans WordPress ?

L'éditeur de modèles vous permet de personnaliser la mise en page de votre site sans toucher à aucun code. Vous pouvez modifier les modèles et les parties de modèles directement dans l'éditeur de site WordPress. Il est parfait pour tous ceux qui souhaitent modifier la conception de leur site facilement et rapidement.

Ai-je besoin de compétences en codage pour utiliser l’éditeur de modèles dans FSE ?

Non! L'éditeur de modèles est conçu pour être convivial. Aucun codage n’est requis. Vous pouvez personnaliser les modèles à l'aide de blocs, et tout est visuel : tout le monde peut donc le faire, que vous soyez débutant ou professionnel.

Puis-je modifier la conception d’une seule publication à l’aide de l’éditeur de modèles ?

Bonne question ! Si vous souhaitez modifier la conception d'une publication spécifique, vous devez modifier la publication directement, et non le modèle. L'éditeur de modèles modifie la mise en page de toutes les publications utilisant ce modèle. Ce n'est donc pas le bon endroit pour modifier des publications individuelles.

Comment ajouter un nouvel élément à mon modèle, comme une boîte d'abonnement ou une image ?

Simple! Dans l'éditeur de modèles, cliquez sur l'outil d'insertion de bloc +, sélectionnez le bloc que vous souhaitez ajouter (comme une boîte d'abonnement ou une image) et placez-le là où vous le souhaitez. L'éditeur vous permet de tout prévisualiser en temps réel, afin que vous puissiez voir à quoi cela ressemble avant de l'enregistrer.

Que se passe-t-il si j'enregistre les modifications apportées à un modèle ?

Lorsque vous enregistrez les modifications apportées à un modèle dans l’édition complète du site WordPress, ces mises à jour s’appliquent à chaque publication ou page qui utilise ce modèle. C'est comme relooker l'ensemble de votre site sans changer chaque page individuellement !