Comment modifier les pages sur WordPress – Éditeur 1/3

Découvrez l’interface de l’éditeur de contenu Gutenberg et ses principales fonctionnalités, pour savoir comment modifier les pages sur WordPress. Ce guide complet est destiné à tous les utilisateurs, même sans connaissance technique.

Gutenberg simplifie le processus de création et d’édition de contenu à l’aide de blocs.

Les Blocs vous permettent d’insérer différents types de contenu (par exemple paragraphes, images, citations, multimédia, …) dans vos publications et pages et de configurer ou réorganiser les mises en page juste. Gutenberg, ou comment modifier les pages sur WordPress juste avec votre souris !

Disposition de l’éditeur de contenu

Voici une capture d’écran de l’interface de l’éditeur de contenu Gutenberg.

L’éditeur de contenu est divisé en trois sections principales :

1. La barre d’outils d’édition
2. La zone de contenu
3. Les paramètres

Chaque section contient différentes fonctionnalités qui vous permettent d’exécuter différentes fonctions.

La barre d’outils d’édition

Il s’agit de la bande horizontale que l’on trouve en haut de l’écran de l’éditeur de contenu.

Cette barre d’outils vous permet d’exécuter un certain nombre de fonctions, notamment :

• Ajouter un nouveau bloc dans votre zone de contenu
• Annuler/Rétablir les modifications
• Afficher les informations sur la structure du contenu
• Afficher les informations de navigation du bloc
• Enregistrer les modifications (et afficher les confirmations enregistrées et enregistrées automatiquement)
• Changer le statut de la page de Brouillon à Publié et vice-versa
• Prévisualiser votre page
• Publier/Mettre à jour votre page
• Afficher/Masquer la section Paramètres
• Afficher Plus d’outils et d’options de Fonctionnalité

La section Barre d’outils d’édition peut également afficher des informations supplémentaires en fonction de la configuration de vos paramètres, telles que la fixation de la barre d’outils de bloc en haut de l’écran (voir la section Plus d’outils et d’options ci-dessous).

La section dans le coin supérieur gauche de la barre d’outils d’édition contient les fonctionnalités suivantes :

Ajouter un bloc pour voir comment modifier les pages sur WordPress

Cliquez sur Ajouter un bloc (+). L’outil affiche un menu contenant une liste de tous les blocs disponibles que vous pouvez utiliser.

L’outil Ajouter un bloc contient un champ Rechercher et plusieurs sections de menu :

• Les plus utilisés
• Blocs communs
• Mise en forme
• Mise en page
• Widgets
• Intégrations
• Éléments en ligne – Ce menu s’affiche si vous cliquez à l’intérieur d’un bloc avant de sélectionner l’outil Ajouter un bloc.
• Blocs réutilisables – Remarque : au moins un bloc réutilisable doit être créé pour que cette section s’affiche dans la section de menu de l’outil Ajouter un bloc.

N’hésitez pas à découvrir comment utiliser Les widgets avec notre documentation !

Annuler et bouton rétablir vos modifications

En cliquant sur le bouton Annuler ou Rétablir lors de l’ajout ou de la modification de contenu avant d’enregistrer vos modifications :

• Restaure les actions précédentes lors de la saisie de contenu.
• Restaure la position de tous les blocs qui ont été réorganisés.

Structure du contenu de votre page

Cliquez sur l’icône Structure du contenu pour afficher des informations sur votre contenu telles que le nombre de :

• mots
• titres
• paragraphes
• blocs
• ou la structure du document (comme une table des matières des blocs utilisés)

Navigation de blocs sur toute la page

Cliquez sur l’icône Navigation de blocs pour afficher la structure et la mise en page de vos blocs de contenu.

Passer au brouillon

Cliquez sur le lien Passer au brouillon pour convertir une publication ou une page publiée en brouillon.

Lorsqu’on vous demande de confirmer votre choix, cliquez sur OK pour rétablir votre page publiée au statut Brouillon, sinon cliquez sur Annuler pour conserver l’état actuel de votre page.

Vous pouvez basculer les pages du statut Brouillon à Publié et vice-versa à tout moment.

Aperçu des modifications de la page

Pour voir ce que les visiteurs verront lorsqu’ils visiteront votre page, cliquez sur le bouton Aperçu.

La fenêtre d’aperçu s’ouvre dans un nouvel onglet.

Publier votre page sur WordPress

La section Publier vous permet de publier de nouvelles pages et de mettre à jour des pages existantes. Pour publier votre page, cliquez sur le bouton Publier (ou Mettre à jour si vous modifiez une page existante).

Gutenberg fournit une fonction optionnelle de vérification avant publication qui vous rappelle de doubler vos vérifications avant publication. Vérifiez vos paramètres et confirmez avant de publier.

Cliquez à nouveau sur le bouton Publier/Mettre à jour pour continuer.

Une fois que votre page a été publiée, vous aurez des options comme Afficher votre page.

Ou Copier l’URL de votre page dans votre presse-papiers.

Pour désactiver cette option, décochez la case Toujours afficher les vérifications de pré-publication.

Remarque :
Vous pouvez également désélectionner cette option dans l’écran Options (voir le guide Les paramètres de Gutenberg).

Après la publication, fermez le panneau pour continuer à travailler dans l’éditeur de contenu.

Vous reviendrez à l’écran principal de l’éditeur de contenu.

Statut de la page / de la publication

Dans WordPress, les publications et les pages peuvent se voir attribuer le statut suivant :

• Publié : Les publications et les pages publiées s’affichent à tout le monde qui visite votre site à moins qu’ils ne soient définis comme Privé ou Protégé par mot de passe.
• Brouillon : un brouillon de publication n’est pas visible pour les visiteurs du site et les membres ou utilisateurs enregistrés, sauf s’ils sont administrateurs du site.
• En attente de révision : une publication marquée comme En attente de révision est similaire à un brouillon de publication, mais doit être révisé et approuvé pour publication par un utilisateur disposant d’un niveau d’autorisation minimal d’éditeur.

Si vous n’êtes pas sûr de la signification des différents statuts de publication ou de page, cela vous aidera à comprendre comment modifier les pages sur WordPress.

Paramètres d’affichage de la barre latérale

Cliquez sur l’icône Paramètres pour masquer la barre latérale Paramètres, vous permettant de travailler dans un mode d’édition de contenu « sans distraction ».

Vous pouvez également masquer la section Paramètres en fermant la barre latérale.

Plus d’outils et d’options

Gutenberg a ajouté une nouvelle fonctionnalité à l’éditeur de contenu WordPress appelée Plus d’outils et d’options. Cliquez sur l’icône Plus d’outils et d’options.

Ceci ouvre un menu avec les outils d’édition de contenu et des options supplémentaires.

Ces paramètres sont répartis dans les sections suivantes :

• Affichage
• Éditeur
• Outils
• Options

Affichage

Cette section vous permet de configurer les options suivantes pour vous aider à travailler plus efficacement sur votre contenu :

• Barre d’outils supérieure
• Mode Spotlight Mode
• Plein écran

Barre d’outils supérieure

Rendre cette section active vous permet d’accéder à tous les outils de bloc et de document à partir d’un seul endroit.

Pour afficher les paramètres de l’éditeur de blocs à l’intérieur d’un bloc sélectionné, laissez l’option Barre d’outils supérieure dé-sélectionnée.

Cela affiche également le menu Plus d’options à l’intérieur du bloc sélectionné.

Activer l’option Barre d’outils supérieure place l’éditeur de blocs en haut de l’écran de votre éditeur de contenu.

Et déplace l’outil Ajouter un bloc en haut de vos sections de bloc, remplaçant l’éditeur de blocs.

Si vous préférez l’outil Ajouter un bloc en haut de vos sections de bloc au lieu de l’éditeur de blocs, laissez l’option Barre d’outils supérieure sélectionnée.

Mode Spotlight

Le mode Spotlight vous permet de vous concentrer sur un bloc à la fois.

Lorsque le Mode Spotlight est activé (c’est-à-dire sélectionné), les blocs sur lesquels vous ne travaillez pas disparaissent, vous permettant de vous concentrer davantage sur le bloc sélectionné.

Mode Plein écran

Le mode Plein écran vous permet travaillez sans distraction en masquant le menu du tableau de bord et la barre d’outils Admin de l’écran de l’éditeur de contenu.

Éditeur

La fonction Plus d’outils et d’options vous permet de choisir le mode de votre Éditeur :

• Visuel, ou
• De code

Éditeur Visuel

Visual Editor est le mode par défaut. Avec le mode Visual Editor sélectionné, l’éditeur de contenu vous permet de voir et de travailler sur votre contenu au format WYSIWYG (What You See Is What You Get).

Éditeur de Code

La sélection du mode Éditeur de Code vous permet de travailler sur votre contenu avec le code et le formatage HTML affichés.

N’hésitez pas à parcourir notre documentation sur les balises HTML utiles pour WordPress !

Pour passer de l’Éditeur de code à l’Éditeur visuel :

• cliquez sur Quitter l’éditeur de code 
• ou sélectionnez Visual Editor dans le menu Plus d’outils et d’options.

Vous pouvez facilement basculer entre les modes Visuel et Éditeur de code. Ceci est utile si, par exemple, vous souhaitez :

• Travailler en mode Visuel, mais voir occasionnellement le code de mise en forme d’une section de votre contenu
• Coller du contenu au format HTML
• Copier le HTML du contenu à coller dans une autre application.

Outils

Cette section fournit un certain nombre d’outils et de fonctions utiles de l’Éditeur de Contenu.

Gérer tous les blocs réutilisables

L’éditeur Gutenberg vous permet de créer des blocs de contenu personnalisés qui peuvent être utilisés sur l’ensemble de votre site (par exemple sur d’autres pages).

Cet outil vous permet de gérer tous les blocs réutilisables que vous créez.

En sélectionnant Outils> Gérer tous les blocs réutilisables dans le menu Plus d’outils et d’options, vous accédez à la Bibliothèque de blocs, où vous pouvez afficher, modifier et gérer vos blocs réutilisables.

Raccourcis clavier

L’éditeur de contenu WordPress Gutenberg fournit un certain nombre de raccourcis clavier qui vous aideront à exécuter certaines fonctions plus rapidement et à accélérer les tâches d’édition ou de formatage du contenu.

Sélectionnez Outils> Raccourcis clavier dans le menu Plus d’outils et d’options affiche une liste de tous les raccourcis clavier que vous pouvez utiliser lorsque vous travaillez dans l’éditeur de contenu Gutenberg.

Copier tout le contenu

Cet outil vous permet de copier tout ce qui se trouve dans votre zone de contenu dans votre presse-papiers.

Pour utiliser cet outil, cliquez à l’intérieur d’un bloc de la zone de contenu, sélectionnez le Menu Plus d’outils et d’options, puis cliquez sur Copier tout le contenu.

Tout le contenu sera sélectionné et copié dans votre presse-papiers.

Astuce :
Comment modifier les pages sur WordPress à partir d’autres pages ? Pour copier tout le contenu d’une publication ou d’une page existante et le coller dans une nouvelle page :
– Cliquez à l’intérieur d’un bloc dans la zone Contenu
– Sélectionnez le menu Plus d’outils et d’options
– Cliquez sur Copier tout le contenu
– Créez une nouvelle page
– Ajouter un nouveau bloc dans la zone Contenu
– Sélectionnez le mode Éditeur de code (Outils > Éditeur > Éditeur de code)
– Cliquez à l’intérieur du nouveau bloc et collez votre contenu
– Sélectionnez le mode Éditeur visuel (Outils > Éditeur > Visual Editor)
– Tout le contenu sera copié à partir de votre précédente publication ou page.

Remarque :
Si vous collez le contenu d’un site à un autre, vous pouvez voir des erreurs si le contenu collé contient des blocs personnalisés (c’est-à-dire réutilisables).

Options

Cette section fournit un certain nombre d’options pour l’éditeur de contenu.

Les fonctionnalités de cette section peuvent être activées ou désactivées en sélectionnant ou désélectionner des options.

Cliquez sur Options dans le Menu Plus d’outils et d’options pour activer / désactiver les options suivantes :

Général

• Activer les vérifications de pré-publication : affiche les vérifications et les rappels de pré-publication avant de publier votre publication / page.
• Activer les conseils : affiche des conseils sur les fonctionnalités de l’éditeur de contenu.

Panneaux de document

Sélectionnez / désélectionnez les options de cette section pour afficher / masquer les panneaux de l’éditeur de contenu suivants :

• Catégories (pour les publications uniquement)
• Balises (pour les publications uniquement)
• Image en avant
• Extrait (pour les publications uniquement)
• Discussion
• Attributs de page (pour les pages uniquement)

Avancés

• Champs personnalisés – Sélectionnez / désélectionnez les options de cette section pour afficher / masquer les champs personnalisés.
• La section Barre d’outils d’édition peut afficher des informations supplémentaires en fonction de la configuration de vos paramètres.

J’espère qu’on a commencé en douceur cette série de guides sur l’éditeur Gutenberg. Et que vous savez maintenant mieux comment modifier les pages sur WordPress. Il vous en reste 2 pour bien comprendre l’étendue des possibilités de Gutenberg !