¿Cuál es la ubicación recomendada para definir estilos globales en un tema de bloques?

La clave styles de theme.json es la fuente principal para global styles en block themes.

Tema de bloques 03: estilos globales con criterio de sistema

Implementa estilos globales en theme.json para que tipografía, colores y espaciado sean coherentes entre editor y frontend.

Primero define reglas globales; después ajusta bloques concretos si hace falta.

Empieza por cuerpo del sitio: color de texto, fondo, tipografía base y line-height consistente.

Define escalas de tamaño y spacing pensadas para contenido real, no solo para la home.

Evita mezclar demasiados valores arbitrarios: un sistema corto y claro se mantiene mejor en equipos.

Declara estilos en la clave styles para que afecten de forma predecible a todo el sitio.

Haz overrides por bloque solo cuando existe una necesidad funcional o de accesibilidad clara.

Puedes definir estilos específicos en styles.blocks para bloques como core/button o core/heading.

Mantén trazabilidad: documenta por qué un bloque rompe el estilo global y qué impacto tiene.

Si hay demasiados overrides, revisa el sistema global; quizá el problema no era el bloque, sino la base.

Ejemplo Ejemplo: estilo global de enlaces Define color y decoración de enlaces para que todo el contenido mantenga la misma jerarquía visual.

⌄

Reto Reto: completar tipografía global Añade tamaño base y line-height en styles.typography.

⌄

Test

Comprueba tus conocimientos con un test sobre WordPress Themes Pro.

Recursos del curso 30