Comment désactiver l’éditeur plein écran dans WordPress

Voulez-vous désactiver l’éditeur plein écran dans WordPress ?

Après la mise à jour, WordPress 5.4 ouvre désormais l’éditeur de publications/ pages en mode plein écran par défaut. Bien que ce mode sans distraction offre une expérience propre et facile à utiliser, certains utilisateurs/utilisatrices voudront peut-être revenir à la vue compacte habituelle.

Dans cet article, nous allons vous afficher comment désactiver facilement l’éditeur plein écran sur WordPress.

Pourquoi WordPress a-t-il adopté le mode plein écran pour l’éditeur ?

WordPress a introduit un nouvel éditeur appelé l’Éditeur de blocs (alias Gutenberg) dans WordPress 5.0. Ce nouvel éditeur permet aux utilisateurs/utilisatrices d’utiliser des blocs pour les éléments communs et de créer de belles mises en page de contenu.

Il imite également l’apparence de votre article ou de vos pages en utilisant les mêmes polices et couleurs que votre thème WordPress.

Cependant, un menu d’administration à gauche et un autre en haut l’ont rendu un peu encombré. Il y avait tout simplement trop d’options à l’écran, ce dont vous n’avez pas besoin si vous vous concentrez sur la rédaction de contenu.

Pour remédier à ce problème, l’équipe de base de WordPress a décidé de rendre l’éditeur plein écran par défaut, afin que les utilisateurs puissent écrire sans être distraits.

Note : ce mode plein écran n’est pas une nouveauté. Il existait déjà et les utilisateurs/utilisatrices pouvaient l’activer / le désactiver.

Ce qui a été modifié, c’est que le mode plein écran sera désormais la vue par défaut lors de la rédaction de publications dans WordPress.

Comment désactiver le mode plein écran pour les éditeurs/éditrices de WordPress (méthode facile)

Il est très facile de désactiver le mode plein écran de l’éditeur de blocs dans WordPress.

Il vous suffit de modifier une publication ou une page et de cliquer sur le menu à trois points situé dans le coin supérieur droit de l’écran. Le menu des Réglages de l’éditeur de publication s’affiche alors.

À partir de là, il vous suffit de cliquer sur le  » Mode plein écran  » pour l’inactiver.

L’éditeur/éditrices de publications quittera instantanément le mode plein écran, et commencera à afficher la colonne latérale d’administration et la barre d’outils supérieure.

WordPress stocke votre préférence pour le mode plein écran dans le stockage temporaire de votre navigateur.

Toutefois, si vous avez changé de navigateur, utilisé le mode incognito ou accédé à la zone d’administration à partir d’un autre appareil, vous verrez à nouveau l’éditeur en plein écran.

Si vous utilisez plusieurs appareils, comptes d’utilisateur ou navigateurs pour accéder à la zone d’administration de WordPress, il peut être un peu ennuyeux de devoir la changer à chaque fois.

La méthode suivante vous aide à corriger ce problème, de façon permanente.

Désactiver définitivement le mode plein écran sur WordPress (extrait)

Cette méthode exige que vous ajoutiez manuellement du code à votre site WordPress. Si vous n’avez jamais fait cela auparavant, consultez notre guide sur la façon de coller facilement des extraits de code dans WordPress.

Vous devrez saisir le code suivant dans le fichier functions.php de votre thème WordPress ou dans une extension spécifique à votre site. Vous pouvez également utiliser une extension d’extraits de code personnalisés pour ajouter ce code à votre site sans conflit.

if (is_admin()) { 
    function jba_disable_editor_fullscreen_by_default() {
    $script = "jQuery( window ).load(function() { const isFullscreenMode = wp.data.select( 'core/edit-post' ).isFeatureActive( 'fullscreenMode' ); if ( isFullscreenMode ) { wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'fullscreenMode' ); } });";
    wp_add_inline_script( 'wp-blocks', $script );
}
add_action( 'enqueue_block_editor_assets', 'jba_disable_editor_fullscreen_by_default' );
}

Chez WPBeginner, nous recommandons d’utiliser l’extension WPCode pour ajouter ce code. Il facilite l’ajout de code personnalisé dans WordPress sans modifier les fichiers functions.php de votre thème, de sorte que vous n’avez pas à vous soucier de casser votre site.

Tout d’abord, vous devrez installer et activer l’extension gratuite WPCode. Si vous avez besoin d’aide, suivez ce tutoriel sur l ‘installation d’une extension WordPress.

Une fois le plugin activé, dirigez-vous vers Code Snippets  » + Add Snippet depuis votre tableau de bord WordPress.

Survolez ensuite l’option « Ajouter votre code personnalisé (nouvel extrait) » et cliquez sur le bouton « Utiliser l’extrait » situé en dessous.

Vous accédez ensuite à la page « Créer un extrait personnalisé ». Ici, vous pouvez ajouter un titre à votre extrait et coller le code ci-dessus dans la case « Prévisualisation du code ».

N’oubliez pas de choisir « Extrait de code PHP » comme type de code dans le menu déroulant.

Enfin, il suffit de permuter le commutateur de « Inactif » à « Actif » et de cliquer sur le bouton « Enregistrer l’extrait » en haut de la page.

Ce code vérifie d’abord si un compte est en train de voir une page de la zone d’administration. Si c’est le cas, il vérifie l’état de l’éditeur/éditrices plein écran. Si l’éditeur/éditrices plein écran est activé, il l’inactive simplement.

Vous pouvez toujours activer manuellement le mode plein écran à partir de l’écran d’édition des publications, et votre éditeur de publications fonctionnera parfaitement.

Toutefois, si vous y revenez, il l’inactive automatiquement. Ce comportement s’applique à tous les utilisateurs/utilisatrices qui peuvent accéder à l’éditeur de publication sur votre site.

Nous espérons que cet article vous a aidé à apprendre comment désactiver le mode plein écran dans l’éditeur de publication WordPress. Vous pouvez également consulter nos astuces pour maîtriser l’éditeur de contenu de WordPress ou consulter nos choix d’experts des meilleurs constructeurs de pages WordPress en drag and drop.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Crédit photo : Jean-Baptiste Audras