Cómo quitar los CSS que añade Gutenberg en WordPress 5.x

Categorías: WordPress
Etiquetas: ,
Cómo quitar los CSS que añade Gutenberg en WordPress 5.x

Si no usáis Gutenberg en los WordPress que habéis actualizado a la versión 5 o superior, de todas formas se cargan los estilos CSS del mismo.

En el encabezado de toda página se carga un style.min.css con el ID wp-block-library.css y estos son los estilos de Gutenberg para que se muestren correctamente los bloques.

Incluso al usar el editor clásico «Classic Editor» esta hoja de estilos sigue añadiéndose en el encabezado de la web.

Y este archivo tiene un tamaño algo superior a 25 KB, lo cual si no se usa Gutenberg no tiene sentido cargarlo.

La mejor forma para quitar el archivo CSS de Gutenberg es incluyendo el siguiente código en el archivo functions.php del tema activo:

/* Remove the `wp-block-library.css` file from `wp_head()` */
add_action( 'wp_enqueue_scripts', function() {
  wp_dequeue_style( 'wp-block-library' );
} );

Y de esta forma el CSS de Gutenberg ya no se cargará en cada página.

OJO: Es importante tener en cuenta que si en algún momento se decide usar Gutenberg hay que quitar esta función del archivo functions.php porque sino los bloques no se mostrarán correctamente.

 

Salir de la versión móvil