L'éditeur de WordPress

Ce document traite spécifiquement de l'interface d'édition des pages et des articles. Si vous débutez avec WordPress, nous vous conseillons de lire au préalable Débuter avec WordPress.

Note pour les personnes qui ont créé ou édité leur site WordPress UNIL avant fin 2019

WordPress a introduit à fin 2018 un nouvel éditeur de contenu, nommé éditeur de blocs. Ce nouvel éditeur change radicalement l'expérience utilisateur pour les personnes qui éditent des pages ou des articles.

Actuellement, il est possible d'utiliser à choix:

  • soit  le nouvel éditeur
  • soit l'ancien éditeur, renommé Classic editor, en allant dans les préférences réglages > écriture.

Le développement des nouvelles versions de WordPress est largement axé autour du nouvel éditeur. Notre conseil aux personnes qui gèrent des sites créés avec l'ancien éditeur est de se former à l'emploi du nouvel éditeur, car il deviendra rapidement incontournable dans l'évolution de WordPress.

Ceci d'autant plus qu'il est possible de passer progressivement de l'ancien éditeur au nouvel éditeur grâce au fait que les contenus saisis dans l'ancien éditeur se retrouvent dans le nouvel éditeur placés dans un bloc "classique" au fonctionnement identique. Voir également en bas de page comment convertir les contenus de l'ancien éditeur au nouveau, ainsi que les liens vers la documentation officielle.

image-1601898724929.png

Introduction

Voici comment créer une page avec l'éditeur de blocs:

image-1600279995290.png

Voir tous les types de blocs disponibles

image-1600281579556.png

Structurer le texte

Si le texte est assez long, il est conseillé de le structurer avec des intertitres. Il existe 6 niveaux de titres en HTML, de H1 (le plus important, réservé au titre de page) à H6, le moins important. En général, on utilise couramment H2 et H3 pour subdiviser, rarement au-delà.

image-1600280057866.png

Insérer des liens

Pour créer un lien interne (=vers une autre page du même site):

image-1600280136349.png

Pour créer un lien externe (=vers un autre site):

image-1600280179357.png

Insérer des images et des documents PDF

Ce point est traité dans le document Débuter avec WordPress.

Modifier les propriétés de la page

Plusieurs propiétés concernant toute la page, et non pas un bloc en particuler, peuvent être paramétées.

image-1600280297309.png

Naviguer dans la hiérachie des blocs

Dans les cas de blocs imbriqués, comme par exemple un bloc texte dans un bloc colonne, on peut en afficher la hiérarchie dans le navigateur de blocs.

image-1600282111512.png

On peut également remonter d'un niveau dans la hiérarchie de blocs imbriqués en survolant le type d'un bloc pour faire apparaître un lien vers le bloc de niveau supérieur.

image-1600282670415.png

Groupes et blocs réutilisables

Si on souhaite gérer plusieurs blocs ensemble, afin de pouvoir par exemple leur attribuer une même couleur de fond, on peut les sélectionner pour en faire un groupe.

image-1600283499947.png

Si on souhaite ensuite faire apparaître ce groupe sur plusieurs pages, on peut le transformer en bloc réutilisable.

image-1600283944305.png

Nouvel éditeur et ancien éditeur

Si on édite avec le nouvel éditeur une page créée avec l'ancien éditeur, son contenu se trouve dans un bloc de type "classique" identique à l'ancien éditeur. On peut alors à choix

  • soit continuer l'édition dans le bloc "classique"
  • soit convertir ce contenu en blocs, pour pouvoir utiliser les possibilités du nouvel éditeur:

image-1600284278069.png

Liens utiles

Ressources utiles sur wordpress.org pour comprendre l'éditeur de blocs: