Aunque Gutenberg es el editor por defecto de WordPress, no todo el mundo quiere utilizarlo por la mala experiencia de edición. Además, Gutenberg carga archivos CSS y muchos estilos en línea en el front-end, lo que afectará a la velocidad de carga de tu sitio web. Este artículo te guiará sobre cómo desactivar Gutenberg con un simple código sin usar plugins.
¿Por qué desactivar Gutenberg?
Gutenberg es el nuevo editor añadido en WordPress 5.0. Después de su lanzamiento, recibió muchas críticas (más que alabanzas) ya que causó algunos problemas para los usuarios, tales como:
Las pesadas funciones de JavaScript hacen que la edición sea mala o poco fluida.
La edición de artículos y la inserción de imágenes son un poco más difíciles que el editor anterior.
No se pueden utilizar las potentes funciones de la barra de herramientas del editor que trae el plugin TinyMCE Advanced.
No se pueden integrar los botones de short code de otros plugins en la barra de herramientas del editor.
Además, Gutenberg añade un montón de estilos en la página que probablemente no se necesiten. Aquí hay una captura de pantalla:
¿Cómo desactivar Gutenberg con código?
Es sencillo desactivar Gutenberg, todo lo que tienes que hacer es añadir el siguiente código PHP en el archivo functions.php del tema, pero como Oxygen no utiliza tema, recurrimos a un plugin de snippets como WpCodebox, Advanced Scripts, Woody Add Snippets, etc..
Código:
// Deshabilitar en el Back End.
add_filter( 'use_block_editor_for_post', '__return_false' );
add_action( 'wp_enqueue_scripts', function() {
// Eliminar el CSS en el Front End.
wp_dequeue_style( 'wp-block-library' );
// Eliminar el CSS Global en el Front End.
wp_dequeue_style( 'global-styles' );
}, 20 );
Click para Copiar
Copiado
En los comentarios del código anterior ya viene explicado que es lo que hace cada acción. La segunda parte del snippet wp_enqueue_scripts elimina el archivo CSS de Gutenberg y los estilos globales en línea en el Front End. Sin esto, Gutenberg pondrá en cola un archivo CSS innecesario y añadirá enormes estilos en línea en el CSS del sitio. Eso provocará que le archivo sea mas pesado y conlleva una disminución en el rendimiento y en la velocidad de la carga del sitio.
Si quieres desactivar Gutenberg para un tipo de post específico, utiliza el siguiente código, donde debes reemplazar 'TU_post_type' por lo que corresponda para identificar el tipo de post.
Como alternativa a este método se pueden utilizar plugins. Dos de los mas populares para esta menester son: Disable Gutenberg y Classic Editor. Sin embargo, ambos plugins no eliminan los estilos inline globales que se añadieron en WordPress 5.9. Por esto último y en nuestra opinión, lo mas recomendable es utilizar el sistema con código que proponemos.