{}
Aprende diseño y desarrollo web
Cursos gratuitos interactivos

Plantillas y partes de plantilla

Diseña la estructura global del sitio con FSE separando plantillas y template parts para escalar cambios sin romper consistencia.

En FSE, la diferencia entre una web mantenible y una frágil está en cómo separas plantillas completas y partes compartidas como cabecera, pie y barras laterales.

Una <strong>plantilla</strong> define la estructura de un tipo de página; una <strong>template part</strong> encapsula secciones reutilizables globales.

Las rutas de trabajo principales son <code>Apariencia > Editor > Plantillas</code> y <code>Apariencia > Editor > Partes de plantilla</code>.

Si mezclas contenido específico con estructura global, cualquier cambio menor termina provocando efectos secundarios en páginas que no querías tocar.

  • La separación correcta entre plantilla y parte de plantilla evita duplicaciones y facilita mantenimiento continuo.
  • Define primero el mapa del sitio: qué tipos de vistas necesitas (inicio, archivo, single, página estándar, landing, 404) y qué bloques comparten.
  • Coloca elementos transversales (header, footer, navegación global) en template parts para no repetirlos manualmente en cada plantilla.
  • Reserva las plantillas para estructura de contenido específica de cada tipo de página y evita incluir lógica global donde no corresponde.
  • Ruta principal: <code>Apariencia > Editor > Plantillas</code>

Fundamentos de estructura FSE

La separación correcta entre plantilla y parte de plantilla evita duplicaciones y facilita mantenimiento continuo.

Define primero el mapa del sitio: qué tipos de vistas necesitas (inicio, archivo, single, página estándar, landing, 404) y qué bloques comparten.

Coloca elementos transversales (header, footer, navegación global) en template parts para no repetirlos manualmente en cada plantilla.

Reserva las plantillas para estructura de contenido específica de cada tipo de página y evita incluir lógica global donde no corresponde.

  • Ruta principal: <code>Apariencia > Editor > Plantillas</code>
  • Ruta compartida: <code>Apariencia > Editor > Partes de plantilla</code>
  • Partes globales: header, footer, navegación
  • Plantillas por contexto: inicio, single, archive, page

Claves teóricas para evitar caos estructural

Estas decisiones mantienen el sistema limpio cuando el sitio crece y pasan varios editores por él.

Aplicación práctica en un proyecto real

Este flujo permite construir una arquitectura FSE robusta, fácil de evolucionar y comprensible para el equipo.

<strong>Paso 1</strong>: diseña layout global (header, contenido principal, footer) y asigna cada bloque al nivel correcto: plantilla o template part.

<strong>Paso 2</strong>: crea plantillas clave en <code>Apariencia > Editor > Plantillas</code> y reutiliza partes comunes desde <code>Partes de plantilla</code>.

<strong>Paso 3</strong>: valida impacto cruzado tras cada cambio global y registra decisiones para evitar regresiones en próximas iteraciones.

  • Definir arquitectura global antes de editar
  • Separar correctamente alcance global y específico
  • Probar vistas críticas tras cambios
  • Documentar decisiones estructurales

Validación y control de calidad

No cierres esta lección hasta comprobar que la estructura FSE es consistente, trazable y mantenible.

Comprueba que header y footer se actualizan correctamente en todas las plantillas que deben compartirlos, sin efectos inesperados.

Verifica que no existen duplicados funcionales de una misma template part con nombres distintos y comportamiento ambiguo.

Asegura que el equipo entiende qué editar en cada nivel. Si esto no está claro, documenta reglas y ejemplos antes de seguir.

  • Separación clara entre plantillas y partes
  • Cambios globales bajo control
  • Sin duplicidades estructurales
  • Guía de uso para el equipo actualizada
WordPress
16

Plantillas y partes de plantilla

Diseña la estructura global del sitio con FSE separando plantillas y template parts para escalar cambios sin romper consistencia.

¿Cuánto sabes de WordPress?

Código del tema: template part

📘 Teoría

Fundamentos de estructura FSE

La separación correcta entre plantilla y parte de plantilla evita duplicaciones y facilita mantenimiento continuo.

Define primero el mapa del sitio: qué tipos de vistas necesitas (inicio, archivo, single, página estándar, landing, 404) y qué bloques comparten.

Coloca elementos transversales (header, footer, navegación global) en template parts para no repetirlos manualmente en cada plantilla.

Reserva las plantillas para estructura de contenido específica de cada tipo de página y evita incluir lógica global donde no corresponde.

  • Ruta principal: Apariencia > Editor > Plantillas
  • Ruta compartida: Apariencia > Editor > Partes de plantilla
  • Partes globales: header, footer, navegación
  • Plantillas por contexto: inicio, single, archive, page

Claves teóricas para evitar caos estructural

Estas decisiones mantienen el sistema limpio cuando el sitio crece y pasan varios editores por él.

1

1) Jerarquía y alcance

Toda pieza debe tener un ámbito claro: global o específico.

  • Global: elementos que deben actualizarse en todo el sitio.
  • Específico: estructura que solo aplica a un tipo de plantilla.
  • Evita usar template parts para contenido que depende de una sola página.
2

2) Coherencia entre tipos de página

La experiencia de usuario se rompe si cada plantilla parece de un proyecto distinto.

  • Mantén ritmo visual consistente entre plantillas principales.
  • Usa bloques base compartidos para reducir divergencias.
  • Valida headers y footers en todas las vistas críticas.
3

3) Cambios globales con control

Modificar una template part impacta en muchas páginas al mismo tiempo.

  • Antes de publicar, prueba impacto en home, single y archive.
  • Documenta cambios de alto alcance con fecha y responsable.
  • Evita ediciones rápidas en producción sin checklist previo.
4

4) Mantenimiento y gobernanza

Sin reglas, aparecen duplicados y versiones paralelas difíciles de sostener.

  • Define quién puede crear o editar plantillas globales.
  • Revisa trimestralmente si hay plantillas obsoletas.
  • Conserva una guía interna de estructura FSE vigente.

Aplicación práctica en un proyecto real

Este flujo permite construir una arquitectura FSE robusta, fácil de evolucionar y comprensible para el equipo.

Paso 1: diseña layout global (header, contenido principal, footer) y asigna cada bloque al nivel correcto: plantilla o template part.

Paso 2: crea plantillas clave en Apariencia > Editor > Plantillas y reutiliza partes comunes desde Partes de plantilla.

Paso 3: valida impacto cruzado tras cada cambio global y registra decisiones para evitar regresiones en próximas iteraciones.

  • Definir arquitectura global antes de editar
  • Separar correctamente alcance global y específico
  • Probar vistas críticas tras cambios
  • Documentar decisiones estructurales

Validación y control de calidad

No cierres esta lección hasta comprobar que la estructura FSE es consistente, trazable y mantenible.

Comprueba que header y footer se actualizan correctamente en todas las plantillas que deben compartirlos, sin efectos inesperados.

Verifica que no existen duplicados funcionales de una misma template part con nombres distintos y comportamiento ambiguo.

Asegura que el equipo entiende qué editar en cada nivel. Si esto no está claro, documenta reglas y ejemplos antes de seguir.

  • Separación clara entre plantillas y partes
  • Cambios globales bajo control
  • Sin duplicidades estructurales
  • Guía de uso para el equipo actualizada

🧰 Recursos

Enlaces útiles

Site Editor Template Hierarchy (developer)
Test

Comprueba tus conocimientos con un test sobre WordPress.

Test de WordPress
Recursos del curso 34
📘 Glosario 🎧 Audios 🖼️ Infografías 🎬 Vídeos 🔗 Enlaces 🧠 Flashcards
‹
Lección 15
Patrones y bloques reutilizables
Lección 17
Estilos globales y theme.json
›

¿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 .