Cómo desactivar el editor de pantalla completa en WordPress

¿Quieres desactivar el editor de pantalla completa en WordPress?

Tras la actualización, WordPress 5. 4 ahora abre el editor de entradas y páginas en modo de pantalla completa por defecto. Aunque este modo libre de distracciones ofrece una experiencia limpia y fácil de usar, es posible que algunos usuarios quieran volver a la vista compacta habitual.

En este artículo, le mostraremos cómo desactivar fácilmente el editor de pantalla completa en WordPress.

¿Por qué WordPress ha cambiado el editor al modo de pantalla completa?

WordPress introdujo un nuevo editor llamado The Block Editor (también conocido como Gutenberg) en WordPress 5.0. Este nuevo editor permite a los usuarios utilizar bloques para elementos comunes y crear hermosas disposiciones de contenido.

También imita el aspecto de su artículo o páginas utilizando las mismas fuentes y colores que el tema de WordPress.

Sin embargo, un menú de administrador a la izquierda y otro en la parte superior lo hacían parecer un poco desordenado. Había demasiadas opciones en la pantalla, lo que no es necesario si te centras en escribir contenidos.

Para solucionar este problema, el equipo central de WordPress ha decidido que el editor sea de pantalla completa por defecto, para que los usuarios puedan escribir sin distracciones.

Ahora bien, es importante señalar que este modo de pantalla completa no es nada nuevo. Ya existía y los usuarios podían activarlo y desactivarlo.

Lo que ha cambiado ahora es que el modo de pantalla completa será la vista por defecto al escribir entradas en WordPress.

Cómo desactivar el modo de pantalla completa para el editor de WordPress (manera fácil)

Es super fácil desactivar el modo de pantalla completa para el editor de bloques en WordPress.

Basta con editar una entrada o página y hacer clic en el menú de tres puntos situado en la esquina superior derecha de la pantalla. Aparecerá el menú de ajustes del editor de entradas.

Desde aquí, sólo tienes que hacer clic en el “Modo de pantalla completa” para desactivarlo.

El editor de entradas saldrá instantáneamente del modo de pantalla completa y empezará a mostrar la barra lateral del administrador y la barra de herramientas superior.

WordPress almacenará su preferencia de modo de pantalla completa en el almacenamiento temporal de su navegador / explorador.

Sin embargo, si cambias de navegador, utilizas el modo incógnito o accedes al área de administración desde otro dispositivo, volverás a ver el editor a pantalla completa.

Si utiliza varios dispositivos, cuentas de usuario o navegadores para acceder al área de administración de WordPress, puede que le resulte un poco molesto tener que cambiarla cada vez.

Este método siguiente te ayuda a corregirlo, permanentemente.

Desactivar permanentemente el modo de pantalla completa en WordPress (fragmento de código)

Este método requiere que añadas manualmente código a tu sitio WordPress. Si no lo has hecho antes, consulta nuestra guía sobre cómo pegar fácilmente fragmentos de código en WordPress.

Tendrás que introducir el siguiente código en el archivo functions. php de tu tema de WordPress o en un plugin específico del sitio. También puede utilizar un plugin de fragmentos de código personalizados para añadir este código a su sitio sin conflictos.

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

En WPBeginner, recomendamos usar el plugin WPCode para añadir este código. Hace que sea fácil añadir código personalizado en WordPress sin necesidad de editar los archivos functions.php de tu tema, por lo que no tienes que preocuparte por romper tu sitio.

En primer lugar, tendrás que instalar y activar el plugin gratuito WPCode. Si necesitas ayuda, sigue este tutorial sobre cómo instalar un plugin de WordPress.

Una vez activado el plugin, diríjase a Fragmentos de código ” + Añadir fragmento desde su escritorio de WordPress.

A continuación, pase el cursor por encima de la opción “Añadir su código personalizado (nuevo fragmento)” y haga clic en el botón “Usar fragmento” situado debajo.

A continuación, accederás a la página “Crear fragmento de código personalizado”. Aquí puedes añadir un título al fragmento y pegar el código anterior en el cuadro “Vista previa del código”.

No olvide elegir “Fragmento de código PHP” como tipo de código en el menú desplegable.

Por último, sólo tiene que cambiar el conmutador de “Inactivo” a “Activo” y hacer clic en el botón “Guardar fragmento de código” situado en la parte superior de la página.

Este código primero comprueba si un usuario está viendo una página del área de administrador. Si lo está, entonces comprueba el estado del editor de pantalla completa. Si el editor de pantalla completa está activado / activo, entonces simplemente lo apaga.

Puedes activar manualmente el modo de pantalla completa desde la pantalla de edición de entradas, y tu editor de entradas funcionará perfectamente.

Sin embargo, si regresa, entonces se desactivará automáticamente. Este comportamiento se aplica a todos los usuarios que pueden acceder al editor de entradas de su sitio web.

Esperamos que este artículo te haya ayudado a aprender cómo desactivar el modo de pantalla completa en el editor de entradas de WordPress. Puede que también quieras ver nuestros consejos para dominar el editor de contenido de WordPress o comprobar nuestras selecciones de expertos de los mejores maquetadores de arrastrar y soltar para páginas de WordPress.

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.

Código: Jean-Baptiste Audras