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.

 

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Los comentarios de esta página se procesan por un sistema automático de moderación por lo cual no siempre se publican de forma instantánea. Por favor respeta a los demás y ciñete al tema del post. Nos reservamos el derecho de eliminar cualquier comentario o enlace que nos parezca inadecuado o tenga una expresión de grosería, insulto, odio, hostilidad o negatividad.

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.