Has personalizado tu plantilla de WordPress, cambiado colores, añadido código en el functions.php y ajustado el CSS. Llega una actualización del tema, la aplicas… y todo vuelve a como estaba al principio. Si te ha pasado, ya sabes por qué existe el tema hijo. En este post te explico qué es, cuándo lo necesitas y cómo crear un tema hijo en WordPress de dos formas: con un plugin y manualmente, sin necesidad de ser programador.
¿Qué es un tema hijo en WordPress?
Un tema hijo (child theme) es un tema que hereda todo el diseño y las funciones de otro tema, llamado tema padre, pero en el que puedes hacer tus propias modificaciones. WordPress carga primero los archivos del tema hijo y, para todo lo que no encuentra en él, usa los del tema padre.
La gran ventaja es que cuando el tema padre se actualiza, tus cambios en el tema hijo se mantienen intactos. Así puedes seguir recibiendo mejoras de seguridad y rendimiento del tema sin perder tu personalización.
¿Cuándo necesitas un tema hijo?
- Sí lo necesitas si vas a modificar archivos del tema: functions.php, plantillas PHP o la hoja de estilos style.css.
- Sí lo necesitas si vas a añadir funciones personalizadas con código.
- No es imprescindible si solo cambias opciones desde el personalizador del tema o diseñas las páginas con un constructor como Elementor.
- No es imprescindible si solo añades CSS desde Apariencia > Personalizar > CSS adicional, porque ese CSS se guarda en la base de datos y no se pierde al actualizar.
Aun así, si tienes previsto personalizar la web a fondo, crear un tema hijo desde el principio es una buena práctica.
Antes de empezar
- Haz una copia de seguridad completa. Te explico cómo en copia de seguridad en WordPress.
- Comprueba si tu tema ya ofrece un tema hijo. Muchos temas populares, como Astra, GeneratePress o Kadence, lo ofrecen para descargar desde su web oficial. Es la opción más sencilla.
- Si es posible, hazlo primero en una copia de pruebas o en WordPress en local.
Cómo crear un tema hijo con plugin
La forma más sencilla, sin tocar archivos, es usar un plugin como Child Theme Configurator:
- Ve a Plugins > Añadir nuevo, busca "Child Theme Configurator", instálalo y actívalo.
- Entra en Herramientas > Child Themes.
- Selecciona "Crear un nuevo tema hijo" y elige el tema padre en el desplegable.
- Pulsa en Analizar para que el plugin revise el tema.
- Revisa las opciones (nombre del tema hijo, cómo cargar las hojas de estilo) y marca la opción de copiar los ajustes del personalizador del tema padre para no perder tu configuración.
- Pulsa en Crear nuevo tema hijo.
- Ve a Apariencia > Temas, previsualiza el tema hijo y actívalo.
Una vez creado, puedes desactivar y eliminar el plugin. El tema hijo seguirá funcionando.
Cómo crear un tema hijo manualmente
Si prefieres no usar plugins, el proceso manual es sencillo y solo necesitas acceso a los archivos de la web (por FTP o desde el administrador de archivos de tu hosting).
1. Crea la carpeta
En /wp-content/themes/ crea una carpeta nueva con el nombre del tema padre seguido de "-child", por ejemplo astra-child.
2. Crea el archivo style.css
Dentro de la carpeta, crea un archivo style.css con esta cabecera:
/*
Theme Name: Astra Child
Template: astra
*/Lo importante es la línea Template: debe coincidir exactamente con el nombre de la carpeta del tema padre.
3. Crea el archivo functions.php
Crea un archivo functions.php para cargar los estilos del tema padre y del hijo:
<?php
add_action( 'wp_enqueue_scripts', function() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
} );Algunos temas modernos ya cargan sus estilos de otra forma, así que revisa la documentación de tu tema por si recomienda un código distinto.
4. Activa el tema hijo
Ve a Apariencia > Temas y activa el tema hijo. Revisa la web: debería verse igual. Si algunos ajustes del personalizador se han perdido, tendrás que volver a configurarlos o exportarlos e importarlos.
5. Añade una captura (opcional)
Puedes añadir una imagen screenshot.png en la carpeta para que el tema hijo tenga miniatura en el listado de temas.
Qué puedes personalizar en un tema hijo
Una vez activo, el tema hijo te permite hacer cambios de forma segura:
- Estilos CSS: añade tus reglas al style.css del hijo para cambiar colores, tipografías o espaciados que el personalizador no permite.
- Funciones: añade fragmentos de código al functions.php del hijo, por ejemplo para registrar un nuevo tamaño de imagen, añadir un script o modificar el comportamiento de WordPress.
- Plantillas: copia un archivo concreto del tema padre (como footer.php o single.php) a la carpeta del hijo y modifícalo. WordPress usará tu versión en lugar de la original.
Una recomendación: documenta cada cambio con un comentario en el código. Dentro de seis meses, tú o quien mantenga la web agradecerá saber qué se modificó y por qué.
Errores comunes
- Escribir mal el nombre en "Template". WordPress no encontrará el tema padre y mostrará el tema como roto.
- Borrar el tema padre. El tema hijo lo necesita para funcionar.
- Copiar todos los archivos del padre al hijo. Solo copia los que vayas a modificar.
- No revisar el personalizador después de activar el hijo.
Preguntas frecuentes
¿Un tema hijo ralentiza la web?
No de forma apreciable. Bien configurado, el impacto en la velocidad es prácticamente nulo.
¿Hay que actualizar el tema hijo?
No. Se actualiza el tema padre y el hijo conserva tus cambios.
¿Puedo crear un tema hijo si mi web ya está publicada?
Sí, pero haz una copia de seguridad antes y revisa la configuración del personalizador después de activarlo.
¿Los temas de bloques también usan tema hijo?
Sí. Los temas de bloques modernos (como Twenty Twenty-Four) también admiten temas hijo, aunque muchas personalizaciones se hacen directamente desde el editor del sitio y se guardan en la base de datos, sin tocar archivos.
Si necesitas cambios a medida en tu WordPress sin riesgo, puedo ayudarte como programador web o diseñador web WordPress. Escríbeme.
