Bloques y Full Site Editing: visión técnica inicial

Entiende el modelo de block themes, cómo cambia el flujo de desarrollo y cuándo conviene adoptar FSE en proyectos reales.

En WordPress moderno, un tema de bloques no se construye igual que un tema clásico basado en plantillas PHP tradicionales.

Con Full Site Editing, gran parte de la composición visual pasa a templates HTML de bloques y a la configuración central de theme.json.

Este enfoque acelera iteración de diseño, pero exige disciplina para mantener consistencia entre editor y frontend final.

Antes de migrar un proyecto, necesitas evaluar qué gana el equipo con FSE y qué partes legacy pueden complicar el cambio.

  • No es solo un cambio de archivos: cambia la forma de diseñar y gobernar el tema.
  • En un tema clásico, la estructura de vistas se controla principalmente con template hierarchy y archivos PHP como single.php o archive.php.
  • En un tema de bloques, esas vistas se modelan en templates de bloques y partes reutilizables editables desde Site Editor.
  • La consecuencia práctica: diseño y contenido quedan más conectados, por lo que debes definir reglas claras para evitar que cada página derive en estilos inconsistentes.
  • theme.json como contrato global de diseño.

Qué cambia respecto al tema clásico

No es solo un cambio de archivos: cambia la forma de diseñar y gobernar el tema.

En un tema clásico, la estructura de vistas se controla principalmente con template hierarchy y archivos PHP como single.php o archive.php.

En un tema de bloques, esas vistas se modelan en templates de bloques y partes reutilizables editables desde Site Editor.

La consecuencia práctica: diseño y contenido quedan más conectados, por lo que debes definir reglas claras para evitar que cada página derive en estilos inconsistentes.

  • theme.json como contrato global de diseño.
  • Templates HTML para composición de vistas.
  • Template Parts para cabecera, pie y piezas comunes.
  • Patrones para bloques reutilizables y coherentes.

Cuándo conviene usar FSE

La decisión correcta depende del contexto del proyecto, no de tendencia.

FSE suele encajar muy bien en sitios editoriales, landings y proyectos donde marketing necesita autonomía para iterar secciones.

Si tu proyecto depende de lógica legacy muy acoplada a hooks y plantillas clásicas, puede ser más seguro migrar por fases.

Adoptar bloques sin gobernanza de estilos ni revisión técnica puede generar deuda visual más rápido que en el modelo clásico.

Checklist de arranque para block themes

Empieza con base mínima y decisiones explícitas.

  • Definir paleta, tipografía y espaciado en theme.json.
  • Diseñar templates esenciales: index, single, page, archive.
  • Crear template parts de header y footer reutilizables.
  • Acordar qué puede editar negocio y qué queda bloqueado por sistema.
  • Validar consistencia en frontend real, no solo en editor.
WordPress Themes Pro
05

Bloques y Full Site Editing: visión técnica inicial

Entiende el modelo de block themes, cómo cambia el flujo de desarrollo y cuándo conviene adoptar FSE en proyectos reales.

Código del tema: templates/index.html

📘 Teoría

Qué cambia respecto al tema clásico

No es solo un cambio de archivos: cambia la forma de diseñar y gobernar el tema.

En un tema clásico, la estructura de vistas se controla principalmente con template hierarchy y archivos PHP como single.php o archive.php.

En un tema de bloques, esas vistas se modelan en templates de bloques y partes reutilizables editables desde Site Editor.

La consecuencia práctica: diseño y contenido quedan más conectados, por lo que debes definir reglas claras para evitar que cada página derive en estilos inconsistentes.

  • theme.json como contrato global de diseño.
  • Templates HTML para composición de vistas.
  • Template Parts para cabecera, pie y piezas comunes.
  • Patrones para bloques reutilizables y coherentes.

Cuándo conviene usar FSE

La decisión correcta depende del contexto del proyecto, no de tendencia.

1

FSE suele encajar muy bien en sitios editoriales, landings y proyectos donde marketing necesita autonomía para iterar secciones.

2

Si tu proyecto depende de lógica legacy muy acoplada a hooks y plantillas clásicas, puede ser más seguro migrar por fases.

3

Adoptar bloques sin gobernanza de estilos ni revisión técnica puede generar deuda visual más rápido que en el modelo clásico.

Checklist de arranque para block themes

Empieza con base mínima y decisiones explícitas.

  • Definir paleta, tipografía y espaciado en theme.json.
  • Diseñar templates esenciales: index, single, page, archive.
  • Crear template parts de header y footer reutilizables.
  • Acordar qué puede editar negocio y qué queda bloqueado por sistema.
  • Validar consistencia en frontend real, no solo en editor.

🧪 Aprende probando

Ejemplo Mapa mínimo de un block theme Estructura orientativa para arrancar con orden.

🏁 Retos

Reto Reto: identificar núcleo del sistema Completa la frase con el archivo clave de configuración global.

🧰 Recursos

Test

Comprueba tus conocimientos con un test sobre WordPress Themes Pro.

Test de WordPress Themes Pro

¿Qué es esto?

Soy Cristian Eslava y a veces hago webs para procrastinar yo y vosotros 😉.

Esta la hice en febrero de 2026 para facilitar el aprendizaje de mis alumnxs. Aprender desarrollo web practicando. La idea es que crezca semanalmente con nuevos temas, tests y retos.

Inspirado en MDN, en W3Schools, en Codepen, en el crack de Manz y en mil sitios de documentación sobre desarrollo web. Quería aportar además de bloques teóricos con ejemplos, la gamificación de los retos y el sistema de test que ya tenía en culTest .

Si te gustó, si no te gustó, si quieres saludarme, o invitarme a 🍻 no dudes en escribirme en cristianeslava@gmail.com .