Tema hijo de WordPress: modifica tu tema con seguridad
¿Quieres hacer cambios en tu tema de WordPress? Entonces un tema hijo (child theme) es la forma segura de hacerlo. Aquí explico qué es un tema hijo y cómo crear uno.
¿Qué es un tema hijo?
Un tema hijo es un tema que hereda la funcionalidad de otro tema (el "tema padre"). Puedes hacer cambios en el tema hijo sin modificar el tema original.
Ventajas de un tema hijo:
- Tus cambios se conservan después de las actualizaciones del tema
- Siempre puedes volver al original
- Es más fácil de mantener que los cambios directos en el tema
- Puedes experimentar con el código de forma más segura
Paso 1: crea la carpeta del tema hijo
Conéctate a tu hosting por FTP o con el administrador de archivos de DirectAdmin. Ve a wp-content/themes y crea una carpeta nueva.
Ponle a la carpeta, por ejemplo, el nombre jouw-thema-child (sustituye "jouw-thema" por el nombre de tu tema padre).
Paso 2: crea style.css
En la carpeta nueva, crea un archivo llamado style.css con el siguiente contenido:
/* Theme Name: Jouw Thema Child Template: jouw-thema*/
Importante:
Theme Name- El nombre que ves en WordPress (puedes elegirlo tú)Template- El nombre exacto de la carpeta del tema padre (tiene que coincidir exactamente)
Paso 3: crea functions.php
Crea un archivo llamado functions.php con este código:
<?php
add_action('wp_enqueue_scripts', 'child_theme_styles');
function child_theme_styles() {
wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');
wp_enqueue_style('child-style', get_stylesheet_uri(), array('parent-style'));
}
Este código hace que se carguen tanto los estilos del tema padre como los del tema hijo.
Paso 4: activa el tema hijo
- En WordPress, ve a Apariencia > Temas
- Ahora ves tu tema hijo en la lista
- Haz clic en Activar
Tu sitio se ve igual que antes, pero ahora funciona con el tema hijo.
Hacer cambios
Cambios de CSS
Añade tu propio CSS al archivo style.css del tema hijo, debajo de la cabecera del tema:
/*
Theme Name: Jouw Thema Child
Template: jouw-thema*/
/* Tus cambios aquí debajo*/
body {
font-size: 16px;
}
.header {
background-color: #333;
}
Sobrescribir archivos de plantilla
¿Quieres modificar un archivo de plantilla (por ejemplo, header.php)? Copia el archivo del tema padre a la carpeta de tu tema hijo y modifícalo allí. WordPress usa automáticamente la versión del tema hijo.
Añadir funciones
Las funciones adicionales se añaden al functions.php del tema hijo. Estas se cargan junto a las funciones del tema padre (no en lugar de ellas).
Errores frecuentes
El nombre de Template no es correcto
La línea Template de style.css tiene que coincidir exactamente con el nombre de la carpeta del tema padre. Compruébalo por FTP si tu tema hijo no funciona.
Los estilos no se cargan
Comprueba que functions.php es correcto y no contiene errores de PHP. Un pequeño error tipográfico ya puede causar problemas.
Tus cambios se sobrescriben
Asegúrate de que tu CSS sea lo bastante específico. A veces tienes que añadir !important o usar selectores más específicos.
Tema hijo con un plugin
¿No quieres escribir código? Hay plugins que generan un tema hijo por ti:
- Child Theme Configurator - Crea automáticamente un tema hijo y ayuda con los cambios de CSS
- Child Theme Wizard - Asistente sencillo para generar un tema hijo
Estos plugins son prácticos para principiantes, pero crearlo manualmente te da más control.
Cuándo no hace falta un tema hijo
Un tema hijo no siempre es necesario:
- Para pequeños cambios de CSS puedes usar el Personalizador (Apariencia > Personalizar > CSS adicional)
- Si tu propio tema ya admite temas hijo con opciones integradas
- Si usas un maquetador como Elementor para todos los cambios
Antes de empezar, haz siempre una copia de seguridad de tu sitio. Así siempre puedes volver atrás si algo sale mal.
¿Necesitas ayuda para configurar tu tema hijo? En Theory7 te ayudamos encantados.
Preguntas frecuentes
¿Pierdo mis cambios al actualizar el tema padre?
No, esa es precisamente la ventaja de un tema hijo. Tus cambios están en archivos aparte que no se sobrescriben.
¿Puedo tener varios temas hijo?
Puedes crear varios temas hijo, pero solo puedes tener uno activo a la vez.
¿Un tema hijo funciona con cualquier tema?
La mayoría de los temas admiten temas hijo. En algunos temas premium el soporte es limitado o ya incluyen su propio tema hijo.
A 0 de 0 personas les ha resultado útil