Le mode visuel de l’éditeur cache volontairement les détails techniques : commentaires de bloc, attributs bruts, structure exacte du HTML sauvegardé. Utile au quotidien, cette abstraction devient parfois un obstacle, par exemple pour corriger une balise mal fermée qu’aucune option visuelle ne permet de réparer. L’éditeur de code, accessible depuis le menu d’options en haut de l’écran (« Éditeur de code »), lève ce voile en affichant le contenu de l’article tel qu’il est réellement stocké, y compris les commentaires <!-- wp:... --> qui délimitent chaque bloc.
Fonctionnement dans WordPress
Ce mode ne fait pas appel à un moteur de rendu séparé : il affiche simplement le même contenu que l’éditeur visuel, sérialisé en texte plutôt qu’en composants interactifs. Toute modification y est reparsée dès le retour au mode visuel, ce qui signifie qu’une erreur de syntaxe (un commentaire de bloc mal formé, une balise non fermée) peut provoquer une alerte de validation ou faire basculer un bloc entier en « Code HTML personnalisé » non reconnu.
Cas pratique
- Copier-coller un extrait de HTML fourni par un collègue directement dans l’éditeur de code, plutôt que de le retaper bloc par bloc en mode visuel.
- Vérifier qu’un bloc personnalisé enregistre bien les attributs attendus, en inspectant la structure exacte des commentaires générés après une sauvegarde.
Bon à savoir
Cet éditeur de code, propre à l’article en cours, ne doit pas être confondu avec l’éditeur de thème ou d’extensions du tableau de bord, qui modifie directement des fichiers PHP ou CSS sur le serveur : les risques et la portée des deux outils sont très différents.