Comment supprimer le mode éditeur visuel dans WordPress (la méthode facile)

L'éditeur visuel dans WordPress peut être idéal pour les débutants, mais il gêne souvent lorsque vous avez besoin d'un contrôle précis sur la mise en forme de votre contenu.

Que vous colliez des extraits de code, travailliez avec du HTML personnalisé ou préfériez simplement la simplicité de l'édition de texte seule, supprimer l'éditeur visuel peut accélérer votre flux de travail.

La bonne nouvelle ? Après des tests approfondis, j'ai trouvé un moyen simple de désactiver l'éditeur visuel et de conserver l'éditeur de texte propre et adapté au code.

Dans ce guide, je vais vous montrer exactement comment supprimer l'éditeur visuel dans WordPress, sur la base de mon expérience de test pratique.

Pourquoi supprimer le mode éditeur visuel dans WordPress ?

Certains utilisateurs de WordPress préfèrent supprimer l'éditeur visuel pour éviter un formatage supplémentaire et avoir plus de contrôle sur leur HTML. L'éditeur visuel peut insérer automatiquement du style ou des balises supplémentaires, ce qui peut causer des problèmes si vous essayez de garder votre code propre et précis.

Par défaut, WordPress s'ouvre dans l'éditeur visuel. Ce mode affiche une interface stylisée, « Ce que vous voyez est ce que vous obtenez » (WYSIWYG).

Vous pouvez ajouter des blocs pour du texte, des images, des vidéos, des boutons, et plus encore. Il vous donne également des outils de formatage pour changer la couleur du texte, ajuster la typographie, aligner le contenu et intégrer des médias.

Pour plus de détails, consultez nos conseils pour maîtriser l'éditeur visuel de WordPress.

Bien que ce mode soit utile pour la plupart des utilisateurs, il peut parfois appliquer un formatage inattendu ou créer du HTML supplémentaire difficile à nettoyer.

L'éditeur de code offre une interface plus minimale. Au lieu de blocs, il affiche le HTML brut derrière votre contenu. Il n'y a pas de boutons de formatage ni d'aperçus, juste du texte brut et du balisage.

Cela le rend idéal pour les utilisateurs qui souhaitent un contrôle total sur la structure et le style de leur contenu sans passer d'un mode d'édition à l'autre.

Maintenant, voyons comment désactiver l'éditeur visuel et travailler directement dans l'éditeur de code par défaut.

Comment supprimer le mode éditeur visuel dans WordPress

Vous pouvez désactiver l'éditeur visuel dans WordPress en ajoutant du code personnalisé au fichier functions.php de votre thème. Cependant, cela peut être risqué car même une petite erreur pourrait casser votre site et vous empêcher d'accéder au tableau de bord.

C'est pourquoi je recommande d'utiliser WPCode, qui est le meilleur plugin de snippets de code WordPress.

Contrairement à la modification directe des fichiers de thème, WPCode vous permet d'ajouter du code personnalisé en toute sécurité sans toucher à vos fichiers principaux. Ce qui le rend encore meilleur, c'est sa gestion des erreurs intégrée.

Si quelque chose tourne mal, WPCode désactivera automatiquement le snippet défectueux pour que votre site continue de fonctionner sans problème.

Ces fonctionnalités sont exactement la raison pour laquelle je trouve que WPCode est le moyen le plus sûr et le plus simple d'ajouter du code personnalisé dans WordPress, surtout si vous êtes débutant.

Vous pouvez également consulter notre avis complet sur WPCode pour en savoir plus sur notre expérience avec l'outil.

Une chose importante à noter est que ce snippet désactive l'éditeur visuel uniquement pour votre compte utilisateur. En effet, le filtre user_can_richedit dans WordPress vérifie les autorisations par utilisateur. Les autres utilisateurs de votre site auront toujours l'éditeur visuel, sauf si vous leur appliquez également ce code.

Tout d'abord, vous devez installer et activer le plugin WPCode. Pour plus de détails, consultez notre tutoriel sur comment installer un plugin WordPress.

Après l'activation, rendez-vous sur la page Extraits de code » + Ajouter un extrait depuis le tableau de bord WordPress.

Ici, cliquez sur le bouton « Utiliser l'extrait » sous l'option « Ajouter votre code personnalisé (Nouvel extrait) ».

Cela vous mènera à la page « Créer un extrait personnalisé », où vous devrez sélectionner « Extrait PHP » comme type de code dans la fenêtre contextuelle.

Ensuite, ajoutez un nom pour votre extrait. Il est préférable d'utiliser un nom clair et descriptif, tel que « Désactiver l'éditeur visuel », afin de pouvoir facilement identifier ce que fait le code plus tard.

Ensuite, ajoutez le code personnalisé suivant dans la boîte « Aperçu du code » :

// Force rich editing ON for current user
add_filter('user_can_richedit', '__return_true');

// Force rich editing OFF for current user
add_filter('user_can_richedit', '__return_false');

Cet extrait désactive l'éditeur visuel pour votre compte utilisateur et fait en sorte que WordPress affiche uniquement l'éditeur de code lorsque vous rédigez des articles ou des pages.

Cela signifie que vous ne verrez aucun bouton de mise en forme ni option de bloc — juste la vue HTML brute de votre contenu.

Après cela, faites passer le commutateur de « Inactif » à « Actif » pour que le code s'exécute. Ensuite, cliquez sur le bouton « Enregistrer l'extrait » pour sauvegarder vos modifications.

Maintenant, ouvrez un nouvel article ou une nouvelle page dans l'éditeur de blocs. Vous remarquerez que l'éditeur visuel est désactivé et que l'éditeur de code est défini par défaut.

Avec ce mode, vous verrez votre contenu sous forme de HTML brut, ce qui signifie qu'il n'aura pas les options de mise en forme ou de style habituelles dans le panneau de blocs qui apparaissent dans l'éditeur visuel.

Par exemple, un bloc de paragraphe ressemblera à ceci dans l'éditeur : 

<!-- wp:paragraph --><p>Ceci est mon paragraphe.</p><!-- /wp:paragraph -->

Vous remarquerez également que le bouton « Ajouter un bloc » (+) est désactivé. C'est parce que vous êtes maintenant dans l'éditeur de code, qui affiche le HTML brut de vos blocs au lieu de l'interface visuelle.

Comment réactiver le mode éditeur visuel dans WordPress

Si vous souhaitez réactiver l'éditeur visuel dans WordPress, il vous suffit de désactiver l'extrait de code qui l'a désactivé. Vous pouvez le faire facilement depuis le tableau de bord WPCode en basculant le commutateur d'état sur « Désactivé ».

Pour commencer, allez à la page Extraits de code dans votre zone d'administration WordPress. Localisez l'extrait qui désactive l'éditeur visuel et désactivez-le.

Une fois désactivé, WordPress restaurera automatiquement l'éditeur visuel pour votre compte utilisateur — aucune étape supplémentaire n'est requise.

Ce simple basculement est une solution rapide si vous changez d'avis ou si vous avez besoin de l'éditeur visuel pour éditer plus facilement des articles et des pages.

Bonus : Utiliser le mode sans distraction dans WordPress

Maintenant que vous travaillez directement dans l'éditeur de code, vous remarquerez que vous n'utilisez pas du tout les paramètres de bloc de la barre latérale. Cette barre latérale peut devenir un encombrement inutile.

C'est là que le mode intégré de WordPress sans distraction s'avère utile.

Il masque tous les éléments inutiles, vous offrant un espace de travail propre et en plein écran. Cela vous permet de vous concentrer entièrement sur votre contenu, d'améliorer votre concentration, votre créativité et votre productivité pendant que vous écrivez.

Pour activer ce mode, ouvrez simplement une page ou un article dans l'éditeur de blocs et cliquez sur l'icône à trois points dans le coin supérieur droit. Cela ouvrira un menu déroulant où vous devrez choisir l'option « Sans distraction ».

Une fois que vous avez fait cela, vous pouvez maintenant écrire votre contenu sur une toile propre et sans encombrement. Pour en savoir plus, consultez notre tutoriel sur comment utiliser l'éditeur plein écran sans distraction dans WordPress.

Questions fréquemment posées sur l'éditeur WordPress

Voici quelques questions que nos lecteurs nous ont fréquemment posées sur l'éditeur visuel de WordPress :

Comment désactiver l'éditeur visuel de WordPress ?

Le moyen le plus simple de désactiver l'éditeur visuel de WordPress est d'ajouter un petit extrait de code PHP à l'aide d'un plugin comme WPCode. Cela vous permet de passer à l'éditeur de code par défaut sans avoir à modifier directement le fichier functions.php de votre thème.

Comment supprimer les options d'écran dans WordPress ?

Vous pouvez masquer des éléments en cliquant sur l'onglet « Options d'écran » dans le coin supérieur droit de nombreuses pages d'administration de WordPress. Dans le menu déroulant, décochez simplement les cases des panneaux ou des boîtes de métadonnées que vous souhaitez supprimer de votre vue.

Comment désactiver la modification des fichiers dans WordPress ?

Pour désactiver l'éditeur de fichiers de thème et de plugin, vous devez ajouter la ligne de code suivante à votre fichier wp-config.php :

define('DISALLOW_FILE_EDIT', true);.

Ceci est une pratique de sécurité fortement recommandée pour protéger votre site Web contre les modifications de code non autorisées.

Nous espérons que cet article vous a aidé à apprendre comment supprimer le mode éditeur visuel dans WordPress. Vous voudrez peut-être aussi consulter notre guide ultime sur comment utiliser l'éditeur de blocs WordPress ou nos meilleurs choix pour les meilleurs thèmes WordPress compatibles avec Gutenberg.

Si cet article vous a plu, alors abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.