Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Cómo desactivar el editor de pantalla completa en WordPress

Nos han llegado noticias de muchos usuarios que buscan una forma de desactivar el editor de pantalla completa en WordPress.

La actualización de WordPress 5.4 trajo consigo muchos cambios, entre ellos la apertura por defecto del editor de entradas y páginas en modo de pantalla completa. 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 y volver al editor normal.

Turning off the fullscreen mode in WordPress post editor

¿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.

WordPress editor without fullscreen mode

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.

Fullscreen editor in WordPress

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.

Turn off fullscreen mode in WordPress

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.

Exiting fullscreen mode

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 código a tu sitio WordPress. Si no lo ha hecho antes, consulte nuestra guía sobre cómo pegar fácilmente fragmentos de código en WordPress.

Deberá introducir el siguiente código en el archivo functions.php de su tema de WordPress, en un plugin específico del sitio o en un plugin de fragmentos de código personalizados.

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

Código: Jean-Baptiste Audras

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.

En WPBeginner, siempre recomendamos añadir código como este con el plugin WPCode. Te permite añadir código personalizado en WordPress sin editar los archivos functions.php de tu tema, así que no tienes que preocuparte por romper tu sitio.

WPCode's homepage

Si desea añadir manualmente el fragmento de código anterior utilizando WPCode, sólo tiene que seguir nuestra guía práctica sobre cómo añadir fácilmente código personalizado en WordPress.

Sin embargo, hay una manera aún más fácil de hacerlo. WPCode viene con una biblioteca incorporada de más de 1.500 fragmentos de código listos para usar, incluyendo uno para desactivar el editor de pantalla completa. Por lo tanto, vamos a utilizar ese método para este tutorial.

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 Code Snippets ” Biblioteca desde su escritorio de WordPress.

A continuación, busque el fragmento de código “Desactivar editor de pantalla completa” y haga clic en el botón “Usar fragmento” situado debajo.

Select the 'Disable Fullscreen Editor' snippet from the WPCode library

En la página siguiente, WPCode añadirá automáticamente el código por ti.

También establecerá el método de inserción adecuado, así como añadirá etiquetas, que le ayudarán a realizar un seguimiento de todos sus fragmentos de código personalizados.

WPCode automatically adds the code to disable the fullscreen editor

Después, basta con conmutar el interruptor de “Inactivo” a “Activo” y hacer clic en el botón “Actualizar” de la parte superior de la página.

Switch the code snippet to Active and click Update in WPCode

Ya está. Ahora el editor de pantalla completa estará desactivado para todos los usuarios. Siempre puedes volver al modo de pantalla completa manualmente desde el editor de entradas si lo deseas.

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.

Descargo: Nuestro contenido está apoyado por los lectores. Esto significa que si hace clic en algunos de nuestros enlaces, podemos ganar una comisión. Vea cómo se financia WPBeginner , por qué es importante, y cómo puede apoyarnos. Aquí está nuestro proceso editorial .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

El último kit de herramientas de WordPress

Obtenga acceso GRATUITO a nuestro kit de herramientas - una colección de productos y recursos relacionados con WordPress que todo profesional debería tener!

Reader Interactions

6 comentariosDeja una respuesta

  1. John Antonacci

    doesn’t work for me from a plugin or in theme functions.php

    unless I misunderstand what this is supposed to do.

    • WPBeginner Support

      Possibly, we would recommend trying the easy way from the article to see if you notice the change that way in case you have something on your site that may be overriding the default display.

      Administrador

  2. Kurt

    I finally got around to reading this tip via an email update from you back in April. The permanent solution works beautifully.

    Thank you for this wonderful tip.

    • WPBeginner Support

      Glad our content and newsletter were helpful :)

      Administrador

  3. Timothée Moulin

    Hey, thanks for the tip. I dont’ think you should worry about checking if you are in the admin as enqueue_block_editor_assets is only called when you are in the admin AND that you are on the Gutenberg editor which makes it truely specific.

    • WPBeginner Support

      Checking if the user is an admin is a safety measure should something about the function change in the future :)

      Administrador

Deja tu comentario

Gracias por elegir dejar un comentario. Tenga en cuenta que todos los comentarios son moderados de acuerdo con nuestros política de comentarios, y su dirección de correo electrónico NO será publicada. Por favor, NO utilice palabras clave en el campo de nombre. Tengamos una conversación personal y significativa.