Tema hijo en WordPress: personalizar sin perder actualizaciones

Crea un child theme bien estructurado para modificar diseño y plantillas del tema padre sin romper el ciclo de updates.

Un child theme existe para proteger tus personalizaciones cuando el tema padre se actualiza.

Si editas directamente el padre, tarde o temprano perderás cambios o bloquearás actualizaciones críticas de seguridad.

La forma profesional de trabajar es encapsular overrides visuales y de plantilla en el tema hijo.

Esta lección te enseña el flujo correcto: estructura mínima, carga de estilos y override de templates con criterio.

  • Con dos archivos puedes arrancar correctamente, pero deben estar bien definidos.
  • style.css con metadatos y Template apuntando al tema padre.
  • functions.php para encolar estilos del padre y del hijo.
  • El nombre de carpeta del padre debe coincidir exactamente con Template.
  • Activa el child en WordPress, no el padre, para probar personalizaciones.

Estructura mínima de un child theme

Con dos archivos puedes arrancar correctamente, pero deben estar bien definidos.

  • style.css con metadatos y Template apuntando al tema padre.
  • functions.php para encolar estilos del padre y del hijo.
  • El nombre de carpeta del padre debe coincidir exactamente con Template.
  • Activa el child en WordPress, no el padre, para probar personalizaciones.

Carga de estilos sin duplicar ni romper caché

No uses @import en style.css para producción moderna.

El patrón recomendado es wp_enqueue_scripts en functions.php para cargar primero el estilo del padre y después el del hijo.

Así controlas dependencias y puedes versionar archivos para invalidar caché tras cambios relevantes.

En proyectos con alto tráfico, una carga incorrecta de assets provoca inconsistencias visuales difíciles de depurar.

Override de plantillas con precisión

Sobrescribe solo lo necesario para no generar deuda técnica innecesaria.

Cuando copies un template del padre al hijo, documenta qué cambias y por qué, porque ese archivo quedará desacoplado de futuras mejoras del padre.

Evita copiar bloques enteros si solo necesitas alterar una parte: en muchos casos conviene usar hooks o filtros del tema padre.

Cada override debe pasar revisión tras actualizar el padre para asegurar compatibilidad.

WordPress Themes Pro
04

Tema hijo en WordPress: personalizar sin perder actualizaciones

Crea un child theme bien estructurado para modificar diseño y plantillas del tema padre sin romper el ciclo de updates.

Código del tema: get_stylesheet_uri

📘 Teoría

Estructura mínima de un child theme

Con dos archivos puedes arrancar correctamente, pero deben estar bien definidos.

  • style.css con metadatos y Template apuntando al tema padre.
  • functions.php para encolar estilos del padre y del hijo.
  • El nombre de carpeta del padre debe coincidir exactamente con Template.
  • Activa el child en WordPress, no el padre, para probar personalizaciones.
Carpeta base
mi-tema-child/
├─ style.css
└─ functions.php

Carga de estilos sin duplicar ni romper caché

No uses @import en style.css para producción moderna.

1

El patrón recomendado es wp_enqueue_scripts en functions.php para cargar primero el estilo del padre y después el del hijo.

2

Así controlas dependencias y puedes versionar archivos para invalidar caché tras cambios relevantes.

3

En proyectos con alto tráfico, una carga incorrecta de assets provoca inconsistencias visuales difíciles de depurar.

Enqueue correcto padre + hijo
add_action('wp_enqueue_scripts', function () {
  wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css', [], wp_get_theme(get_template())->get('Version'));
  wp_enqueue_style('child-style', get_stylesheet_uri(), ['parent-style'], wp_get_theme()->get('Version'));
});

Override de plantillas con precisión

Sobrescribe solo lo necesario para no generar deuda técnica innecesaria.

1

Cuando copies un template del padre al hijo, documenta qué cambias y por qué, porque ese archivo quedará desacoplado de futuras mejoras del padre.

2

Evita copiar bloques enteros si solo necesitas alterar una parte: en muchos casos conviene usar hooks o filtros del tema padre.

3

Cada override debe pasar revisión tras actualizar el padre para asegurar compatibilidad.

🧪 Aprende probando

Ejemplo Ejemplo de cabecera style.css en child theme Metadatos mínimos para que WordPress reconozca el tema hijo y lo vincule al padre.

🏁 Retos

Reto Reto: declarar correctamente el padre Completa la cabecera del child theme con la clave Template.

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