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

L'éditeur visuel de 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 uniquement, la suppression de 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 vous en tenir à 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 pratique.

Pourquoi supprimer le mode éditeur visuel dans WordPress ?

Certains utilisateurs de WordPress préfèrent supprimer l'éditeur visuel pour éviter une mise en forme supplémentaire et obtenir plus de contrôle sur leur HTML. L'éditeur visuel peut insérer automatiquement des styles 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 le texte, les images, les vidéos, les boutons, etc. Il vous donne également des outils de mise en forme 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 une mise en forme inattendue 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 avoir à 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
• Comment réactiver le mode éditeur visuel dans WordPress
• Bonus : Utiliser le mode sans distraction dans WordPress
• Questions fréquemment posées sur l'éditeur WordPress

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 planter votre site et vous bloquer l'accès au tableau de bord.

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

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

Si quelque chose se passe mal, WPCode désactivera automatiquement l'extrait 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 cet extrait de code désactive l'éditeur visuel uniquement pour votre compte utilisateur. C'est parce que 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 Snippets de code » + Ajouter un snippet depuis le tableau de bord WordPress.

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

Cela vous mènera à la page ‘Créer un snippet personnalisé’, où vous devrez sélectionner ‘Snippet PHP’ comme type de code dans la fenêtre contextuelle.

Ensuite, ajoutez un nom pour votre snippet. Il est préférable d'utiliser un nom clair et descriptif, tel que ‘Désactiver l'éditeur visuel’, afin que vous puissiez facilement identifier ce que fait le code plus tard.

Ensuite, ajoutez le code personnalisé suivant dans la boîte ‘Code Preview’ :

// 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');

Ce snippet désactive l'éditeur visuel pour votre compte utilisateur et fait passer WordPress à l'affichage de l'éditeur de code uniquement lorsque vous rédigez des articles ou des pages.

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

Ensuite, basculez le commutateur de « Inactif » à « Actif » pour que le code s'exécute. Cliquez ensuite sur le bouton « Enregistrer l'extrait » pour sauvegarder vos modifications.

Maintenant, ouvrez un nouveau message 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, accédez à 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 messages 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 dans la barre latérale. Cette barre latérale peut devenir un encombrement inutile.

C'est là que le mode « Distraction Free » intégré de WordPress 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 en haut à droite. 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 ont fréquemment posées sur l'éditeur visuel de WordPress :

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

La manière la 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 de l'écran » en haut à droite de nombreuses pages d'administration 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èmes et de plugins, vous devez ajouter la ligne de code suivante à votre fichier wp-config.php :

define('DISALLOW_FILE_EDIT', true);.

Il s'agit d'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 meilleures sélections de thèmes WordPress compatibles Gutenberg.

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