Desregistrar estilos de bloques del editor de WordPress

Descubre en este tutorial cómo quitar los estilos de bloques de WordPress que no quieras mostrar mediante código.

En un tutorial anterior te expliqué cómo puedes crear block styles personalizados para ofrecer más diseños de un mismo bloque.

Pero ¿qué ocurre si prefieres eliminar los estilos que vienen por defecto o esos que añaden algunos plugins/temas y dejar solo los que has creado tú?

No pasa nada porque WordPress tiene una función que te ayuda a conseguirlo.

Vamos a ver como.

Opciones para «desregistrar» o eliminar estilos de bloques del editor de WordPress

Opción A

Si el estilo de bloques se ha registrado a nivel de servidor usando la función register_block_style() puedes usar esta estrategia para eliminarlo.

Añade el siguiente snippet al fichero functions.php o a tu plugin de funcionalidades:

En este código usas la función unregister_block_style para eliminar los estilos que te interesen.

En concreto, con el ejemplo anterior estás desregistrando el estilo ‘rounded’ del bloque de imagen (es un ejemplo ficticio).

Solo te recomiendo usar esta opción si sabes que un plugin o tema ha usado la función register_block_style() para añadir los estilos.

Si por el contrario ha usado JavaScript para registrarlo, esta estrategia no te servirá.

Pero no te preocupes porque aquí tienes cómo hacerlo en ese caso.

Opción B

Si el estilo de bloque se ha registrado con JavaScript, sigue estas instrucciones.

Crea un fichero llamado block-styles.js dentro de la carpeta /js/ de tu child theme (si no existe puedes crearla) con el siguiente código:

Cada estilo consta de 2 elementos:

• core/xxxxx -> el bloque del que vamos a eliminar los estilos
• name -> nombre interno de los estilos

Con el ejemplo anterior desregistras:

• Todos los estilos añadidos al bloque de imagen por el plugin EditorsKit
• El estilo ‘Grande’ del bloque de cita
• El estilo ‘Color sólido’ del bloque parrafo de cita

Esto es solo un ejemplo, la idea es que lo personalices acorde a tus necesidades.

Encola los nuevos estilos

Una vez que tienes el fichero donde has desregistrado los estilos debes encolarlo al tema. Para ello añade el siguiente snippet al final de functions.php:

Ya lo tienes. Los estilos de bloques que hayas decidido ya no se mostrarán en el editor de bloques

Bloques nativos de WordPress

Aquí tienes el listado con todos los bloques nativos de WordPress:

Esta información te puede resultar útil para desregistrar estilos de los distintos bloques.

Conclusiones

¿Prefieres dejar de cargar los estilos de bloques que no vas a usar? ¿O quizás no quieres que tu cliente los vea? Pues ahora ya sabes cómo desregistrarlos con un poco de código.

Si tienes alguna duda te leo en los comentarios. Y si quieres dejarme una sugerencia para futuros tutoriales, envíamela a través del formulario de contacto.

Todo ventajas de ser suscriptor. 😉

Tutoriales relacionados

• https://codigogenesis.com/crear-block-styles-estilos-personalizados-bloques-wordpress/
• https://codigogenesis.com/crear-plugin-funcionalidades-wordpress/