Éditeur de site WordPress : édition complète du site avec les thèmes de blocs et différence avec l’outil de personnalisation

Mention d'affiliation v3.1
Mention d'affiliation v3.2 (mobile)
Environnement de test Famille RHELWordPress 7.1.3PHP 8.3Twenty Twenty-Five 1.5Vérifié le 2026-10-19

L’éditeur de site WordPress est l’écran d’administration où vous modifiez avec des blocs l’entête et le pied de page, les modèles et les styles de tout le site d’un thème basé sur des blocs ; il s’ouvre depuis le menu Apparence. J’ai ouvert moi-même les 8 modèles et les 7 éléments de modèles dans WordPress 7.1.3 avec le thème Twenty Twenty-Five, et j’ai résumé ce qui le distingue de l’outil de personnalisation.

1️⃣ Écran de l’éditeur de site WordPress : Apparence › Éditeur

Le nom de l’élément du menu [Apparence] qui ouvre l’éditeur de site dépend du thème utilisé. Avec un thème basé sur des blocs, il s’affiche sous le nom [Éditeur]. GeneratePress, Astra et les autres thèmes classiques qui prennent en charge les styles de l’éditeur ou [theme.json] affichent [Design], et les autres thèmes classiques affichent [Compositions]. Les trois éléments ouvrent le même écran d’éditeur, [site-editor.php], mais [Design] ne donne accès qu’au Guide de style et à la liste des compositions, et [Compositions] qu’à la liste des compositions.

Écrans du menu Apparence : l’élément Éditeur dans le thème basé sur des blocs Twenty Twenty-Five, Design dans GeneratePress et Compositions dans Ashe (WordPress 7.1.3)
Type de thèmeÉlément du menu [Apparence]Ce que l’on peut utiliser dans l’écran qui s’ouvreMenu [Personnaliser]
Thème basé sur des blocs (Twenty Twenty-Five)ÉditeurStyles · Modèles · Compositions❌
Classique avec styles de l’éditeur · theme.json (GeneratePress · Astra)DesignGuide de style · liste des compositions✅
Autres classiques (Ashe)CompositionsListe des compositions✅

Lorsque vous ouvrez [Apparence › Éditeur], un panneau sombre intitulé [Design] s’affiche à gauche à la place du menu d’administration, et un aperçu du site s’ouvre à droite. C’est depuis [Styles], [Modèles] et [Compositions] sur cet écran que l’on réalise l’édition complète du site d’un thème basé sur des blocs.

Premier écran de l’éditeur de site WordPress : le panneau Design à gauche (Identity, Styles, Pages, Navigation, Compositions, Modèles) et l’aperçu du site à droite (WordPress 7.1.3)

L’[Éditeur de fichiers des thèmes], où l’on modifie directement le code des fichiers du thème, porte un nom proche de l’[Éditeur] mais c’est un autre écran ; avec un thème basé sur des blocs, il apparaît dans le menu [Outils].

Écran du menu Outils : les éléments Éditeur de fichiers des thèmes et Éditeur de fichiers des extensions dans le thème basé sur des blocs Twenty Twenty-Five (WordPress 7.1.3)

Le titre du site, le slogan, le logo et l’icône se règlent dans [Identity] du panneau [Design] à gauche.

🧭 Simulateur de l’éditeur de site WordPress
Simulateur
Choisissez un onglet de type de thème, puis cliquez sur Éditeur, Design ou Compositions dans le menu Apparence.
wp-admin
Tableau de bord › AccueilApparence › ÉditeurApparence › Éditeur › IdentityApparence › Éditeur › StylesApparence › Éditeur › PagesApparence › Éditeur › NavigationApparence › Éditeur › CompositionsApparence › Éditeur › Compositions › Tous les éléments de modèlesApparence › Éditeur › ModèlesApparence › Éditeur › Modèles › PagesApparence › Éditeur › Compositions › Tous les éléments de modèles › Pied de page avec colonnesApparence › Éditeur › Compositions › Tous les éléments de modèles › Entête du site verticalApparence › Éditeur › Compositions › Tous les éléments de modèles › Entête avec grand titreApparence › Éditeur › Compositions › Tous les éléments de modèles › Pied de pageApparence › Éditeur › Compositions › Tous les éléments de modèles › EntêteApparence › Éditeur › Compositions › Tous les éléments de modèles › Pied de page avec newsletterApparence › Éditeur › Compositions › Tous les éléments de modèles › Colonne latéraleApparence › DesignApparence › Design › StylesApparence › Design › CompositionsApparence › Compositions
Design

Personnaliser l’apparence de votre site avec l’éditeur.

Pages
Navigation

Les menus de navigation sont une collection de blocs présélectionnés qui permettent de naviguer sur le site.

Page d’exemple À propos
Compositions

Gérez les compositions disponibles lors de la modification du site.

Modèles

Créez de nouveaux modèles ou réinitialisez les personnalisations apportées aux modèles fournis par votre thème.

Design

Explorer les styles de blocs et les compositions pour peaufiner votre site.

styles

Prévisualisez l’identité visuelle de votre site Web : ses couleurs, sa typographie et ses blocs.

Compositions

Gérez les compositions disponibles lors de la modification du site.

Compositions

Gérez les compositions disponibles lors de la modification du site.

Enregistré
알림판
Tableau de bord
Bienvenue sur WordPress !En savoir plus sur la version 7.1.3
Créez des contenus riches avec les blocs et les compositions

Les compositions de blocs sont des mises en page de blocs pré-configurées. Utilisez-les pour vous en inspirer ou pour créer des nouvelles page en un clin d’œil.

Créer une nouvelle page
Personnalisez l’ensemble de votre site avec les thèmes basés sur des blocs

Bâtissez l’ensemble de votre site, de l’entête au pied de page, en utilisant simplement des blocs et des compositions.

Modifiez l’apparence de votre site avec les styles globaux

Ajustez votre site, ou donnez-lui une apparence totalement nouvelle ! Laissez libre cours à votre imagination… que diriez vous d’une nouvelle palette de couleurs ou de nouvelles polices d’écriture ?

Personnalisez votre site comme vous le voulez

Configurez le logo de votre site, son entête, ses menus et bien plus encore avec l’outil de personnalisation.

Ouvrir l’outil de personnalisation
Découvrez une nouvelle façon de construire votre site

Il existe maintenant une nouvelle sorte de thème WordPress : les thèmes basés sur des blocs. Ils vous donnent la possibilité de construire le site que vous avez toujours voulu, en agençant des blocs et en leur donnant des styles graphiques.

En savoir plus sur les thèmes basés sur des blocs
État de santé du site
D’un coup d’œil
Activité
Brouillon rapide
Évènements et nouveautés WordPress
Identity
Titre du siteSite d’exempleDisplays in your site’s layout via the Site Title block.
Description du siteIn a few words, explain what this site is about. Displays in your site’s layout via the Site Tagline block.
Logo du siteChoisir le logoDisplays in your site’s layout via the Site Logo block.
Icône du siteChoisir l’icôneShown in browser tabs, bookmarks, and mobile apps. It should be square and at least 512 by 512 pixels.
styles

Personnalisez l’apparence de blocs spécifiques pour l’ensemble du site.

Parcourir les styles

Choisissez une variation pour modifier l’apparence du site.

Par défaut
Soir
Midi
Fin de journée
Après-midi
Crépuscule
Matin
Lever du soleil
Minuit
Pages
Politique de confidentialitéadmin · Brouillon
Page d’exempleadmin · Publié
À proposAccueiladmin · Publié
Toutes les compositions

Une liste de toutes les compositions depuis toutes les sources.

Bannière avec la description du livreNon synchronisée
Une avec un grand titreNon synchronisée
Titre court et paragraphe, avec une image à gaucheNon synchronisée
Introduction avec description alignée à gaucheNon synchronisée
Section de type afficheNon synchronisée
Bannière avec description et grille d’imagesNon synchronisée
Titre centréNon synchronisée
Inscription à la newsletterNon synchronisée
Tous les éléments de modèles

Comprend tous les éléments de modèles définis pour n’importe quelle zone.

Pied de page avec colonnes · Élément de modèle
Élément de modèleBlocs
Pied de page avec colonnes
Contenu
Titre du site
Description du site
Navigation
Navigation
Design
Pied de page avec titre et slogan du site centrés.
Colonnes de pied de page avec titre, slogan et liens.
Pied de page avec grand titre du site et inscription à la newsletter.
Pied de page avec titre du site centré et liens vers les réseaux sociaux.
Colonnes de pied de page avec logo, titre, slogan et liens.
Entête du site vertical · Élément de modèle
Élément de modèleBlocs
Entête du site vertical
Contenu
Navigation
Titre du site
Design
Entête du site avec titre du site centré et navigation.
Entête du site avec titre du site et navigation en colonnes.
Entête du site avec titre de site large et navigation alignée à droite.
Entête du site avec titre du site et navigation.
Entête avec grand titre · Élément de modèle
Élément de modèleBlocs
Entête avec grand titre
Contenu
Titre du site
Navigation
Design
Entête du site avec titre du site centré et navigation.
Entête du site avec titre du site et navigation en colonnes.
Entête du site avec titre de site large et navigation alignée à droite.
Entête du site avec titre du site et navigation.
Pied de page · Élément de modèle
Élément de modèleBlocs
Pied de page
Contenu
Logo du site
Titre du site
Description du site
Navigation
Navigation
Design
Pied de page avec titre et slogan du site centrés.
Colonnes de pied de page avec titre, slogan et liens.
Pied de page avec grand titre du site et inscription à la newsletter.
Pied de page avec titre du site centré et liens vers les réseaux sociaux.
Colonnes de pied de page avec logo, titre, slogan et liens.
En-tête · Élément de modèle
Élément de modèleBlocs
En-tête
Contenu
Titre du site
Navigation
Design
Entête du site avec titre du site centré et navigation.
Entête du site avec titre du site et navigation en colonnes.
Entête du site avec titre de site large et navigation alignée à droite.
Entête du site avec titre du site et navigation.
Pied de page avec newsletter · Élément de modèle
Élément de modèleBlocs
Pied de page avec newsletter
Design
Pied de page avec titre et slogan du site centrés.
Colonnes de pied de page avec titre, slogan et liens.
Pied de page avec grand titre du site et inscription à la newsletter.
Pied de page avec titre du site centré et liens vers les réseaux sociaux.
Colonnes de pied de page avec logo, titre, slogan et liens.
Colonnes latérales · Élément de modèle
Élément de modèleBlocs
Colonnes latérales
Contenu
Boucle de requête
Modèle de publication
Titre
Date de la publication
Aucun résultat
Modèles
Résultats de recherchePar Twenty Twenty-Five
Publication seulePar Twenty Twenty-Five
Toutes les archivesPar Twenty Twenty-Five
Page d’accueil du blogPar Twenty Twenty-Five
IndexPar Twenty Twenty-Five
Page sans titrePar Twenty Twenty-Five
Page 404Par Twenty Twenty-Five
Pages · Modèle
ModèlesBlocs
Pages

Affiche une page statique à moins qu’un modèle personnalisé ait été appliqué à cette page ou qu’un modèle dédié n’existe.

Contenu
En-tête
Pied de page
Toutes les compositions

Une liste de toutes les compositions depuis toutes les sources.

État de la synchronisation
Non synchronisée
Non synchronisée
Non synchronisée
Non synchronisée
Non synchronisée
Non synchronisée
Non synchronisée
Non synchronisée
Page 1 sur 4
Toutes les compositions

Une liste de toutes les compositions depuis toutes les sources.

État de la synchronisation
Non synchronisée
Non synchronisée
Non synchronisée
Non synchronisée
Non synchronisée
Non synchronisée
Non synchronisée
Non synchronisée
Page 1 sur 4

2️⃣ Styles : couleurs et polices de tout le site, variations de styles

Les couleurs et les polices modifiées dans [Styles] s’appliquent à tout le site. Pour ne changer que les polices, on ouvre [Typographie], pour ne changer que les couleurs [Couleur] : on ouvre ainsi les éléments du panneau un par un pour définir les valeurs de tout le site. Dans [Blocs], on règle pour tout le site l’apparence de chaque type de bloc, comme le bloc Citation (d’après la documentation officielle).

Panneau Styles de l’éditeur de site WordPress : Parcourir les styles, Typographie, Couleurs, Arrière-plan, Ombres, Mise en page, Blocs (WordPress 7.1.3)

[Parcourir les styles] est une liste de variations qui changent d’un coup la combinaison de couleurs et de polices sans changer de thème ; Twenty Twenty-Five 1.5 en comptait 9, celle par défaut comprise. Pour qu’une seule page ait une apparence différente, modifiez-la dans les réglages de bloc de cette page plutôt qu’avec une variation, car une variation change l’apparence de tout le site en une seule fois.

3️⃣ Modèles et éléments de modèles : modifier l’entête et le pied de page

La disposition du titre du site et du menu dans l’entête et le pied de page se modifie dans les éléments de modèles. Les styles ne changent que les couleurs et les polices, sans toucher à cette structure.

TypeTwenty Twenty-Five 1.5Rôle
Modèles8Le cadre complet de chaque type d’écran : pages, publication seule, archives, 404, etc.
Élément de modèle7 (entête 3 · pied de page 3 · général 1)Entêtes et pieds de page partagés par plusieurs modèles
Variations de styles9 (dont celle par défaut)Combinaisons de couleurs et de polices pour tout le site

Cliquez sur [Pages] dans [Modèles] pour ouvrir l’écran de modification du modèle : l’entête et le pied de page utilisés par ce modèle apparaissent dans [Contenu] de l’onglet [Modèles] à droite. Comme les éléments de modèles sont partagés par plusieurs modèles, modifier l’entête se répercute sur tous les modèles qui utilisent ce même entête.

Écran de modification du modèle de page dans l’éditeur de site WordPress, avec l’entête et le pied de page dans Contenu de l’onglet Modèle (WordPress 7.1.3)

Les modifications ne sont visibles pour les visiteurs qu’après un clic sur [Enregistrer] en haut à droite de l’écran de modification, et sans modification le bouton [Enregistrer] reste désactivé.

4️⃣ Différence avec l’outil de personnalisation de WordPress : thèmes classiques et thèmes basés sur des blocs

Avec un thème basé sur des blocs, les mêmes réglages se font avec des blocs dans l’éditeur de site au lieu de l’[outil de personnalisation]. C’est pourquoi, si aucune extension ni aucun thème n’utilise l’outil de personnalisation, un thème basé sur des blocs n’affiche pas le menu [Personnaliser] (d’après la documentation officielle).

Avec le thème basé sur des blocs Twenty Twenty-Five, le menu [Apparence] n’affiche que trois éléments, Thèmes, Éditeur et Polices, et le rôle des widgets et des menus du thème classique est repris par les éléments de modèles et [Navigation].

Menu Apparence de WordPress avec un thème basé sur des blocs : Thèmes, Éditeur, Polices (WordPress 7.1.3)

Avec un thème classique comme Astra ou GeneratePress, le menu [Apparence] affiche Thèmes, Design, Personnaliser, Widgets, Polices et Menus, et l’[Éditeur de fichiers des thèmes] figure aussi dans ce menu. Widgets et Menus n’apparaissent que si le thème les prend en charge, et les thèmes qui prennent en charge une image d’entête et un arrière-plan ajoutent [Entête] et [Arrière-plan].

Écran du menu Apparence : les éléments Thèmes, Design, Personnaliser, Widgets, Polices, Menus et Éditeur de fichiers des thèmes dans le thème Astra (WordPress 7.1.3)

GeneratePress, ouvert avec [Prévisualiser en direct], ajoute à l’outil de personnalisation les sections Mise en page, Couleurs, Typographie et Général, ainsi qu’une section [Menus] pour choisir l’emplacement des menus.

Écran de l’outil de personnalisation : les sections Identité du site, Mise en page, Couleurs, Typographie, Général et Menus dans la prévisualisation en direct de GeneratePress

🔢 FAQ & contenus recommandés

Oui. Le modèle enregistré est stocké dans la base de données avec le nom du thème et il est utilisé avant le fichier de modèle du thème portant le même nom. Les changements apportés à ce modèle par une mise à jour du thème ne s’appliquent donc qu’après la réinitialisation du modèle.

Les modèles et éléments de modèles modifiés sont enregistrés sous le nom de ce thème : ils ne s’appliquent donc pas au nouveau thème, et les couleurs et polices modifiées dans Styles sont elles aussi enregistrées séparément pour chaque thème. Les modifications restent dans la base de données et sont réutilisées si vous revenez au thème d’origine.

Oui, c’est la même valeur. Les deux écrans utilisent le même réglage de titre du site, et côté visiteurs, le bloc Titre du site affiche cette valeur.

ℹ️ Mention d'affiliation
Le contenu de ce site contient des liens d'affiliation. Lorsqu'un visiteur achète un produit ou un service via l'un de ces liens, le site perçoit une commission du vendeur. Le montant payé par l'acheteur(il baisse lors des promotions ↓), lui, n'augmente pas. Les prix, remises et stocks indiqués correspondent à la date de rédaction et peuvent différer ; vérifiez-les donc auprès du vendeur avant d'acheter. Les produits sont choisis et évalués selon nos propres critères, et les commissions n'influencent ni l'ordre de présentation ni le contenu des évaluations.

Laisser un commentaire

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

Prouvez que vous êtes humain : 2   +   6   =