La palette de commandes constitue une fonctionnalité de l’éditeur de site qui vous propose des raccourcis pour vous déplacer rapidement dans l’éditeur de site et l’éditeur de blocs, ou encore pour en modifier l’interface.

Cette fonctionnalité est disponible uniquement si vous utilisez un thème basé sur des blocs (nommé en anglais « Block Theme »). Ce paragraphe de l’article sur l’éditeur de site vous explique comment l’activer.

La palette de commandes vous offre le moyen de naviguer rapidement dans les contenus de votre site et d’effectuer différentes actions telles que :

• Rechercher des publications et en créer de nouvelles.
• Rechercher des modèles, des éléments de modèles et des compositions.
• Ajouter du code CSS personnalisé.
• Accéder aux styles et aux révisions de style.
• Modifier les réglages et les préférences.
• Réinitialiser les personnalisations.
• Travailler avec les blocs.

Accéder à la palette de commandes

La palette de commandes est accessible depuis l’éditeur de site ainsi que depuis l’éditeur de blocs, et vous permet d’ailleurs de naviguer entre ces deux éditeurs.

Lorsque vous êtes dans l’éditeur de site, vous pouvez accéder à la palette de commandes :

• En cliquant sur l’outil Ouvrir la palette de commandes (icône loupe) présent dans tous les écrans de l’éditeur de site.
• En cliquant sur le raccourci CTRL + K situé au milieu de la barre d’outil supérieure de l’éditeur lorsque vous êtes en mode focus (ou édition) sur un élément du site (menu, page, modèle, composition, etc.).
• Ou en saisissant au clavier le raccourci CTRL + K ou ⌘ + K ; notez que sous certains navigateurs et selon l’emplacement du curseur ce raccourci ouvre la recherche.

Depuis l’éditeur de blocs, lorsque vous modifiez une publication, la palette de commandes est accessible en utilisant le raccourci CTRL + K ou ⌘ + K. Attention ce raccourci ne fonctionne pas si le curseur est placé dans le contenu de la publication, sans aucun bloc sélectionné, car ce raccourci permet alors d’insérer un lien ; placez donc plutôt le curseur sur le titre de la publication.

Pour accéder aux commandes relatives aux blocs dans la palette de commandes, sélectionnez un bloc puis utilisez le raccourci CTRL + K ou ⌘ + K.

Utiliser la palette de commandes

Lorsque vous êtes dans l’éditeur de blocs et que la palette de commandes est ouverte, vous disposez d’un champ de saisie vous invitant à rechercher une commande, il vous suffit alors d’y saisir quelques caractères de la commande ou du titre de la publication pour qu’un certain nombre de propositions s’affiche. Cliquez ensuite sur la commande souhaitée pour effectuer l’action ou le titre de la publication pour y accéder dans l’éditeur de site.

Lorsque vous êtes dans l’éditeur de site et que la palette de commandes est ouverte, vous disposez là encore d’un champ de saisie, mais vous disposez en plus de raccourcis vers les écrans Navigation, Styles, Pages et Modèles de l’éditeur de site. Le fonctionnement est le même qu’à partir de l’éditeur de blocs.

Commandes disponibles

Avant de prendre connaissance des commandes disponibles, il est important de noter qu‘elles ne sont pas forcément toutes disponibles dans les deux éditeurs (de site et de blocs), et que la plupart d’entre elles sont contextuelles, c’est-à-dire proposées si leur utilisation est possible dans le contexte où la palette de commandes est appelée.

Par ailleurs, certaines commandes sont précédées d’une icône ce qui vous permet de vous repérer plus facilement :

	icône signe plus	pour l’ajout d’article, de page, de blocs
	icône page	pour ouvrir l’éditeur de blocs sur la page
	icône punaise avec lignes	pour ouvrir l’éditeur de blocs sur l’article
	icône représentant une disposition avec en-tête, colonne latérale et corps	pour ouvrir le modèle dans l’éditeur de modèles
	icône avec losanges emboités dont un noir	pour ouvrir l’élément de modèle dans l’éditeur de modèles
	icône avec losanges emboités	pour ouvrir l’écran Compositions de l’éditeur de site
	icône avec un cercle à demi coloré en noir	pour accéder à l’écran Styles de l’éditeur de site ou à la colonne latérale des styles dans l’éditeur de site

Voici une liste des commandes disponibles dans la version 6.4 de WordPress :

• Navigation pour ouvrir l’écran Navigation de l’éditeur de site.
• Styles pour ouvrir l’écran Styles de l’éditeur de site.
• Pages pour ouvrir l’écran Pages de l’éditeur de site.
• Modèles pour ouvrir l’écran Modèles de l’éditeur de site.
• Compositions pour ouvrir l’écran Compositions de l’éditeur de site.
• Ajouter un article pour quitter l’éditeur de site et ouvrir l’éditeur de blocs avec un nouvel article créé, prêt à recevoir du contenu. Cette commande est équivalente à celle effectuée via Articles, puis Ajouter un article depuis le Tableau de bord. Si vous êtes déjà dans l’éditeur de blocs, cette commande réouvre l’éditeur de blocs avec un nouvel article.
• Ajouter une page pour quitter l’éditeur de site et ouvrir l’éditeur de blocs avec une nouvelle page créée, prête à recevoir du contenu. Cette commande est équivalente à celle effectuée via Pages, puis Ajouter une page depuis le Tableau de bord. Si vous êtes déjà dans l’éditeur de blocs, cette commande réouvre l’éditeur de blocs avec une nouvelle page.
• Retour à la page pour retourner à l’édition de la publication et quitter l’éditeur de modèles.
• Permuter la colonne latérale des réglages permet d’afficher ou masquer la colonne latérale des réglages.
• Permuter le mode mise en lumière permet d’activer ou désactiver le mode mise en lumière de l’éditeur.
• Permuter l’éditeur de code permet d’activer ou désactiver l’éditeur de code.
• Permuter la barre d’outils supérieure permet d’afficher ou masquer la barre d’outils supérieure de l’éditeur.
• Permuter la vue en liste permet d’afficher ou masquer la vue en liste.
• Permuter le mode plein écran permet d’activer ou désactiver le mode plein écran de l’éditeur.
• Ouvrir/fermer l’outil d’insertion de blocs permet d’afficher ou masquer l’outil d’insertion de blocs.
• Afficher le fil d’Ariane des blocs permet d’afficher ou masquer le fil d’Ariane des blocs en bas de la fenêtre de l’éditeur. Cette commande est disponible quand le fil d’Ariane des blocs est masqué.
• Masquer le fil d’Ariane des blocs permet de masquer le fil d’Ariane des blocs. Cette commande est disponible quand le fil d’Ariane des blocs est affiché.
• Ouvrir les styles permet d’afficher la colonne latérale des styles dans l’éditeur de site.
• En savoir plus sur les styles permet d’afficher le guide de bienvenue dédié aux styles.
• Réinitialiser les styles par défaut pour annuler les personnalisations apportées aux styles globaux, cette commande n’est disponible que si les styles globaux ont été modifiés.
• Révisions de styles permet d’afficher l’ensemble des révisions de styles dans la colonne latérale des styles de l’éditeur de site.
• Personnaliser le css permet d’ouvrir le champ CSS additionnel dans la colonne latérale des styles de l’éditeur de site afin de visualiser ou saisir le code CSS personnalisé.
• Préférences de l’éditeur ouvre la fenêtre modale des Préférences de l’éditeur (de site ou de blocs) en cours d’utilisation.
• Raccourcis clavier permet d’afficher la fenêtre modale présentant tous les raccourcis clavier de l’éditeur
• Voir le site permet d’ouvrir un nouvel onglet avec la page d’accueil du site.

Les commandes suivantes ne sont disponibles que lorsque vous appelez la palette de commandes depuis l’éditeur de contenus :

• Prévisualiser dans un nouvel onglet permet d’afficher la publication dans un nouvel onglet dans l’interface publique du site.
• Activer les vérifications de pré-publication correspond à cocher l’option Inclure la liste de controle de pré-publication dans les Préférences de l’éditeur. Cette commande n’est disponible que si l’option n’est pas cochée.
• Désactiver les vérifications de pré-publication correspond à décocher l’option Inclure la liste de controle de pré-publication dans les Préférences de l’éditeur. Cette commande n’est disponible que si l’option a été cochée.

Lorsqu’un bloc est sélectionné, vous avez accès à des commandes supplémentaires comme :

• Ajouter avant pour ajouter un autre bloc avant le bloc sélectionné.
• Ajouter après pour ajouter un autre bloc après le bloc sélectionné.
• Déplacer pour placer le bloc à un autre emplacement.
• Dupliquer pour créer un ou des bloc(s) identique(s) au(x) bloc(s) sélectionné(s).
• Groupe pour transformer la sélection de blocs en un bloc Groupe.
• Dégrouper pour permuter les blocs groupés en blocs indépendants.
• Transformer en [autre bloc] pour transformer le bloc en un autre bloc. Vous disposez d’une commande Transformer en pour chaque transformation possible selon le bloc sélectionné lors de l’appel de la palette de commandes.
• Supprimer pour supprimer le bloc ou les blocs sélectionné(s).
  

Ajouter des commandes personnalisées

Il est possible d’ajouter ses propres commandes à la palette de commande. Néanmoins, cette méthode (en anglais) s’adresse aux développeuses et développeurs.

Twenty Twenty-Three est le nouveau thème par défaut de WordPress version 6.1 (en anglais). Ce dernier est optimisé pour l’accessibilité.

Thème basé sur les blocs, minimaliste, et conçu pour l’édition complète de site (FSE), Twenty Twenty-Three inclut une collection de 10 styles de modèles. Explorez le panneau Styles de l’Éditeur de site et modifiez très rapidement l’apparence de votre site.

Spécifications nécessaires

• Nécessite au moins WordPress 6.1.
• Nécessite au moins la version 5.6 de PHP.

Prise en charge de l’édition complète de site

Twenty Twenty-Three est conçu pour prendre en charge les fonctionnalités de l’édition complète de site.

Cela inclut les éléments suivants :

• Éditeur de site : un éditeur qui vous permet de modifier toutes les parties de votre site, de naviguer entre les modèles et bien plus encore.
• Styles : une fonctionnalité qui vous permet de personnaliser votre site en incluant des blocs individuels, avec différentes polices d’écriture, couleurs et mises en page.
• Modèles : modifiez, créez et gérez les modèles utilisés dans vos pages, articles, et autres publications.
• Élément de modèles : un moyen d’organiser et d’afficher des groupes de blocs dans vos modèles, principalement pour structurer votre site, comme les en-têtes et pieds de page.
• Des blocs de thème incluant un bloc Navigation, un bloc Boucle de requête, et d’autres blocs spécifiques aux thèmes.

Comme son prédécesseur Twenty Twenty-Two, ce thème est conçu pour utiliser l’édition complète de site de WordPress à la place de l’outil de personnalisation, qui sera masqué par défaut. L’outil de personnalisation pourra être réactivé si vous avez des extensions installées qui en ont besoin.

Modèles

Twenty Twenty-Three comprend plusieurs modèles personnalisés :

• Vide : celui-ci inclut le contenu de l’article sans aucun bloc additionnel.
• Blog (alternatif) : fournit une manière différente d’afficher les articles, sous forme de liste avec la date à gauche et le titre de l’article à droite.
• 404 : permet de personnaliser la page affichée lorsqu’aucun contenu n’est trouvé.
• Recherche : affiche les résultats de la recherche.
• Accueil : affiche les articles sur la page d’accueil ou sur la page des articles si une page d’accueil statique est définie.

Compositions de blocs

Explorez les compositions pour gagner du temps lors de la création de mises en page créatives. Les compositions sont des agencements de blocs prédéfinies dont le texte et le contenu multimédia peuvent être rapidement remplacés par le votre. Qu’il s’agisse d’un appel à l’action, d’une annonce d’évènement ou d’un tableau de prix, comme le montrent les illustrations ci-dessous, les compositions peuvent aider à démarrer la création de vos publications.

Variations de style

La palette de couleurs par défaut de Twenty Twenty-Three consiste en une palette minimaliste en noir et blanc et différentes teintes de vert, voir ci-dessous.

Vous préférez une apparence différente ? Visitez la section Styles (via le bouton Styles) de la colonne latérale de l’Éditeur de site et choisissez parmi dix styles supplémentaires, via Parcourir les styles, pour modifier instantanément le design, y compris les couleurs et la typographie.

Les illustrations ci-dessous montrent les différents rendus sur écran large et mobile des variations de styles proposées par le thème :

Caractéristiques de conception

Twenty Twenty-Three tire parti des pré-réglages de typographie fluide, afin que chaque élément de texte puisse s’adapter automatiquement à toutes les tailles d’écran. Le thème utilise également des pré-réglages d’espacement fluide, pour aider à maintenir la cohérence de l’espacement entre les blocs à toutes les tailles d’écran. Si vous souhaitez en savoir plus sur les tailles, l’espacement et les familles de police de ces pré-réglages, consultez en détail les spécifications de conception (en anglais).

Support et ressources

Obtenez de l’aide de la communauté sur le forum de support.

Apprenez à tirer parti de tous les avantages du FSE avec le cours Conception de site simple avec l’édition complète de site (en anglais).

En savoir plus sur le thème Twenty Twenty-Three sur l’article de présentation de WordPress 6.1 (en anglais).

Traduit par Gabrielle Fouix
Relu par Marie Comet & Bruno Tritsch
Dernière mise à jour le 10 février 2023

Contribuer à la documentation en français de WordPress

Qu’est-ce qu’un thème basé sur les blocs ?

Un thème WordPress basé sur les blocs fonctionne avec des modèles entièrement composés de blocs de sorte que l’éditeur peut être utilisé pour modifier non seulement le contenu des publications (pages, articles…), mais aussi toutes les zones du site : en-tête, pied de page, barres latérales, etc.

Quelle est la structure d’un thème basé sur les blocs ?

Un thème basé sur les blocs sera structuré ainsi :

assets (dossier)
      - css (dossier)
            - blocks (dossier)
      - images (dossier)
      - js (dossier)
inc (dossier)
patterns (dossier)
parts (dossier)
      - footer.html
      - header.html
templates(dossier)
      - 404.html
      - archive.html
      - index.html
      - page.html
      - single.html
      - search.html
functions.php
index.php
README.txt
rtl.css
screenshot.png
style.css
editor-style.css
theme.json

Le dossier parts est facultatif, par contre le dossier templates doit exister et inclure un fichier index.html pour que l’éditeur reconnaisse un thème basé sur l’utilisation de blocs. Le dossier parts sert à regrouper les éléments de modèles : des subdivisions (header.html, footer.html, …).

La différence principale avec les thèmes existants réside dans le fait que les modèles et éléments de modèles relatifs à la hiérarchie classique de WordPress sont au format HTML au lieu d’être au format PHP et qu’ils sont intégralement composés de blocs. De plus, cet exemple inclut un fichier theme.json (en anglais) pour certains styles.

Qu’est-ce qu’un modèle de bloc ?

Un modèle de blocs est composé d’une liste de blocs. Tout bloc WordPress peut être utilisé dans un modèle. Les modèles peuvent également partager des parties de leur contenu en utilisant les « éléments de modèles ». Par exemple, tous les modèles de blocs peuvent utiliser le même en-tête en incluant un élément de modèle distinct header.html.

Voici un exemple de modèle de bloc :

<!-- wp:site-title /-->

<!-- wp:image {"sizeSlug":"large"} -->
<figure class="wp-block-image size-large">
	<img src="https://cldup.com/0BNcqkoMdq.jpg" alt="" />
</figure>
<!-- /wp:image -->

<!-- wp:group -->
<div class="wp-block-group">
	<!-- wp:post-title /-->
	<!-- wp:post-content /-->
</div>
<!-- /wp:group -->

<!-- wp:group -->
<div class="wp-block-group">
	<!-- wp:heading -->
	<h2>Footer</h2>
	<!-- /wp:heading -->
</div>
<!-- /wp:group -->

Comment écrire et modifier ces modèles ?

Toute personne disposant des permissions adéquates (exemple : un compte WordPress d’administration (« administrator ») pourra accéder aux modèles sous l’administration WordPress, les modifier dans des sections dédiées et les exporter.

Gutenberg 11.8 propose deux façons de créer et modifier des modèles.

Modifier les modèles via l’écran Modèles du Tableau de bord

Vous pouvez accéder à la modification des modèles (Écran Modèles) depuis le Tableau de bord, via le menu Apparence puis Éditeur (en version bêta) soit la page wp-admin/site-editor.php. Ajoutez des blocs dans un modèle puis passez en mode éditeur de code pour récupérer le code HTML du modèle lorsque vous aurez terminé. Vous pouvez ensuite coller ce code dans le fichier correspondant se trouvant dans le répertoire du thème.

Veuillez noter que cette section ne répertorie pas les modèles fournis avec votre thème ou ceux pour lesquels vous aurez préalablement créé des fichiers HTML vides. Elle ne répertorie que les modèles créés sous l’administration sur le site WordPress sur lequel vous travaillez.

Modifier les modèles dans l’Éditeur de site

Commencez par créer un fichier HTML vide dans le répertoire de votre thème en vous basant sur la hiérarchie des modèles . Par exemple : montheme/templates/index.html. Puis ouvrez l’Éditeur de site. Votre nouveau modèle devrait apparaitre en tant que modèle actif et être vide. Ajoutez des blocs dans ce modèle comme vous le feriez en utilisant Gutenberg. Vous pouvez créer et ajouter des éléments de modèles directement à partir du bloc Élément de modèle (« Template part »).

Faites ainsi avec tous les modèles que vous souhaitez ajouter à votre thème.

Lorsque vous avez terminé, cliquez sur l’outil Exporter accessible via le bouton Options (trois points), situé à la droite de la barre supérieure de l’éditeur de site. Vous pourrez ainsi télécharger un fichier ZIP contenant tous les modèles et éléments de modèles que vous avez créés sous l’éditeur et que vous pourrez placer dans le dossier de votre thème.

Veuillez noter que lorsque vous faites cet export, le balisage du bloc Élément de modèle inclut un identifiant de publication (postID) qui peut être supprimé en toute sécurité si vous redistribuez votre thème.

Modèles de types de publication personnalisés

En enregistrant les modèles à partir du menu Apparence, puis Modèles (menu temporaire) du Tableau de bord, vous pourrez surcharger les modèles présents dans le dossier de votre thème.

Exemple : en utilisant le mot « single » comme titre de votre modèle et en l’enregistrant, ce modèle aura la priorité sur le fichier single.html présent dans le dossier de votre thème.

Notez cependant qu’il ne surchargera aucun des modèles ayant une spécificité plus élevée dans la hiérarchie des modèles. La résolution va du plus spécifique au moins spécifique, en recherchant d’abord un modèle de publication personnalisé, puis un modèle de thème, et ce à chaque niveau.

Blocs de thème

Certains blocs ont été spécialement conçus pour les thèmes. Par exemple, vous utiliserez probablement le bloc Titre du Site dans l’en-tête de votre site, et votre modèle « single » inclura probablement un bloc Titre de la publication ainsi qu’un bloc Contenu de la publication.

Comme nous n’en sommes qu’au début du processus, le nombre de blocs dédiés à ce type de modèles est encore faible mais d’autres seront ajoutés au fur et à mesure. La version 11.8 de Gutenberg propose les blocs suivants :

• Boucle de requête
• Titre de la publication
• Contenu de la publication
• Date de publication
• Extrait de la publication
• Image mise en avant de la publication
• Connexion/déconnexion
• Navigation
• Élément de modèle – « Template Part »
• Auteur de la publication – « Post Author »
• Commentaire de la publication – « Post Comment »
• Commentaires de la publication – « Post Comments »
• Compteur de commentaires – « Post Comments Count »
• Formulaire de commentaires – « Post Comments Form »
• Lien vers les commentaires d’une publication – « Post Comments Link »
• Description du terme – « Term Description »
• Listes des publications
• En-tête
• Pied de page
• Article suivant
• Article précédent

Styles

L’un des aspects les plus importants des thèmes (si ce n’est le plus important) est le style. Pour l’instant vous pouvez ajouter des styles via des feuilles de styles déclarées de manière classique, mais le fichier theme.json (en anglais) qui se chargera à l’avenir de gérer les styles du thème offre déjà beaucoup d’options.

Thèmes classiques

Les personnes utilisant des thèmes classiques peuvent également créer des modèles de blocs personnalisés et les utiliser dans leurs pages et types de publications personnalisés prenant en charge les modèles de page.

Les autrices et auteurs de thèmes peuvent désactiver cette fonctionnalité en supprimant le support block-templates dans leur fichier functions.php.

remove_theme_support( 'block-templates' );

Ressources

• Une vidéo d’apprentissage en français sur WordPress.tv :

• Site dédié aux thèmes basés sur les blocs (en anglais) de Carolina Nymark
• Tickets Github dans la rubrique Full Site Editing (en anglais)
• Dépôt Github Theme Experiments (en anglais) regroupant des exemples de thèmes créés par la communauté WordPress avec l’éditeur de site

Traduit par Loïc Antignac
Relu par Jb Audras & Jenny Dupuy
Dernière mise à jour le 28 août 2023

Contribuer à la documentation en français de WordPress

Le répertoire des compositions de blocs est une ressource pour les personnes qui créent des contenus et qui souhaitent trouver des compositions de blocs à utiliser sur leurs sites pour gagner du temps dans la création de mises en page uniques. Que vous recherchiez une belle façon de présenter des images pour votre portfolio ou une section pratique pour le formulaire de contact, le répertoire de compositions de blocs propose de nombreuses options. Il permet d’accéder à d’autres compositions que celles proposées par vos thèmes et extensions.

Pour utiliser les compositions de blocs, il vous sera nécessaire d’avoir les droits pour modifier les publications du site. Pour en savoir plus, vous pouvez lire l’article Compositions de blocs.

Comment utiliser le répertoire des compositions

Rechercher des compositions

1. Accédez au répertoire des compositions.
2. Saisissez un mot clé dans le champ Rechercher des compositions puis cliquez sur le bouton pour lancer la recherche ou appuyez sur la touche Entrée.
3. Ou cliquez sur une des catégories prédéfinies pour réduire les options.
4. Vous pouvez ensuite modifier l’ordre de tri en choisissant une des options : Plus récentes pour afficher les compositions les plus récentes en premier, ou Favoris pour afficher les compositions selon leur classement dans la catégorie Favoris des personnes ayant un compte WordPress.org.

Utiliser une composition sur votre site

1. Lorsque vous avez trouvé une composition qui vous convient, survolez la vignette de la composition et cliquez sur le bouton Copier.

2. Le code de la composition sera alors copié dans votre presse-papiers.
3. Accédez à la publication dans laquelle vous voulez insérer la composition, puis cliquez pour ajouter un nouveau bloc à l’emplacement souhaité et collez ensuite le contenu du presse-papiers (en utilisant CTRL + V ou ⌘ + V, ou la commande de menu contextuel Coller) pour ajouter la composition dans la publication.

Compositions favorites

Si vous êtes connecté·e à votre compte WordPress.org, vous pouvez placer une composition dans vos Favoris en cliquant sur le bouton avec une icône cœur qui apparaît au survol de la vignette de la composition.

Pour affichez uniquement les compositions que vous avez placées dans vos favoris, cliquez sur le lien Favoris sous le champ de recherche.

Ressources

• Atelier d’introduction aux compositions sur Learn WordPress
• Autres ateliers et cours sur Learn WordPress concernant les compositions
• Block Editor Handbook (en anglais)

Traduit par Jenny Dupuy
Relu par Jb Audras & Patrick Olivaud
Dernière mise à jour le 07 janvier 2022

Contribuer à la documentation en français de WordPress

La personnalisation des styles globaux est une nouvelle fonctionnalité de WordPress 5.9, incluse dans les thèmes basés sur des blocs.

Elle vous permet de personnaliser vos sites autant que vous le souhaitez, avec différentes couleurs, typographies, mises en pages, et bien plus encore.

Vous pouvez aussi ajuster le style de vos blocs pour assurer une expérience cohérente sur l’ensemble du site. Ajoutez par exemple vos couleurs sur le bloc Bouton, ou les différents niveaux de titres à la taille de police la plus adaptée.

Comment fonctionnent les styles globaux ?

Les styles globaux impactent l’ensemble de votre site. Cela signifie que si vous modifiez la couleur d’arrière-plan, cela la modifiera sur tous vos articles, pages et modèles.

Votre thème propose plusieurs réglages par défaut en plus de ceux de WordPress. Vous les trouverez tous listés ici, mais en utilisant les styles globaux, vous pourrez les surcharger par vous-même. Cela signifie par exemple que vous pouvez ajouter vos propres couleurs à la palette de couleurs disponible dans l’éditeur de publications. Idem pour les outils de contrôle de mise en page, et ainsi de suite.

Lorsque vous avez terminé de modifier les styles globaux, pensez à cliquer sur le bouton Enregistrer, situé en haut à droite de l’écran, pour les conserver.

Où trouver les styles globaux

Afin d’accéder à cette fonctionnalité, vous devez utiliser un thème basé sur des blocs, puis vous rendre dans l‘éditeur de site. Lisez l’article l’éditeur de site pour découvrir comment y accéder.

Une fois dans l’éditeur de site, vous trouverez le bouton Styles en haut à droite de l’écran, à côté du bouton Réglages.
Ce panneau restera disponible quel que soit le modèle ou l’élément de modèle que vous modifiez, afin de vous permettre de créer la mise en forme de votre site au fur et à mesure de la conception de ses modèles. 

À noter que lorsque vous accédez à l’éditeur de site depuis le tableau de bord, vous trouverez le bouton Styles dans le menu, sur la gauche de l’écran. Cliquez ensuite sur Modifiez les styles (icône crayon) pour accéder au panneau décrit précédemment.

Prévisualiser vos modifications avec le guide de style

Lorsque vous apportez des modifications aux styles de votre site, qu’il s’agisse de passer à une variation de styles différente ou de modifier juste un bloc, il est important de voir l’impact visuel que cela aura.

Avec l‘ajout du guide de style dans WordPress 6.2, vous pouvez prévisualiser vos modifications de styles directement appliquées aux blocs.

Pour activer le guide de style, cliquez sur le bouton Guide de style (icône « oeil ») présent en haut du panneau des Styles.

Une fois activé, une page présentant les différents blocs de votre site s‘affiche dans la partie centrale de l’éditeur.

Ce bouton est disponible tout au long de la personnalisation des styles, vous pouvez ainsi modifier les styles de votre site et voir directement le résultat sur vos contenus.

Réglages disponibles dans les styles globaux

Typographie

Les réglages de typographie permettent de gérer les paramètres typographiques des différents éléments – textes, liens, titres, légendes et boutons – de l’ensemble du site.

Vous y trouverez deux sous sections : Polices et Éléments, décrites ci-après.

Polices

La section Polices vous permet de gérer les différentes polices d’écriture disponibles sur votre site.
Vous pourrez y gérer les polices proposées par votre thème, ainsi qu’une interface pour téléverser de nouvelles polices.

Cliquez sur le bouton Gérer les polices pour ouvrir une fenêtre modale où vous trouverez trois onglets :

• Médiathèque – Vous trouverez ici la liste des polices disponibles sur votre site, en cliquant sur l’une d’elle, un nouveau panneau s’ouvre et vous permet d’activer ou de désactiver des variantes de police.
• Téléverser – C’est ici que vous pouvez téléverser des polices personnalisées que vous aurez préalablement téléchargées. Les formats de police supportés sont : .tff, .otf, .woff, et .woff2.
• Installer des polices – Ce dernier onglet vous permet de vous connecter directement à Google Fonts pour y sélectionner des polices. Lors de votre premier accès à cet onglet, vous devrez cliquer sur le bouton Autoriser l’accès aux Google Fonts. Une liste de police s’affiche alors, vous pouvez y effectuer une recherche, puis choisir des polices à installer.

Éléments

Dans la section Éléments, vous pouvez paramétrer les réglages de typographie des éléments suivants : textes, liens, titres, légendes et boutons.

Cliquez sur un élément pour accéder à ses réglages, vous y trouverez les réglages communs de typographie.

Couleurs 

Cette section vous permet de gérer les palettes de couleurs et la couleur par défaut de différent éléments généraux de votre site : texte, arrière-plan, liens, légendes, boutons, titres, H1.

Palette

En cliquant sur Palette, vous pourrez modifier la palette de couleurs de votre thème et celle par défaut.

Ajout d’une couleur ou d’un dégradé personnalisé

Si vous souhaitez ajouter une couleur ou un dégradé personnalisé sur votre site, suivez ces étapes :

1. Ouvrez le panneau Styles.
2. Cliquez sur la section Couleurs.
3. Cliquez sur la section Palette et sélectionnez l’onglet Solide (couleur) ou Dégradé.
4. Dans la section Personnalisée, cliquez sur le bouton +.
5. Ici, sélectionnez et nommez votre couleur personnalisée. Lors du choix du nom de votre couleur, évitez les noms trop génériques (bleu, vert, etc.) pour éviter que votre couleur se confonde avec d’autres noms de couleurs génériques.
6. Une fois que vous avez créé votre couleur ou votre dégradé personnalisé, cliquez sur OK puis Enregistrer.
7. Votre option de couleur/dégradé sera maintenant disponible sur l’ensemble de votre site.

Mise en page

Cette section vous permet de modifier des réglages de mise en page sur l’ensemble de votre site :

• Largeur de la zone de contenu principal : la largeur que doit prendre votre contenu en mode Contenu et Large.
• Marges internes : les marges internes appliquées aux éléments qui entourent le contenu principal.
• Espacement des blocs : les marges haut et bas entre chaque bloc dans le contenu principal.

Blocs

Chaque bloc de votre site peut être ajusté ici afin de faire correspondre sa mise en forme à vos besoins, et dispose de ses propres options de personnalisation. Par exemple, le bloc Image propose des options de mise en page, et le bloc Bouton propose des options de typographie, de couleurs et de mise en page.

Gardez en tête que les changements faits ici auront un impact sur l’état par défaut de chaque bloc sur l’ensemble de votre site, à moins qu’il ait été personnalisé lors de son insertion à un endroit spécifique.

Par exemple, si vous avez personnalisé un bloc Bouton spécifiquement inséré sur une page précise de votre site, sa mise en forme ne sera pas impactée, puisqu’elle diffère des options proposées par défaut.

Variations de styles

Les variations de style sont une nouvelle fonctionnalité des thèmes basés sur les blocs, introduite dans WordPress 6.0.

Avec ces variations de style, des versions alternatives de votre thème vous sont présentées avec différentes combinaisons de couleurs, polices, typographie, espacement, paramètres de bloc, etc. Vous pouvez facilement sélectionner une variation de style et modifier l’apparence de votre site, sans changer de thème.

Dans le panneau Styles, vous trouverez la variation de style active, via un encart de prévisualisation.

Cliquez sur le bouton Parcourir les styles situé en dessous, une galerie des variations disponibles s’affiche, cliquez sur l’une d’entre elle pour la prévisualiser dans la zone centrale de l’éditeur de site.

Appliquer du CSS additionnel

Si les réglages de l’éditeur de site ne vous permettent pas d’atteindre votre objectif dans la personnalisation de votre site, vous pouvez ajouter du CSS personnalisé.

Notez que les modifications CSS que vous apportez ne seront pas écrasées par une mise à jour de votre thème, mais elles seront effacées lorsque vous changerez de thème.

CSS additionnel global

Depuis WordPress 6.2, il est possible d’appliquer du CSS personnalisé de façon globale (sur l’ensemble du site), depuis le panneau des Styles, via le menu En savoir plus puis CSS additionnel.

CSS additionnel bloc par bloc

Lorsque vous personnalisez les styles d’un bloc, vous trouverez un réglage CSS additionnel dans l’onglet Avancé. Le CSS saisi à cet endroit s’applique à tous les blocs de ce type, sur l’ensemble du site.

Étant donné que le CSS saisi ici est destiné à un type de bloc spécifique, vous ne devez pas ajouter de sélecteur ou d’accolades, mais directement les règles CSS. WordPress se charge de les englober dans les sélecteurs CSS appropriés.

Par exemple, si vous souhaitez afficher la partie textuelle du bloc Citation en italique, vous pouvez ajouter ceci dans le réglage CSS additionnel de ce dernier :

font-style: italic;

Qui sera transformé automatiquement par WordPress en :

.wp-block-quote {
  font-style: italic;
}

En utilisant des combinateurs CSS, vous pouvez appliquer des styles plus complexes, y compris des états de survol. Vous pouvez également utiliser l’esperluette (&) comme dans SASS/LESS, pour cibler un élément imbriqué.

Par exemple, voici une règle CSS que vous pouvez appliquer au bloc Bouton pour modifier son apparence au survol :

:hover {
  background: #bb00bb;
}

Qui sera transformé automatiquement par WordPress en :

.wp-block-button .wp-block-button__link:hover {
  background: #bb00bb;
}

Réinitialiser les styles

Pour revenir aux styles par défaut de votre thème, avant toute personnalisation effectuée depuis l’éditeur, allez dans le panneau des Styles, via le menu En savoir plus puis cliquez sur Réinitialiser les styles.

Ressources

Voici un exemple montrant quelques modifications rapides des styles globaux :

Accédez aux thèmes basés sur des blocs du répertoire de thèmes de WordPress.org.

Traduit par Jb Audras
Relu par Jenny Dupuy & Didier Demory
Dernière mise à jour le 4 avril 2024

Contribuer à la documentation en français de WordPress

Depuis WordPress 5.9, les thèmes basés sur des blocs font désormais partie de l’écosystème WordPress en tant que nouveau type de thème conçu avec et pour l’éditeur de blocs.

Qu’est-ce qu’un thème basé sur des blocs ?

Un thème basé sur des blocs, « block theme » en anglais, est un thème qui utilise des blocs pour toutes les parties du site : aussi bien pour les menus de navigation que pour l’en-tête, le contenu et le pied de page du site. Ces thèmes sont conçus pour l’édition complète de site, ou « Full Site Editing », qui vous permet de modifier et de personnaliser toutes les parties de votre site. Cela vous permet de modifier des éléments clés de votre thème sans avoir à en changer.

Avec un thème basé sur des blocs, vous pouvez placer et modifier des blocs en dehors de votre contenu en utilisant l’éditeur de modèles ou l’éditeur de site. Vous êtes en mesure d’utiliser des blocs dans les modèles fournis par un thème ou une extension ; par exemple, une page d’archive ou une page 404. Enfin vous avez la possibilité de créer vos propres modèles.

Pour une information plus générale à propos des thèmes, reportez-vous à l’article Les thèmes WordPress.

Quel impact cela a-t-il sur les widgets et les zones de widgets ?

Un thème basé sur des blocs n’utilise pas de widget, mais des blocs. Cela signifie que vous pouvez placer des blocs partout où vous auriez auparavant placé des widgets.

Quel impact cela a-t-il sur l’outil de personnalisation ?

L’outil de personnalisation n’est pas accessible avec un thème basé sur des blocs à moins que vous utilisiez une extension ou un thème qui nécessite qu’il soit activé. En effet, les blocs proposés, dans l’éditeur de modèles ou l’éditeur de site, vous permettent d’effectuer les mêmes modifications que dans l’outil de personnalisation. Par exemple, il existe désormais des blocs Titre du site, Description du site et Logo du site. Vous pouvez également sélectionner des couleurs pour votre site dans le panneau de gestion des styles, accessible depuis le Tableau de bord via le menu Apparence, puis Éditeur (beta), en cliquant sur le bouton Styles.

Actuellement, l’option permettant de définir une favicon (icône de site) ne fait pas partie des fonctionnalités disponibles, mais elle sera incluse dans une version ultérieure. En attendant la favicon est automatiquement définie comme étant l’image que vous utilisez dans le bloc Logo du site.

Où trouver des thèmes basés sur des blocs ?

Vous pouvez trouver des thèmes basés sur des blocs dans le répertoire officiel des thèmes de WordPress en sélectionnant le filtre Thèmes basés sur des blocs :

Pour une information plus générale sur comment obtenir ou installer de nouveaux thèmes, reportez-vous au paragraphe Installer des thèmes de l’article Écran thèmes.

Fonctionnalités disponibles avec un thème basé sur des blocs

Après avoir activé un thème basé sur des blocs, vous disposerez d’un plus grand nombre d’outils et de fonctionnalités, notamment :

• L’éditeur de site – Un éditeur qui vous permet de modifier toutes les parties de votre site, de vous dépacer d’un modèle à un autre, et bien plus encore.
• Les styles globaux – Une fonctionnalité qui vous donne la possibilité de personnaliser votre site autant que vous le souhaitez avec différentes couleurs (possibilité de définir une palette personnalisée), typographies et mises en page, pour tout le site ou seulement pour quelques blocs.
• L’éditeur de modèles – Modifiez, créez et gérez les modèles qu’utilise une publication.
• Le bloc Élément de modèle – Un moyen d’organiser et d’afficher des groupes de blocs insérés dans un bloc Élément de modèle, principalement pour la structure du site, comme les en-têtes et les pieds de page.
• De blocs comme, entre autres, le bloc Navigation ou le bloc Boucle de requête et d’autres à venir.

Grâce à ces fonctionnalités, vous devriez constater que vous n’aurez plus besoin de changer de thème aussi souvent pour obtenir l’aspect et la convivialité qui vous conviennent pour votre site.

Quand utiliser un thème basé sur les blocs ?

Les thèmes basés sur des blocs sont une nouveauté de WordPress 5.9. Si vous aimez explorer de nouvelles choses, construire du contenu avec l’éditeur de blocs et avoir un contrôle total sur toutes les parties de votre site, alors les thèmes basés sur des blocs sont une excellente solution pour vous. Dans un premier temps, il pourra être utile de configurer un site de test pour essayer un thème basé sur des blocs pour vérifier si cela fonctionnera pour vous.

En quoi les thèmes basés sur des blocs sont-ils différents des thèmes classiques ?

Les thèmes basés sur des blocs sont conçus pour les nouvelles fonctionnalités de WordPress 5.9, ils vous permettent d’utiliser des blocs pour modifier toutes les parties de votre site et vous offrent des moyens plus faciles de rapidement tout personnaliser, comme par exemple les couleurs d’arrière-plan ou les tailles de police pour tous les blocs Titre. En comparaison, les thèmes classiques incluent des fonctionnalités qui peuvent vous sembler plus familières si vous utilisez WordPress depuis un certain temps, comme les widgets, un écran dédié aux menus ou l’outil de personnalisation du thème, etc.

Ressources

• Un cours sur Learn WordPress : Conception simple d’un site avec l’édition complète de site (en anglais).

Traduit par Jenny Dupuy
Relu par Jb Audras & Bruno Tritsch
Dernière mise à jour le 27 février 2023

Contribuer à la documentation en français de WordPress

À partir de WordPress 5.8, l’éditeur de blocs est également utilisé pour gérer les widgets. Cela remplace donc les écrans accessibles via Apparence, puis Widgets et dans l’outil de personnalisation. L’éditeur de widgets vous permet de gérer les contenus affichés dans vos emplacements de widgets à l’aide de l’éditeur de blocs.

Pour pouvoir accéder à l’éditeur de widgets depuis le menu Apparence, puis Widgets, il est nécessaire d’activer un thème classique (ou non basé sur des blocs) comme par exemple Twenty-Twenty.

Si vous souhaitez utiliser des widgets avec un thème basé sur des blocs, il suffit d’utiliser les blocs natifs, ou ceux provenant d’une extension, classés dans la catégorie Widgets, dans vos modèles de page en les intégrant aux emplacements souhaités via l’éditeur de site, par exemple, dans l’entête ou le pied de page, ou encore dans une colonne latérale.

Ci-dessous les captures d’écran montrent comment se présente l’éditeur de widgets et l’interface de gestion des widgets dans l’outil de personnalisation du thème.

Utiliser l’éditeur de widgets

L’interface de l’éditeur est similaire à celle de l’éditeur de blocs, ce qui vous permet d’utiliser de manière analogue les fonctionnalités de l’éditeur, comme par exemple le glisser-déposer.

La plus grande différence entre les deux éditeurs concerne les emplacements de widgets, qui représentent les zones de votre thème dans lesquelles vous pouvez placer ces derniers. Dans chacun de ces emplacements, vous pouvez disposer des blocs exactement comme vous le feriez avec l’éditeur disponible pour vos publications.

Les widgets, auparavant ajoutés avec l’ancien écran de gestion des widgets, seront automatiquement récupérés par le nouvel éditeur de widgets.

À noter : les blocs réutilisables ainsi que les blocs de l’éditeur de modèles ne sont, pour le moment, pas disponibles dans l’éditeur de widgets.

Ajouter un bloc dans une zone de widgets

1. Allez sur Apparence, puis Widgets.
2. Cliquez sur l’emplacement de widget que vous souhaitez modifier.
3. Utilisez le bouton Ajouter un bloc (icône +) pour ajouter un bloc. Vous pouvez utiliser la fonctionnalité de recherche pour trouver le bloc que vous souhaitez ajouter ou cliquer sur Tout parcourir pour voir la liste complète des blocs disponibles en ouvrant l’outil d’insertion de blocs.

Déplacer des blocs d’un emplacement de widgets à un autre

Il y a deux façons de déplacer un bloc d’un emplacement de widget à un autre :

1. Utiliser un simple glisser-déposer pour déplacer un ou plusieurs blocs d’un emplacement à un autre.
2. Ou utiliser l’option Déplacer vers la zone des widgets, présente dans la barre d’outils du bloc, pour le déplacer vers l’emplacement voulu.

Gérer les widgets au sein de l’outil de personnalisation

Si vous préférez habituellement gérer vos emplacements de widgets avec l’outil de personnalisation, vous pouvez continuer à l’utiliser comme auparavant. La seule différence est qu’au lieu de manipuler des widgets, vous manipulerez des blocs. Le reste des fonctionnalités présentes dans la section Widgets de l’outil de personnalisation sont les mêmes qu’avant.

À noter que du fait de la petite taille de l’espace consacré à l’outil de personnalisation sur l’écran, vous aurez un clic de plus à faire pour trouver les réglages précis de chaque widget. Voici comment accéder aux réglages de chaque bloc :

1. Utilisez le bouton Ajouter un bloc (icône +) pour ajouter un bloc.
2. Une fois le bloc ajouté, afficher la colonne latérale des réglages afin d’accéder aux réglages des blocs.
3. Modifiez les options proposées dans les différentes sections des réglages.

Gestion des anciens widgets

Les widgets qui ne viennent pas du cœur WordPress (qu’ils viennent d’une extension ou d’un développement que vous avez réalisé) seront toujours disponibles dans vos emplacements de widgets. Ils seront affichés au sein d’un bloc Ancien widget. Cela garantit la meilleure rétro-compatibilité possible en attendant que la personne ayant développé ce widget le fasse évoluer pour prendre en charge à 100% le nouvel éditeur de widgets.

Si vous avez développé un widget et souhaitez le rendre compatible avec le nouvel éditeur de widgets, consultez cette note de développement (en anglais).

Conserver l’ancien écran de gestion des widgets

Pour conserver l’ancien écran de gestion des widgets, vous pouvez installer l’extension officielle Classic Widgets. Cette extension désactivera le nouvel éditeur de widgets et affichera à la place l’ancien écran de gestion. Elle sera maintenue pendant quelques mois par l’équipe de développement de WordPress afin de laisser aux utilisateurs et utilisatrices de WordPress le temps de préparer leur migration vers l’éditeur de blocs.

Démonstration de l’éditeur de widgets

La vidéo ci-dessous présente l’utilisation de l’éditeur de widgets et du panneau de gestion des widgets au sein de l’outil de personnalisation.

Ressources techniques

• Block-based Widgets Editor in WordPress 5.8 (en anglais)

Traduit par Jb Audras
Relu par Marie Comet & Bruno Tritsch
Dernière mise à jour le 5 avril 2024

Contribuer à la documentation en français de WordPress

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

WordPress utilise un systèmes de rôles, qui permet à la personne administrant le site de contrôler ce que chaque personne ayant un compte peut faire ou ne pas faire. La personne gérant le site peut autoriser ou non l’accès à des fonctions comme : créer et modifier des articles, créer des pages, créer des catégories, modérer des commentaires, installer des extensions, activer des thèmes, et gérer les comptes. Le degré d’autorisation pour chaque action est défini par le rôle attribué au compte.

WordPress propose six rôles prédéfinis : Super Admin, Administrateur/Administratrice, Éditeur/Éditrice, Auteur/Autrice, Contributeur/Contributrice et Abonné/Abonnée. Chaque rôle a le pouvoir d’accomplir certaines tâches, ce sont ses Permissions (Capabilities en anglais). Il existe une longue liste de permissions, parmi lesquelles publish_posts (publier des articles), moderate_comments (gérer les commentaires), et edit_users (modifier les comptes des utilisateurs). Un ensemble de Permissions par défaut est préconfiguré pour chaque rôle, mais d’autres permissions peuvent être ajoutées en utilisant les fonctions add_cap() (ajouter une permission) et remove_cap() (enlever une permission). Des rôles nouveaux peuvent être ajoutés, et des rôles enlevés, en utilisant les fonctions add_role() et remove_role().

Le rôle de Super Admin donne accès à toutes les permissions existantes. Tous les autres rôles ont un nombre plus restreint de permissions. À titre d’exemple, le rôle d’Abonné/Abonnée ne donne droit qu’à la permission de lecture (read en anglais). Ces rôles ne doivent pas être compris comme une échelle hiérarchique. Il s’agit plutôt de définir les responsabilités associées à chaque compte dans le fonctionnement du site.

Les rôles en résumé

• Super Admin – Accède aux réglages d’administration multisite, ainsi qu’à toutes les autres fonctionnalités. Voir l’article Créer un réseau multisite.
• Administrateur/Administratrice (slug : ‘administrator’) – Accède à toutes les fonctionnalités d’administration dans un site unique.
• Éditeur/Éditrice (slug : ‘editor’) – Peut publier et gérer les publications, y compris les publications d’autres utilisateurs.
• Auteur/Autrice  (slug : ‘author’)  – Peut publier et gérer ses propres messages.
• Contributeur/Contributrice (slug : ‘contributor’) – Peut écrire et gérer ses propres articles mais ne peut pas les publier.
• Abonné/Abonnée (slug : ‘subscriber’) – Ne peut gérer que son profil.

Lors de l’installation de WordPress, un compte Administrateur/administratrice doté de toutes les permissions est automatiquement créé.

Le rôle par défaut des nouveaux utilisateurs peut être défini dans Les écrans d’administration > Réglages > Réglages généraux.

Les rôles

Un rôle définit un ensemble de tâches qu’une personne à laquelle le rôle a été attribué est autorisée à effectuer. Par exemple, le rôle Super Admin englobe toutes les tâches possibles qui peuvent être effectuées dans un réseau de sites WordPress.
Le rôle d’Administrateur/Administratrice limite les tâches autorisées uniquement à celles qui affectent un seul site. D’autre part, le rôle d’Auteur/Autrice permet l’exécution d’un petit sous-ensemble de tâches.

Les sections suivantes répertorient les rôles par défaut et leurs permissions.

Super Admin

Les Super Administrateurs/Administratrices multisite, appelés couramment Super Admin, ont par défaut, toutes les permissions.
Les permissions suivantes sont disponibles uniquement pour les multisites (et donc pour les Super Admin) :

• create_sites (créer les sites)
• delete_sites (supprimer les sites)
• manage_network (gérer le réseau de sites)
• manage_sites (gérer les sites)
• manage_network_users (gérer les comptes du réseau)
• manage_network_plugins (gérer les extensions du réseau)
• manage_network_themes (gérer les thèmes du réseau)
• manage_network_options (gérer les options du réseau)
• upgrade_network (mettre à jour le réseau)
• setup_network (configuration du réseau)

Dans le cas d’une installation WordPress sur un seul site, les administrateurs/administratrices sont, en fait, des Super Administrateurs. En tant que tels, ils sont les seuls à avoir accès à des permissons étendues des Administrateurs/Administratrices.

Administrateur/Administratrice

Les permissions des Administrateurs/Administratrices seront différentes selon qu’il s’agisse d’une installation WordPress simple ou multisite. Tous les Administrateurs/Administratrices ont les permissions suivantes :

• activate_plugins (activer les extensions)
• delete_others_pages (supprimer les pages crées par un autre compte)
• delete_others_posts (supprimer les articles créés par un autre compte)
• delete_pages (supprimer les pages)
• delete_posts (supprimer les publications)
• delete_private_pages (supprimer les pages privées)
• delete_private_posts (supprimer les articles privés)
• delete_published_pages (supprimer les pages publiées)
• delete_published_posts (supprimer les articles publiés)
• edit_dashboard (modifier le tableau de bord)
• edit_others_pages (modifier les pages crées par un autre compte)
• edit_others_posts (modifier les articles créés par un autre compte)
• edit_pages (modifier les pages)
• edit_posts (modifier les publications)
• edit_private_pages (modifier les pages privées)
• edit_private_posts (modifier les articles privés)
• edit_published_pages (modifier les pages publiées)
• edit_published_posts (modifier les articles publiés)
• edit_theme_options (modifier les options des thèmes)
• export (exporter)
• import (importer)
• list_users (liste des comptes)
• manage_categories (gérer les catégories)
• manage_links (gérer les liens)
• manage_options (gérer les options)
• moderate_comments (modérer les commentaires)
• promote_users (promouvoir les comptes)
• publish_pages (publier des pages)
• publish_posts (publier des publications)
• read_private_pages (lecture des pages privées)
• read_private_posts (lecture des publications privées)
• read (lecture)
• create Reusable Blocks (créer des blocs réutilisables)
• edit Reusable Blocks (modifier des blocs réutilisables)
• read Reusable Blocks (lecture des blocs réutilisables)
• delete Reusable Blocks (supprimer des blocs réutilisables)
• remove_users (supprimer les utilisateurs)
• switch_themes (changer de thème)
• upload_files (téléverser des fichiers)
• customize (personnalisation)
• delete_site (supprimer un site)

Permissions étendues des Admin.

Seuls les administrateurs/administratrices d’installations sur un site unique ont les permissions suivantes. En multisite, seul le super admin dispose de ces permissions :

• update_core (mettre à jour le cœur de WordPress)
• update_plugins (mettre à jour les extensions)
• update_themes (mettre à jour les thèmes)
• install_plugins (installer des extensions)
• install_themes (installer des thèmes)
• delete_themes (supprimer des thèmes)
• delete_plugins (supprimer des extensions)
• edit_plugins (modifier des extensions)
• edit_themes (modifier des thèmes)
• edit_files (modifier des fichiers)
• edit_users (modifier des comptes)
• add_users (ajouter des comptes)
• create_users (créer des comptes)
• delete_users (supprimer des comptes)
• unfiltered_html (insérer du HTML sans filtre)

Éditeur/Éditrice

• delete_others_pages (supprimer les pages crées par un autre compte)
• delete_others_posts (supprimer les articles créés par un autre compte)
• delete_pages (supprimer les pages)
• delete_posts (supprimer les articles)
• delete_private_pages (supprimer les pages privées)
• delete_private_posts (supprimer les articles privés)
• delete_published_pages (supprimer les pages publiées)
• delete_published_posts (supprimer les articles publiés)
• delete Reusable Blocks (supprimer les blocs réutilisables)
• edit_others_pages (modifier les pages crées par un autre compte)
• edit_others_posts (modifier les articles créés par un autre compte)
• edit_pages (modifier les pages)
• edit_posts (modifier les publications)
• edit_private_pages (modifier les pages privées)
• edit_private_posts (modifier les publications privées)
• edit_published_pages (modifier les pages publiées)
• edit_published_posts (modifier les publications publiées)
• create Reusable Blocks (créer des blocs réutilisables)
• edit Reusable Blocks (modifier les blocs réutilisables)
• manage_categories (gérer les catégories)
• manage_links (gérer les liens)
• moderate_comments (modérer les commentaires)
• publish_pages (publier des pages)
• publish_posts (publier des articles)
• read (lecture)
• read_private_pages (lecture des pages privées)
• read_private_posts (lecture des articles privés)
• unfiltered_html (insérer du HTML sans filtre, mais pas sur réseau multisite)
• upload_files (téléverser des fichiers)

Auteur/Autrice

• delete_posts (supprimer les articles)
• delete_published_posts (supprimer les articles publiés)
• edit_posts (modifier les articles)
• edit_published_posts (modifier les articles publiés)
• publish_posts (publier les articles)
• read (lecture)
• upload_files (téléverser des fichiers)
• create Reusable Blocks (créer des blocs réutilisables)
• read Reusable Blocks (lecture des blocs réutilisables)
• edit Reusable Blocks (modifier les blocs réutilisables)
• delete Reusable Blocks (supprimer les blocs réutilisables).

Contributeur/Contributrice

• delete_posts (supprimer les articles)
• edit_posts (modifier les articles)
• read (lecture)
• read Reusable Blocks (lecture des blocs réutilisables)

Abonné/Abonnée

• read (lecture)

Cas particuliers

Les permissions suivantes sont des cas particuliers :

• unfiltered_upload (téléversement sans filtre) – Cette permission n’est disponible pour aucun rôle par défaut (y compris les Super Admin). La permission doit être activée en définissant la constante suivante :

define( 'ALLOW_UNFILTERED_UPLOADS', true );

Avec cette constante définie, tous les rôles sur une installation de site unique peuvent se voir attribuer la permission unfiltered_upload, mais seuls les Super Admin peuvent bénéficier de la permission sur une installation multisite.

Tableau des permissions et des rôles

Notez que les permissions des administrateurs/administratices diffèrent entre les installations d’un site unique et multisite, comme décrit ci-dessus.
  Y    : Oui
  Y ¹  : Oui, sur site unique
  Y ²  : Oui, sur site unique ou activé par paramètre réseau

Les Permissions

switch_themes

• Depuis la version 2.0 ;
• Permet d’accéder aux options des écrans d’administration :
  • Apparence,
  • Apparence > Thèmes.

edit_themes

• Depuis la version 2.0 ;
• Permet d’accéder à Apparence > Éditeur de fichiers des thèmes pour modifier les fichiers de thème.

edit_theme_options

• Depuis la version 3.0 ;
• Permet d’accéder aux options des écrans d’administration :
  • Apparence > Widgets,
  • Apparence > Menus,
  • Apparence > Personnalisation si elle est supportée par le thème actuel,
  • Apparence > En-tête.

install_themes

• Depuis la version 2.8 ;
• Permet d’accéder aux options des écrans d’administration :
  • Apparence > Ajouter de nouveaux thèmes.

activate_plugins

• Depuis la version 2.0 ;
• Permet d’accéder aux options des écrans d’administration :
  • Extensions*.

edit_plugins

• Depuis la version 2 ;
• Permet d’accéder aux options des écrans d’administration :
  • Extensions* > Éditeur de fichiers des extensions*.

install_plugins

• Depuis la version 2.7 ;
• Permet d’accéder aux options des écrans d’administration :
  • Extensions* > Ajouter des nouvelles extensions.

edit_users

• Depuis la version 2.0 ;
• Permet d’accéder aux options des écrans d’administration :
  • Comptes*.

edit_files

• Depuis la version 2.0 ;
• Remarque : n’est plus utilisé.

manage_options

• Depuis la version 2.0 ;
• Permet d’accéder aux options des écrans d’administration :
  • Réglages > Général,
  • Réglages > Écriture,
  • Réglages > Lecture,
  • Réglages > Discussion,
  • Réglages > Permaliens,
  • Réglages > Divers.

moderate_comments

• Depuis la version 2.0 ;
• Permet aux utilisateurs de modérer les commentaires à partir de l’écran des commentaires (bien qu’un utilisateur ait besoin de la permission edit_posts pour y accéder).

manage_categories

• Depuis la version 2.0 ;
• Permet d’accéder aux options des écrans d’administration :
  • Publications > Catégories,
  • Liens > Catégories.

manage_links

• Depuis la version 2.0 ;
• Permet d’accéder aux options des écrans d’administration :
  • Liens,
  • Liens > Ajouter des nouveaux.

upload_files

• Depuis la version 2.0 ;
• Permet d’accéder aux options des écrans d’administration :
  • Média,
  • Média > Ajouter.

import

• Depuis la version 2.0 ;
• Permet d’accéder aux options des écrans d’administration :
  • Outils > Import,
  • Outils > Export.

unfiltered_html

• Depuis la version 2.0 ;
• Permet à l’utilisateur de publier du balisage HTML ou même du code JavaScript dans des pages, des articles, des commentaires et des widgets ;
• Remarque : l’activation de cette option pour les comptes non approuvés peut entraîner la publication de code malveillant ou mal formaté ;
• Remarque : dans WordPress Multisite, seuls les super-administrateurs ont la permission unfiltered_html.

edit_posts

• Depuis la version 2.0 ;
• Permet d’accéder aux options des écrans d’administration :
  • Articles,
  • Articles > Ajouter,
  • Commentaires,
  • Commentaires > En attente de modération.

edit_others_posts

• Depuis la version 2.0 ;
• Permet d’accéder aux options des écrans d’administration :
  • Gérer > Commentaires (permet à la personne de supprimer et de modifier chaque commentaire, voir edit_posts ci-dessus),
• La personne peut modifier les articles d’autres comptes via la fonction get_others_drafts() ;
• La personne peut voir les images des autres comptes lors du téléchargement en ligne [non ? voir inline-uploading.php].

edit_published_posts

• Depuis la version 2.0 ;
• La personne peut modifier ses articles publiés. Cette permission est sur NON par défaut ;
• Le cœur vérifie la permission edit_posts, mais à la demande, cette vérification est remplacée par edit_published_posts ;
• Si vous ne souhaitez pas qu’un compte puisse modifier ses messages publiés, retirez cette permission.

publish_posts

• Depuis la version 2.0 ;
• Voir et utiliser le bouton « publier » lors de la modification de leur publication (sinon, les personnes ne peuvent enregistrer que les brouillons) ;
• Peut utiliser XML-RPC pour publier (sinon, les personnes obtiennent un « Désolé, vous ne pouvez pas publier sur ce blog ou cette catégorie »).

edit_pages

• Depuis la version 2.0 ;
• Permet d’accéder aux options des écrans d’administration :
  • Pages,
  • Pages > Ajouter.

read

• Depuis la version 2.0 ;
• Permet d’accéder aux options des écrans d’administration :
  • Tableau de bord,
  • Utilisateurs > Votre profil,
• Utilisé nulle part dans le code principal sauf menu.php.

publish_pages

• Depuis la version 2.1.

edit_others_pages

• Depuis la version 2.1.

edit_published_pages

• Depuis la version 2.1.

delete_pages

• Depuis la version 2.1.

delete_others_pages

• Depuis la version 2.1.

delete_published_pages

• Depuis la version 2.1.

delete_posts

• Depuis la version 2.1.

delete_others_posts

• Depuis la version 2.1.

delete_published_posts

• Depuis la version 2.1.

delete_private_posts

• Depuis la version 2.1.

edit_private_posts

• Depuis la version 2.1.

read_private_posts

• Depuis la version 2.1.

delete_private_pages

• Depuis la version 2.1.

edit_private_pages

• Depuis la version 2.1.

read_private_pages

• Depuis la version 2.1.

delete_users

• Depuis la version 2.1.

create_users

• Depuis la version 2.1 ;
• Permet de créer de nouveaux comptes ;
  • Sans autres permissions, les comptes créés auront le rôle par défaut pour un nouveau compte de votre blog.

unfiltered_upload

• Depuis la version 2.3.

edit_dashboard

• Depuis la version 2.5.

customize

• Depuis la version 4.0 ;
• Permet d’accéder à l’outil de personnalisation. 

delete_site

• Depuis la version 4.0 ;
• Permet à la personne de supprimer le site actuel (multisite uniquement).

update_plugins

• Depuis la version 2.6.

delete_plugins

• Depuis la version 2.6.

update_themes

• Depuis la version 2.7.

update_core

• Depuis la version 3.0.

list_users

• Depuis la version 3.0 ;
• Permet d’accéder aux options des écrans d’administration :
  • Comptes*.

remove_users

• Depuis la version 3.0.

add_users

• Depuis la version 3.0 ;
• Remplacé en 4.4 par promote_users (promouvoir le compte).

promote_users

• Depuis la version 3.0 ;
• Active le menu déroulant « Changer le rôle en… » dans la liste des comptes pour les administrateurs/administratrices ;
  • Cela ne dépend pas de la permission « edit_users »,
• Permet à « Ajouter un utilisateur existant » de fonctionner pour les installations multisites.

delete_themes

• Depuis la version 3.0.

export

• Depuis la version 3.0.

edit_comment

• Depuis la version 3.1.

create_sites

• Depuis la version 3.1 ;
• Multisite uniquement ;
• Permet à la personne de créer des sites sur le réseau.

delete_sites

• Depuis la version 3.1 ;
• Multisite uniquement ;
• Permet à la personne de supprimer des sites sur le réseau.

manage_network

• Depuis la version 3.0 ;
• Multisite uniquement ;
• Permet d’accéder à l’Administration d’un réseau multisite ;
• Permet à la personne de mettre à niveau le réseau.

manage_sites

• Depuis la version 3.0 ;
• Multisite uniquement ;
• Permet d’accéder au menu Sites du réseau ;
• Permet à la personne d’ajouter, de modifier, de supprimer, d’archiver, de désarchiver, d’activer, de désactiver, de spammer et d’éliminer le spam d’un nouveau site/blog sur le réseau.

manage_network_users

• Depuis la version 3.0 ;
• Multisite uniquement ;
• Permet d’accéder au menu Comptes du réseau*.

manage_network_themes

• Depuis la version 3.0 ;
• Multisite uniquement ;
• Permet d’accéder au menu des Thèmes du réseau.

manage_network_options

• Depuis la version 3.0 ;
• Multisite uniquement ;
• Permet d’accéder au menu des Réglages du réseau.

manage_network_plugins

• Multisite uniquement ;
• Permet d’accéder au menu des Extensions du réseau.

upload_plugins

• Depuis la version 4.0 ;
• Multisite uniquement ;
• Permet à la personne de téléverser les fichiers ZIP de l’extension à partir des Extensions du réseau > Ajouter un nouveau menu.

upload_themes

• Depuis la version 4.0 ;
• Multisite uniquement ;
• Permet à la personne de téléverser les fichiers ZIP de l’extension à partir des Thèmes du réseau > Ajouter un nouveau menu.

upgrade_network

• Depuis la version 4.8 ;
• Multisite uniquement ;
• Est utilisé pour déterminer si une personne peut accéder à la page de mise à niveau du réseau dans l’administration du réseau. En relation avec cela, la permission est également vérifiée pour déterminer s’il faut afficher la notification qu’une mise à niveau du réseau est requise. La permission n’est pas mappée, elle n’est donc accordée qu’aux administrateurs réseau. Voir #39205 (en anglais) pour une discussion de fond.

setup_network

• Depuis la version 4.8 ;
• Multisite uniquement ;
• Est utilisé pour déterminer si une personne peut configurer le multisite, c’est-à-dire accéder à la page de configuration du réseau. Avant de configurer un multisite, la permission est mappée à la permission `manage_options` de sorte qu’elle soit accordée aux administrateurs/administratrices. Une fois le multisite configuré, il est mappé sur `manage_network_options`, de sorte qu’il soit accordé aux administrateurs/administratrices du réseau. Voir #39206 (en anglais) pour une discussion de fond.

Resources

Extensions

• Members Plugin (extension disponible en français)
• User Access Manager (extension disponible en français)
• Advanced Access Manager (extension disponible en français)
• User Role Editor (extension disponible en français)
• WordPress User Role Editor
• Simple Membership Plugin
• View Admin As (« Rôles par défaut » et « Gestionnaire de rôles »)

Information

• WordPress Capabilities (en anglais)
• WordPress Roles and Capabilities at a Glance (en anglais) – Une représentation visuelle simplifiée des rôles et des permissions de WordPress (en anglais)

Traduit par Marie Comet, Patrice Pichon, Jenny Dupuy
Relu par Jenny Dupuy & Didier Demory
Dernière mise à jour le 19 juin 2023

Contribuer à la documentation en français de WordPress

Journal des modifications

19 juin 2023 – Marie Comet – Remplacement de « télécharger sans filtre » par « insérer du HTML sans filtre » dans la liste pour unfiltered_html
25 janvier 2022 – Jenny Dupuy – Remplacement de Éditeur de thème par Éditeur de fichiers des thèmes et de Éditeur d’extension par Éditeur de fichiers des extensions.
04 mai 2021 – Jenny Dupuy – Suppression de l’encodage des caractères accentués ou spéciaux dans les liens concernés.
15 décembre 2020 – Patrice Pichon – mise à jour avec la version anglaise du 30 janvier 2020 (ajout des blocs réutilisables) – actualisation de liens.