L’éditeur de site

L’éditeur de site est une nouvelle fonctionnalité qui vous permet de bâtir l’ensemble de votre site en utilisant l’éditeur de blocs. Cette fonctionnalité comprend plusieurs fonctionnalités associées, comme les thèmes qui utilisent des blocs ou l’outil de personnalisation des styles globaux.

Cette fonctionnalité n’est disponible que si vous utilisez un thème basé sur des blocs (en anglais « Block Theme »).

Lorsque vous utilisez l’éditeur de site, la plupart de vos modifications auront un impact sur l’ensemble de votre site.

Comment accéder à cette fonctionnalité

Vous devez utiliser un thème utilisant des blocs pour pouvoir accéder à cette fonctionnalité. Après avoir activé un tel thème, vous aurez accès à un nouveau sous-menu Éditeur (beta) dans le menu Apparence. Ce sous-menu permet d’accéder au système d’édition de site.

Capture d’écran du menu permettant d’accéder à l’éditeur de site

Haut ↑

Fonctionnement de l’éditeur de site

Haut ↑

Modifier les styles

La fonctionnalité d’édition des styles globaux du site vous permet de modifier la mise en forme générale de votre site, et la mise en forme par défaut de chaque bloc de l’éditeur.

Pour en savoir plus sur cette fonctionnalité, consultez l’article Vue d’ensemble des styles globaux.

Haut ↑

Personnaliser votre contenu

Avec l’éditeur de site, tous les blocs que vous avez l’habitude de manipuler pour rédiger votre contenu peuvent être utilisés afin de construire l’architecture générale de votre site. De plus, de nouveaux blocs spécifiquement dédiés à l’édition de site sont disponibles. Ils sont rangés dans la catégorie Thème de l’outil d’insertion de blocs.

Capture d’écran montrant la liste des blocs Thème

Haut ↑

Parcourir les modèles et les éléments de modèles

Une fois que vous aurez cliqué sur le menu Apparence, puis Éditeur (beta), vous serez redirigé vers l’édition du modèle utilisé pour la page d’accueil de votre site, avec la possibilité de basculer d’un modèle (ou élément de modèle) à un autre.

Pour basculer de l’un à l’autre, cliquez simplement sur le logo WordPress en haut à gauche. Vous pourrez alors choisir entre revenir sur le Tableau de bord de votre site ou ouvrir un modèle ou un élément de modèle pour le modifier, ou encore revenir sur l’édition du modèle de page d’accueil.

Haut ↑

Gestion des modèles

Les modèles sont des groupes de blocs combinés pour créer la mise en forme et la mise en page d’une page web. Vous pouvez créer des modèles personnalisés ou utiliser les modèles fournis par votre thème ou par vos extensions. Lorsque vous faites des modifications sur un modèle, l’éditeur met à jour les blocs sur toutes les publications qui l’utilisent. Un modèle s’appliquant sur une publication affiche le contenu de la publication à l’aide du bloc Contenu de la publication.

Pour plus d’information sur le sujet, consultez l’article dédié à l’éditeur de modèles.

Haut ↑

Gestion des éléments de modèles

Un élément de modèle est un bloc (plus précisément un groupe de blocs) permettant de gérer plusieurs parties d’une page web, mais aussi de mettre en place une structure d’éléments réutilisables, tels qu’un en-tête ou un pied de page. Les éléments de modèles sont généralement utilisés pour créer la structure générale du site.

Pour plus d’information sur le sujet, consultez l’article dédié à l’éditeur d’éléments de modèles.

Haut ↑

Retour au tableau de bord à partir de l’éditeur de site

Pour revenir à votre Tableau de bord WordPress, cliquez simplement sur le logo WordPress pour ouvrir le panneau de navigation de l’éditeur de site, puis cliquez sur le lien < Tableau de bord. Cela vous ramènera sur votre Tableau de bord.

Capture d’écran montrant comment accéder au Tableau de bord

Haut ↑

Modifier l’affichage de votre page d’accueil

Votre page d’accueil peut afficher une liste de vos derniers articles de blog, ou une page statique avec un contenu personnalisé. Les réglages disponibles dépendront des modèles compris dans votre thème. Pour voir la liste des modèles, suivez le menu Apparence, puis Éditeur (beta), ouvrez ensuite le menu de l’éditeur de site (logo WordPress en haut à gauche) puis cliquez sur le menu Modèles.

  • Si votre thème n’a pas de modèle nommé « Accueil », utilisez le bouton Ajouter un modèle en haut à droite de l’écran et créez votre page d’accueil.
  • Si votre thème dispose d’un modèle nommé « Accueil », sélectionnez-le pour l’ouvrir dans l’éditeur.
  • Si votre thème dispose d’un modèle nommé « Articles du blog », vous pouvez le sélectionner comme étant votre page d’accueil en allant dans l’écran des Réglages de lecture du site.

Pour savoir comment choisir entre une page d’accueil statique ou une liste des articles de blog pour votre accueil, consultez l’article Créer une page d’accueil statique.

Haut ↑

Personnaliser votre page d’accueil

Haut ↑

Derniers articles du blog

Pour personnalisez cet écran, allez dans le menu Apparence, puis Éditeur (beta). L’éditeur s’ouvrira avec, par défaut, l’affichage de votre page d’accueil actuelle, et vous pourrez commencer à la modifier.

Les thèmes compatibles affichent la liste des articles de blocs à l’aide du bloc Boucle de requête. Consultez la documentation de ce bloc pour apprendre à le configurer.

Lorsque vous ajoutez un bloc au sein de celui servant à modifier l’affichage de chaque article, ce bloc est répété sur chaque article de la liste. Pour personnaliser votre liste d’articles, vous pouvez utiliser les blocs Titre de la publication, Image mise en avant, Auteur, Date de publication, Catégories, ou encore Étiquettes.

Page d’accueil statique

Si vous avez sélectionné une page statique pour en faire votre page d’accueil et que vous souhaitez lui donner un design différent de celui de vos autres pages, vous devez lui assigner un modèle différent.

Suivez les étapes suivantes pour lui assigner un modèle existant :

  • Depuis le Tableau de bord, allez sur le menu Pages, puis Toutes les pages.
  • Depuis la liste des pages, choisissez la page que vous avez sélectionnée comme étant votre page d’accueil et ouvrez l’éditeur pour la modifier.
  • Une fois dans l’éditeur, ouvrez la colonne latérale des réglages.
  • Dans la section Modèle, choisissez le modèle que vous souhaitez utiliser.
  • Cliquez sur Mettre à jour pour enregistrer les modifications.

Pour créer un nouveau modèle, suivez les étapes suivantes :

  1. Depuis le Tableau de bord, allez sur Pages, puis Toutes les pages.
  2. Depuis la liste des pages, choisissez la page que vous avez sélectionnée comme étant votre page d’accueil et ouvrez l’éditeur pour la modifier.
  3. Une fois dans l’éditeur, ouvrez la colonne latérale des réglages.
  4. Dans la section Modèle, cliquez sur Nouveau.
  5. Cela ouvrira l’éditeur de modèles, qui vous permettra de créer votre propre modèle personnalisé pour votre page d’accueil.
  6. Cliquez sur Mettre à jour pour enregistrer les modifications.

Veuillez noter que si vous ajoutez un modèle de page d’accueil via l’éditeur de site, il sera toujours utilisé en tant que page d’accueil, peu importe les réglages sélectionnés sur l’écran Réglages de lecture (accessible via le menu Réglages, puis Lecture). Vous devrez supprimer ce modèle si vous souhaitez reprendre la main sur la gestion de la page d’accueil via ces réglages.

Haut ↑

Comment définir l’icône de votre site

Les thèmes qui ont recours à des blocs permettent d’utiliser le bloc Logo du site pour afficher le logo de votre site. Ce bloc comprend une fonctionnalité native permettant de définir le logo utilisé en tant qu’icône de votre site (généralement aussi appelée icône de favori, ou « favicon »). Cela permet aux personnes visitant votre site de l’identifier via l’icône affichée sur les onglets de leur navigateur. Pour en savoir plus sur l’icône de site, ou « favicon », consultez notre article d’aide « Créer une favicon ».

Si vous souhaitez utiliser la même image pour le logo de votre site et pour sa favicon, suivez les étapes suivantes :

  1. Allez sur le menu Apparence, puis Éditeur (beta). Cela ouvrira votre page d’accueil.
  2. Trouvez le bloc Logo du site ajouté par votre thème sur le modèle de page d’accueil, ou ajoutez-le vous même là où vous souhaitez qu’il apparaisse. Consultez cette page pour en savoir plus sur l’ajout d’un nouveau bloc
  3. Le bloc Logo du site vous permettra de choisir entre utiliser une image de la Médiathèque ou téléverser une image depuis votre ordinateur.
  4. Après avoir choisi ou téléversé une image et en gardant le bloc Logo du site sélectionné, ouvrez la colonne latérale des réglages du bloc (utilisez l’icône d’engrenage située en haut à droite).
  5. Dans les réglages du bloc Logo du site, cochez l’option Utiliser comme icône de site.
  6. Enregistrez vos modifications.
Capture d’écran montrant la colonne latérale des réglages pour le bloc Logo du site

Haut ↑

Outils

Les outils suivants peuvent être utiles dans le cadre de l’utilisation de l’éditeur de site.

Haut ↑

Vue en liste

La vue en liste vous aide à naviguer entre les blocs de contenus et les blocs imbriqués. C’est l’outil idéal pour naviguer au sein d’un agencement complexe de blocs en sélectionnant exactement ce que vous avez besoin de modifier, mais aussi pour visualiser tous les blocs qui composent votre contenu en un clin d’œil. S’il est très utile pour rédiger vos publications, c’est aussi un outil indispensable dans le cadre de l’éditeur de site.

Pour plus d’informations, consultez notre article dédié à la Vue en liste.

Haut ↑

Les compositions de blocs

Les compositions de blocs sont des agencements de blocs prédéfinis que vous pouvez insérer dans vos publications puis personnaliser avec votre propre contenu. Il y a des compositions de blocs standards proposées par le cœur WordPress, mais aussi des compositions proposées nativement par les thèmes ou par les extensions.

Pour plus d’informations, consultez notre article dédié aux Compositions de blocs.

Haut ↑

Exportation de modèles et d’éléments de modèles

De la même façon qu’avec l’outil d’exportation des contenus du site, il existe une possibilité d’exporter les modèles et éléments de modèles que vous avez créés avec l’éditeur de site. Pour l’instant, cet outil permet uniquement d’exporter les modèles et les éléments de modèles.

Pour exporter vos modèles et éléments de modèles, suivez les étapes suivantes :

  1. Ouvrez l’éditeur de site en vous rendant sur Apparence, puis Éditeur (beta).
  2. Cliquez sur le bouton avec trois points verticaux situé à côté des réglages des blocs et des réglages de styles.
  3. Dans la section Outils, cliquez sur Exporter.
  4. L’exportation se lancera et vous recevrez un fichier ZIP contenant tous vos modèles et éléments de modèles.

Haut ↑

Ressources

Traduit par Jb Audras
Relu par Valérie Galassi & Jenny Dupuy
Dernière mise à jour le 21 janvier 2022

Contribuer à la documentation en français de WordPress