Descubre en este tutorial cómo deshabilitar el tamaño personalizado de las fuentes de Gutenberg en el child theme Genesis Sample mediante código.
El nuevo editor de WordPress utiliza bloques de contenido, lo cual cambia tanto la forma de crear entradas como la manera en la que se visualizan.
Un ejemplo de ello es que, en la mayoría de los bloques que muestran texto, permite ajustar el tamaño de la letra de 2 formas diferentes:
- Por un lado, te da la posibilidad de elegir entre las opciones predefinidas normal, medio, grande y enorme.
- Por otro, te permite usar una alternativa personalizada para escribir el número de píxeles que deseas.
En un artículo anterior aprendiste a cambiar las dimensiones de las fuentes que utiliza el nuevo editor de WordPress (normal, medio, grande y enorme).
Pero hoy vas a averigurar cómo deshabilitar el tamaño personalizado para que siempre se muestren las dimensiones que tú hayas predefinido.
Si combinas ambos tutoriales te asegurarás de que tus clientes usen los formatos de texto con consistencia, lo cual repercutirá positivamente en el diseño. ¿Te animas?
Snippet para retirar soporte al tamaño de fuentes personalizado de Gutenberg en Genesis Sample
Agrega el siguiente código en functions.php:
Para ver este código y los otros 2107 snippets de esta web,
identifícate o suscríbete aquí.
Con esta línea ocultas el cajetín para introducir un número de píxeles personalizado en el tamaño de fuente.
Con una captura se entiende mejor. 😉
Este tutorial está creado usando Genesis Sample (versión 2.6) como referencia, pero puedes aplicarlo en cualquier child theme de Genesis (o WordPress, en este caso).
Si quieres adaptar por completo los estilos de tu child theme a Gutenberg, además de los cambios anteriores debes:
- Soportar las nuevas modalidades de imagen.
- Añadir una paleta de colores personalizada.
- Dar estilos a los bloques.
Conclusiones
La llegada del nuevo editor de WordPress es un punto de inflexión, no solo en relación a la forma en la que creas el contenido, sino también con respecto a cómo lo muestras.
Gutenberg te ofrece nuevas opciones para tener mayor control sobre tus temas, pero para sacarle todo el partido necesitas realizar ciertos ajustes.
Con este código te aseguras de que no se utilizan tamaños de texto sin orden ni concierto. Y al combinarlo con el artículo de personalización de fuentes conseguirás que siempre se muestren tal y como desees en cualquier child theme.
¿Sabes qué? Esto es solo una parte de las novedades a implementar. Puedes consultar el tutorial con todas las alteraciones que debes realizar en tu child theme para que sea 100% compatible con el nuevo editor de WordPress.
¿Quieres hacerme alguna pregunta o darme una sugerencia para próximos snippets? Cuéntamela en los comentarios (opción exclusiva para suscriptores).
Tutoriales relacionados
- https://codigogenesis.com/personalizar-tamanos-fuente-gutenberg-genesis-sample/
- https://codigogenesis.com/anadir-soporte-imagenes-ancho-completo-gutenberg-child-theme-genesis/
- https://codigogenesis.com/personalizar-paleta-colores-gutenberg-child-theme-genesis/
- https://codigogenesis.com/ajustar-estilos-bloques-gutenberg-genesis-sample/
- https://codigogenesis.com/personalizar-tamanos-fuente-gutenberg-genesis-sample/
- https://codigogenesis.com/pasos-adaptar-child-theme-genesis-gutenberg/
