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.

Ainsi dans l’éditeur de site, vous pourrez non seulement modifier les menus de navigation, les styles, les différents modèles appliqués à vos publications, les compositions, les éléments de modèles et les pages de votre site y compris la page d’accueil, mais aussi ajouter facilement de nouvelles occurences de tous ces éléments, et enfin vous pourrez définir le logo et l’icône de votre site.

Cette fonctionnalité est disponible uniquement si vous utilisez un thème basé sur des blocs (nommé 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 activer l’éditeur de site et y accéder

Vous devez utiliser un thème utilisant des blocs pour pouvoir activer cette fonctionnalité.

Pour trouver des thèmes basés sur des blocs, depuis le Tableau de bord, accédez au menu Apparence, puis Thèmes et cliquez sur Ajouter. Dans la barre de recherche des thèmes, cliquez sur le filtre Thèmes basés sur des blocs et faites votre choix parmi les thèmes proposés dans le répertoire des thèmes de WordPress.

Après avoir installé ou activé un thème basé sur des blocs, vous pourrez accéder à l’éditeur de site  :

• depuis le Tableau de bord, en cliquant sur le menu Apparence puis Éditeur ;
• ou depuis l’interface publique de votre site, en cliquant sur le lien Modifier le site de la barre d’administration.

Principales fonctionnalités de l’éditeur de sites

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

Avec l’éditeur de site, vous avez la possibilité de parcourir l’ensemble des modèles et éléments de modèles proposés par votre thème, et d’avoir donc un aperçu des différentes mises en page proposées pour chaque type de page : page d’accueil, page des articles, publications seules, archives, page des résultats de recherche, page 404, etc., sans pour autant les avoir déjà créées.

Pour parcourir les modèles, accéder à l’écran Modèles de l’éditeur de site appelé aussi l’éditeur de modèles.

Gérer les modèles du site

Gérer les éléments de modèles

Visualiser et éditer les styles du site

L’écran Styles de l’éditeur de site vous permet d’avoir un aperçu, avec la page d’accueil du site, des différentes variations proposées par le thème. Vous pouvez aussi accéder au guide des styles qui présente l’apparence de l’ensemble des blocs selon la variation de styles choisie.

Vous pouvez personnaliser les styles pour l’ensemble du site et pour tous les blocs de manière globale depuis l’éditeur de site. Les réglages des styles sont disponibles quel que soit le modèle ou la partie du modèle que vous modifiez.

Pour plus d’informations sur le sujet, consultez l’article Vue d’ensemble des styles globaux

Personnaliser la mise en page du site

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. Consultez la liste des blocs de la catégorie Thème.

Pour modifier la mise en page des modèles du site, il vous suffit d’ajouter ou supprimer des blocs dans les différents modèles.

Gérer les pages

Dans l’écran Pages de l’éditeur de site vous pouvez visualiser et éditer toutes les pages de votre site comme dans l’éditeur de blocs, mais ici l’aperçu sur la page sera différent puisque l’en-tête, le pied de page et éventuellement les colonnes latérales seront affichés et non uniquement le contenu de la page.

Depuis l’écran Pages de l’éditeur de site vous disposez de deux fonctionnalités proposées dans l’écran Pages (accessible depuis le Tableau de bord, puis menu Pages) : ajouter une page et mettre une page à la corbeille. Vous disposez aussi dans cet écran d’un accès rapide à l’écran Pages du Tableau de bord.

L’interface de l’éditeur de site

Lorsque vous l’ouvrez depuis le Tableau de bord, l’interface de l’éditeur de site est composée :

• D’une barre d’outils comprenant :
  • Une icône WordPress (1) ou le logo de votre site (si vous avez coché l’option Utiliser comme icône de site dans les réglages du bloc Logo du site) qui vous permet de retourner au Tableau de bord.
  • Le titre du site (2).
  • Une icône Voir le site (3), visible au survol du titre du site, qui ouvre un nouvel onglet affichant l’interface publique du site.
  • Une icône Ouvrir la palette de commandes (4) affichant la fenêtre modale de la Palette de commandes qui vous permet d’accéder aux écrans de l’éditeur de site ainsi qu’aux autres écrans du Tableau de bord qui servent à modifier le contenu ou le design de votre site.
• D’une flèche (5) pour revenir à l’écran précédent c’est-à-dire au Tableau de bord quand vous êtes dans l’écran principal de l’éditeur de site ou à l’écran principal de l’éditeur de site quand vous êtes dans un écran tel que Styles ou Navigation.
• Du menu de l’éditeur de site (6).
• Et de votre page d’accueil (7) dans sa partie droite.

Lorsque vous accédez à l’éditeur de site, depuis l’interface publique de votre site en cliquant sur l’outil Modifier le site, l’interface de l’éditeur de site s’affichera avec le modèle associé à la page depuis laquelle vous l’avez ouvert. Par exemple, si vous cliquez sur le lien Modifier le site depuis un article alors l’éditeur s’ouvrira avec le modèle « Publications seules » ou tout autre modèle qui aurait été appliqué aux articles.

Écrans de l’éditeur de site

Le menu de l’éditeur de site propose 5 éléments qui correspondent à différents écrans :

• Navigation – Pour visualiser et modifier les menus de navigation du site.
• Styles – Pour visualiser les styles appliqués aux blocs (guide de style) et modifier les styles globaux.
• Pages – Pour visualiser et modifier les pages du site, et en créer de nouvelles.
• Modèles – Pour visualiser et modifier les modèles et en créer de nouveaux.
• Compositions – Pour visualiser et modifier les compositions et les éléments de modèles du thème et en créer de nouveaux.

Barre d’outils supérieure de l’éditeur de site

Dès lors que vous cliquez sur l’outil Modifier que ce soit pour un menu, une page, un modèle ou une composition, l’éditeur passe en mode focus et la barre d’outils supérieure de l’éditeur est affichée.

Elle propose les éléments suivants :

• Nom de l’élément en cours de modification (1). Ici le modèle « Pages ».
• Ouvrir/fermer l’outil d’insertion de blocs (2) – Cet outil permet d’insérer des Blocs, des Compositions et des Médias et fonctionne comme dans l’éditeur de blocs.
• Outils (3) – Qui propose deux modes d’interaction avec les blocs : Modifier ou Sélectionner. Avec le premier mode vous pouvez modifier les blocs en utilisant la barre d’outils du bloc ou la colonne latérale des réglages ou des styles ; avec le second, vous sélectionnez les blocs et vous pouvez les déplacer par glisser-déposer ou les supprimer avec la touche Suppr, si vous cliquez à l’intérieur d’un bloc sélectionné, vous basculez en mode modification.
• Annuler et Rétablir (4) – Permettent d’annuler ou rétablir des modifications effectuées auparavant.
• Vue en liste (5) – Active la vue en liste qui permet de voir l’ensemble des blocs et leur hiérarchie sous forme de liste comme une table des matières.
• Réglages (6) – Active ou désactive la colonne latérale des réglages. Lors d’un clic sur cet outil, si dans la colonne latérale, les styles étaient affichés, ils sont remplacés par les réglages et, si les réglages étaient affichés, alors la colonne latérale est masquée.
• Styles (7) – Active ou désactive la colonne latérale des styles. Cet outil fonctionne de la même manière que celui des Réglages.
• Options (8) – Affiche le menu présentant les options de l’éditeur de site. Certaines options sont identiques aux options de l’éditeur de blocs.
• Voir (9) – Ouvre un menu avec des options permettant de choisir une taille d’écran entre Ordinateur, Tablette ou Mobile, ou Voir le site qui ouvre l’interface publique du site dans un nouvel onglet.
• Le bouton Enregistrer (10) – Disponible quand des modifications ont été effectuées mais qu’elles n’ont pas été enregistrées.
• Le lien Retour (11) – Ce lien n’est pas toujours présent, il permet de revenir à l’élément ouvert précédemment pour modification. Dans notre exemple, ce lien permet de revenir à la page depuis laquelle on a ouvert le modèle « Pages ».
• Ouvrir la navigation (12) – Qui correspond à l’icône WordPress (ou au favicon de votre site) et permet de sortir du mode focus de l’éditeur et d’avoir la colonne latérale gauche de l’éditeur de site affichée et donc de naviguer d’un écran à l’autre.
• Le lien CTRL + K (13) – Permet d’accéder à la palette de commandes.

Options de l’éditeur de site

Lorsque vous modifiez un élément du site (tel qu’un menu, les styles, une page, un modèle ou une composition) et que la barre d’outils supérieure de l’éditeur est active, cliquez sur l’outil Options (icône trois points superposés) pour accéder au menu présentant les options de l’éditeur.

Dans la section Vue, trois options concernent la présentation de l’éditeur lui-même :

• Barre d’outils supérieure – Les outils de l’éditeur et ceux des blocs sont disponibles dans cette barre d’outils, au lieu d’une barre flottante au dessus de chaque bloc.
• Mode « mise en lumière » – Cette option permet de mettre en évidence le bloc en cours de modification, les autres blocs étant grisés.
• Sans distraction – Quand ce mode est activé les parties non essentielles de l’interface sont masquées ce qui vous permet de vous concentrer sur la rédaction. Les barres d’outils des blocs ne sont pas affichées, et la barre d’outils supérieure ne s’affiche que lorsque vous survolez son emplacement. Vous pouvez éventuellement accéder aux réglages ou aux styles globaux en cliquant sur l’option correspondante dans le menu déroulant des Options.

Dans la section Éditeur, vous pouvez basculer de l’Éditeur visuel où les blocs sont affichés sous une forme graphique à l’Éditeur de code où les blocs sont affichés sous forme de lignes de code. L’Éditeur visuel est l’éditeur par défaut. Vous pouvez utiliser le raccourci clavier Ctrl + Maj + Alt + M (sous Windows) ou ⇧ + ⌥ + ⌘ + M (sous Mac) pour basculer de l’un à l’autre.

Dans la section Extensions, vous pouvez choisir d’afficher la colonne latérale des Réglages ou des Styles. Ces options correspondent respectivement aux outils Réglages et Styles de la barre d’outils supérieure.

La section Outils vous propose différents outils tels que :

• Exportation – Cet outil vous permet d’exporter votre thème sous la forme d’une archive *.zip contenant tous les éléments qui le composent : styles (dossier styles), modèles (templates), compositions (patterns), éléments de modèles (parts), les polices et images (assets), les fichiers functions.php, styles.css et theme.json.
• Raccourcis clavier – Ouvre une fenêtre modale avec les raccourcis clavier disponibles dans l’éditeur.
• Guide de bienvenue – Affiche une fenêtre modale contenant des explications sur comment démarrer la personnalisation de votre site.
• Copier tous les blocs – Permet de placer l’ensemble des blocs présents dans l’éditeur dans le presse-papiers afin de les coller dans un autre emplacement (autre publication, composition, ou éditeur de texte).
• Aide – Permet d’accéder à cet article de la documentation.

Enfin l’option Préférences permet de définir vos préférences pour tous les écrans de l’éditeur de site, une fenêtre modale s’affiche comportant les deux sections : Général et Blocs. Cette fenêtre modale est décrite dans l’article Préférences de l’éditeur.

Fonctionnement de l’éditeur de site

Se déplacer dans les écrans de l’éditeur de site

Pour vous déplacer d’un écran à l’autre de l’éditeur de site, vous pouvez utiliser le menu de navigation de la colonne latérale gauche, et en particulier la flèche située devant le nom de l’écran courant, qui vous permet de revenir à l’écran précédent.

Un autre moyen consiste à utiliser la palette de commandes. Voici quelques raccourcis utiles, à saisir ou sélectionner, dans la palette de commandes pour basculer dans un autre écran de l’éditeur de site :

• Ouvrir la navigation pour l’écran Navigation.
• Ouvrir les variations de styles pour l’écran Styles.
• Ouvrir les pages pour l’écran Pages.
• Ouvrir les modèles pour l’écran Modèles.
• Ouvrir la bibliothèque pour l’écran Compositions.

Enregistrer les modifications

Vous pouvez enregistrer les modifications effectuées sur vos menus, styles, pages modèles ou compositions, au fur et à mesure. Mais l’enregistrement n’est pas obligatoire pour basculer d’un écran à l’autre de l’éditeur de site. Par contre, vous serez invité·e à enregistrer les diverses modifications lorsque vous quitterez l’éditeur de site.

Pour enregistrer :

• Si le mode focus est actif, cliquez sur le bouton Enregistrer situé en haut à droite, dans la barre d’outils supérieure de l’éditeur.
• Si vous êtes sur l’écran d’un élément en particulier (par exemple un modèle ou un menu dans lequel vous avez fait des modifications) avec le menu de l’éditeur de site affiché, cliquez sur le bouton Enregistrer situé en bas de la colonne latérale gauche.
• Si vous êtes dans un des écrans de l’éditeur de site ou dans l’écran principal de l’éditeur de site, cliquez sur le bouton Passer en revue x modification(s) situé en bas de la colonne latérale gauche. Lorsque vous optez pour cette option, toutes les modifications non enregistrées sont listées dans une fenêtre modale, et il vous suffit de décocher celles que vous ne souhaitez pas appliquer, puis cliquez ensuite sur le bouton Enregistrer.
• Vous pouvez aussi utiliser le raccourci clavier : CTRL + S ou ⌘ + S, puis cliquez sur le bouton Enregistrer pour confirmer.

Revenir au tableau de bord

Pour revenir au Tableau de bord :

1. Si vous êtes dans l’écran principal de l’éditeur de site, cliquez sur le bouton Aller au tableau de bord (flèche à gauche d’Apparence) ou sur le bouton Aller au tableau de bord (icône WordPress ou favicon) en haut à gauche de votre écran.
2. Si vous êtes dans l’un des écrans de l’éditeur de site, cliquez sur la flèche devant le nom de l’écran pour revenir à l’écran principal de l’éditeur de site, puis effectuez les actions décrites en 1.
3. Si le mode focus est actif (le menu de navigation est masqué), cliquez sur le bouton Ouvrir la Navigation (icône WordPress ou favicon de votre site) de la barre d’outils supérieure, en haut à gauche de votre écran, puis :
   • cliquez de nouveau sur cette même icône, qui correspond maintenant au bouton Aller au tableau de bord ;
   • ou cliquez deux fois sur la flèche à gauche du nom de l’écran pour revenir à l’écran principal de l’éditeur de site, puis suivez les instructions décrites en 1.

Si vous avez effectué des modifications et que celles-ci ne sont pas enregistrées, un message vous permet de choisir entre Quitter sans enregistrer ou Annuler pour effectuer l’enregistrement des modifications.
Si vous avez opté pour l’enregistrement des modifications, selon votre emplacement, cliquez alors sur le bouton Enregistrer ou Passer en revue x modification(s)… comme indiqué dans Enregistrer les modifications puis effectuez les actions décrites ci-dessus pour revenir au tableau de bord.
Si vous cliquez sur Quitter, le tableau de bord sera alors affiché, et les modifications seront perdues.

Outils et fonctionnalités utiles dans l’éditeur de site

Les outils ou fonctionnalités suivantes peuvent être utiles dans le cadre de l’utilisation de l’éditeur de site.

La palette de commandes

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.

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 par les thèmes ou par les extensions.

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

Copier-coller les styles

Depuis WordPress 6.2, une nouvelle option a été ajoutée pour vous permettre de copier et coller les styles de blocs, facilitant ainsi la réutilisation des styles que vous avez créés. Cette option, accessible depuis la barre d’outils de n’importe quel bloc, est destinée à être utilisée pour copier et coller entre le même type de bloc :

• Sélectionnez le bloc dont vous souhaitez copier les styles, dans sa barre d’outils cliquez sur l’outil Options, puis choisissez l’option Copier les styles dans le menu déroulant.
• Sélectionnez le bloc sur lequel vous souhaitez coller les styles, dans sa barre d’outils cliquez sur l’outil Options, puis choisissez l’option Coller les styles dans le menu déroulant.

Appliquer un changement de style globalement

Si vous êtes à l’aise avec les options avancées lors de la création d’un design ou de la personnalisation de blocs individuels, vous pouvez, depuis WordPress 6.2, appliquer les modifications apportées à un bloc en particulier à tous les blocs du même type. Par exemple, vous pouvez appliquer un design créé pour un bloc à tous les blocs du même type dans votre site grâce au bouton Appliquer globalement situé dans la section Avancé des réglages du bloc. Notez que sous le bouton, un message vous informe sur les différents réglages qui seront appliqués et sur quel type de bloc. Vérifiez bien que le type de bloc indiqué correspond bien à celui que vous souhaitez modifier.

Redimmensionner l’aperçu

Lorsque vous utilisez l’éditeur de site, vous pouvez avoir besoin de modifier l’aperçu du modèle, de l’élément de modèle ou de la composition que vous visualisez. Vous pouvez le faire en sélectionnant la poignée de redimensionnement (de couleur gris foncé), située entre le menu latéral gauche et l’aperçu. Survolez la poignée, celle-ci devient bleue et est accompagnée d’une double flèche, en maintenant le curseur de la souris, déplacez-la à votre convenance, vers la gauche, pour l’aperçu plein écran ou vers la droite, pour l’aperçu mobile, en passant par l’aperçu tablette.
Notez que cette fonctionnalité n’est pas disponible pour les compositions verrouillées (ou non modifiables).

---

Pour vous aider à utiliser l’éditeur de site, deux actions incontournables lors de la création d’un site sont décrites ci-dessous en utilisant ce nouvel éditeur.

Modifier votre page d’accueil

Pour le contenu de votre page d’accueil, vous avez le choix entre une page statique avec un contenu personnalisé ou une liste des derniers articles de blog.

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.

Une fois votre choix fait entre ces deux possibilités, les options disponibles dépendront des modèles proposés par votre thème.

En effet, selon le thème actif, vous serez dans l’une des options suivantes :

1. Aucun modèle nommé « Page d’accueil » ni « Page d’accueil du blog » n’est présent, c’est le modèle nommé « Index » qui sera alors le modèle par défaut pour ces pages.
2. Le modèle « Page d’accueil » est disponible, ce sera alors le modèle par défaut utilisé pour la page d’accueil statique.
3. Le modèle « Page d’accueil du blog » est disponible, ce sera alors le modèle par défaut pour la page des articles ou la page d’accueil si elle affiche les derniers articles.
4. Les deux modèles « Page d’accueil » et « Page d’accueil du blog » sont disponibles, le premier sera alors le modèle par défaut de la page d’accueil statique et le second sera le modèle par défaut de la page des articles.

Créer un modèle pour la page d’accueil

Si aucun modèle pour la page d’accueil n’est proposé par votre thème, vous pouvez ajoutez un nouveau modèle pour votre page d’accueil :

1. Via l’éditeur de blocs : à partir du Tableau de bord, cliquez sur Pages puis Toutes les pages, cliquez sur la page définie comme page d’accueil, puis dans la colonne des réglages, dans la section Récapitulatif, cliquez sur le nom du modèle, puis dans la fenêtre modale Modèle, cliquez sur le bouton Ajouter un modèle. Dans la fenêtre modale Créer un modèle personnalisé, donnez un nom à votre modèle, puis cliquez sur le bouton Créer. L’éditeur de modèles est alors actif vous permettant d’insérer les blocs souhaités dans votre modèle. Une fois vos ajouts terminés, cliquez sur le bouton Mettre à jour pour enregistrer le modèle, puis cliquez sur le bouton Retour de la barre d’outils supérieure pour revenir à l’éditeur de blocs et quitter l’éditeur de modèles.
2. Via l’éditeur de site  : à partir du Tableau de bord, cliquez sur Apparence puis Éditeur, puis Modèles, cliquez ensuite sur le bouton Ajouter un modèle (à droite de Modèles). Dans la fenêtre modale Ajouter un modèle, choisissez Page d’accueil ou Page d’accueil du blog selon que vous avez choisi une page d’accueil statique ou une page d’accueil affichant les derniers articles. Notez que si ces modèles sont déjà proposés par le thème, ils ne seront pas disponibles pour être ajoutés comme nouveaux modèles. Dans la fenêtre modale Choisir une composition, choisissez une des compositions proposées en cliquant dessus ou cliquez sur Passer, puis modifiez les blocs de la composition ou ajouter des blocs, puis cliquez sur le bouton Enregistrer. Quittez ensuite l’éditeur de modèles.

Notez que ces deux possibilités ne sont pas équivalentes : dans la première, vous créez un modèle personnalisé qui ne s’applique pas spécialement à un type de page prédéfini (il pourrait tout à fait s’appliquer à n’importe quelle autre page du site), alors que dans la seconde, vous créez un modèle spécifique à la page d’accueil qui ne pourra être utilisé pour aucune autre page.

Lorsque vous modifierez le modèle de la page des articles, vous devrez utiliser le bloc Boucle de requête, consultez la documentation de ce bloc pour apprendre à le configurer. Lorsque vous ajouterez un bloc au sein du bloc Boucle de requête, ce bloc sera répété sur chaque article de la liste. Pour personnaliser votre liste d’articles, vous pourrez utiliser les blocs Titre de la publication, Image mise en avant, Auteur, Date de publication, Catégories, ou encore Étiquettes.

Personnaliser le modèle de la page d’accueil

Si les modèles « Page d’accueil » ou « Page d’accueil du blog » sont déjà existants, vous avez alors la possibilité de les modifier afin de personnaliser votre page d’accueil.

Pour cela, il vous faudra accéder à l’éditeur de modèles :

• Via l’éditeur de blocs : à partir du Tableau de bord, cliquez sur Pages puis Toutes les pages, cliquez sur la page définie comme page d’accueil, puis dans la colonne des réglages, dans la section Récapitulatif, cliquez sur le nom du modèle, puis dans la fenêtre modale Modèle, cliquez sur le lien Modifier le modèle. L’éditeur de modèles est alors actif vous permettant d’insérer des blocs et/ou de modifier les blocs existants pour personnaliser le modèle. Une fois vos modifications terminées, cliquez sur le bouton Mettre à jour pour enregistrer le modèle, puis cliquez sur le bouton Retour de la barre d’outils supérieure pour revenir à l’éditeur de blocs et quitter l’éditeur de modèles.
• Via l’éditeur de site : à partir du Tableau de bord, cliquez sur Apparence puis Éditeur, puis Modèles, cliquez ensuite sur le modèle « Page d’accueil » ou « Page d’accueil du blog ». Cliquez sur le bouton Modifier (à droite du nom du modèle) ou sur la partie droite de la fenêtre pour activer l’éditeur de modèles. Insérez ou modifiez les blocs pour personnaliser le modèle, puis cliquez sur le bouton Enregistrer. Quittez ensuite l’éditeur de modèles.

Veuillez noter que si vous ajoutez un modèle de page d’accueil via l’éditeur de site, il sera toujours utilisé pour la page d’accueil, peu importe les réglages sélectionnés sur l’écran Réglages de 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.

Définir l’icône du 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. Depuis le Tableau de bord, allez sur le menu Apparence, puis Éditeur. Cela ouvrira votre page d’accueil.
2. Cliquez sur l’aperçu de la page d’accueil pour ouvrir l’éditeur. Puis effectuez un double-clic n’importe où sur la page. Un message vous indique qu’il faut « Modifiez votre modèle pour modifier ce bloc », cliquez alors sur le bouton Modifier le modèle pour ouvrir l’éditeur de modèles.
3. 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.
4. Le bloc Logo du site vous permettra d’utiliser une image de la Médiathèque ou de téléverser une nouvelle image depuis votre ordinateur.
5. Après avoir choisi ou téléversé une image et en gardant le bloc Logo du site sélectionné, cliquez sur le bouton Réglages de la barre d’outils supérieure pour accéder à la colonne des réglages.
6. Dans les réglages du bloc Logo du site, cochez l’option Utiliser comme icône de site.
7. Enregistrez vos modifications via le bouton Enregistrer.

Ressources

Voici des ressources proposées sur le site Learn WordPress :

• Tutoriel d’Introduction à l’éditeur de site (en anglais).
• Formation sur la création d’un design de site simple en utilisant l’éditeur site (en anglais).
• Tutoriel Comment ajouter ou retirer un logo et une icône de site dans un thème basé sur des blocs (en anglais).
• Plan de cours Introduction à l’éditeur de site et aux modèles (en anglais).

Traduit par Jb Audras et complètement remanié par Jenny Dupuy
Relu par Valérie Galassi & Jenny Dupuy
Dernière mise à jour le 7 février 2024

Contribuer à la documentation en français de WordPress