WordPress Child Theme: Qué Es y Cómo Crear Uno Correctamente

Si alguna vez editaste el archivo functions.php de tu tema o modificaste su CSS directamente, probablemente ya viviste esto: actualizas el tema y todos tus cambios desaparecen.

Un child theme (tema hijo) es la solución estándar de WordPress para este problema. Te permite personalizar un tema sin tocar sus archivos originales — y cuando el tema padre se actualiza, tus cambios sobreviven intactos.

¿Qué es un child theme en WordPress?

Un child theme es un tema que hereda todo el estilo y funcionalidad de otro tema (el tema padre) y encima de eso te permite agregar tus propias personalizaciones.

La estructura es simple: el child theme tiene sus propios archivos CSS y PHP. WordPress primero carga los archivos del tema padre y luego aplica los del child theme encima. Si el child tiene un archivo single.php, WordPress lo usa en lugar del single.php del padre. Si no lo tiene, usa el del padre.

El resultado: puedes sobreescribir solo lo que necesitas cambiar, y el resto lo maneja el tema padre. Cuando el padre se actualiza, tus archivos del child theme no se tocan.

¿Por qué no debes editar el tema padre directamente?

Las actualizaciones sobreescriben tus cambios

Este es el problema principal. Los temas de WordPress reciben actualizaciones de seguridad, correcciones de compatibilidad y nuevas funciones. Cuando actualizas el tema desde el panel de WordPress, el directorio completo del tema se reemplaza con la versión nueva.

Todo lo que hayas modificado en style.css, functions.php, o cualquier archivo del tema desaparece. No hay warnings, no hay merge — simplemente se sobreescribe.

Con un child theme: el directorio del tema padre se actualiza normalmente, y tu directorio de child theme permanece intacto.

Hay una segunda razón, menos obvia: editar el tema padre directamente complica el debugging. Si algo falla después de una actualización, no sabes si el problema viene del tema actualizado o de tus modificaciones anteriores.

Cómo crear un child theme manualmente

Crear un child theme desde cero requiere dos archivos: style.css y functions.php. Eso es todo lo mínimo necesario.

Paso 1 — Crear carpeta del child theme vía FTP o File Manager

En cPanel, abre el File Manager y navega a public_html/wp-content/themes/. Crea una carpeta nueva con el nombre del child theme. La convención es nombre-del-padre-child — por ejemplo, si el tema padre es astra, la carpeta se llama astra-child.

Paso 2 — Crear style.css con el Template correcto

Dentro de la carpeta del child theme, crea un archivo style.css con este encabezado:

/*
Theme Name: Astra Child
Theme URI:
Description: Child theme de Astra
Author: Tu Nombre
Author URI:
Template: astra
Version: 1.0.0
*/

El campo Template es el más importante — debe contener exactamente el nombre de la carpeta del tema padre, no su nombre en pantalla. Si el padre está en wp-content/themes/astra/, el valor es astra. Si está en twentytwentyfour, el valor es twentytwentyfour.

Después del encabezado puedes agregar tus estilos CSS personalizados directamente en este archivo.

Paso 3 — Crear functions.php y encolar el CSS del padre

El tema padre generalmente carga su CSS vía wp_enqueue_style. Para asegurarte de que el CSS del padre se carga primero (y el tuyo encima), crea functions.php en la carpeta del child theme:

<?php
add_action( 'wp_enqueue_scripts', 'mi_child_theme_styles' );

function mi_child_theme_styles() {
    $parent_style = 'parent-style';
    wp_enqueue_style(
        $parent_style,
        get_template_directory_uri() . '/style.css'
    );
    wp_enqueue_style(
        'child-style',
        get_stylesheet_directory_uri() . '/style.css',
        array( $parent_style ),
        wp_get_theme()->get( 'Version' )
    );
}

Este código primero encola el style.css del padre y luego encola el del child theme con dependencia del padre. WordPress garantiza que el CSS del child theme cargue después, permitiendo que tus estilos sobreescriban los del padre.

Nota para temas modernos de bloques (Twenty Twenty-Three, Twenty Twenty-Four): estos temas usan theme.json en lugar de style.css para la mayoría de estilos. Si tu tema padre es de bloques, el proceso del child theme es diferente — solo necesitas el encabezado en style.css y un theme.json con tus customizaciones.

Paso 4 — Activar el child theme desde el panel de WordPress

Ve a Apariencia > Temas en el panel de WordPress. Verás tu nuevo child theme. Haz clic en Activar.

El sitio debe verse exactamente igual que antes (estás usando el mismo CSS del padre). Ahora cualquier modificación que hagas en los archivos del child theme se mantendrá después de las actualizaciones.

Cómo crear un child theme con un plugin (opción sin código)

Si prefieres no crear los archivos manualmente, hay plugins que automatizan el proceso:

Child Theme Configurator: el más completo. Analiza el tema padre, copia los estilos relevantes al child theme, y te da una interfaz para modificarlos. Disponible en el repositorio oficial de WordPress.

One-Click Child Theme: más básico, crea el child theme en un clic. Útil si solo necesitas el scaffolding inicial.

Ambos son válidos para empezar, pero a largo plazo conviene entender la estructura manual — te da más control cuando algo no funciona como esperas.

¿Qué archivos puedes personalizar en el child theme?

Cualquier archivo de plantilla del tema padre puede sobreescribirse copiándolo al child theme con el mismo nombre y ruta.

Los más comunes:

• style.css — estilos adicionales o sobreescritos
• functions.php — hooks, filtros, funciones adicionales
• header.php / footer.php — si necesitas cambiar la estructura del header o footer
• single.php / page.php — plantillas de posts y páginas individuales
• archive.php — listados de posts

Para sobreescribir, simplemente copia el archivo desde wp-content/themes/nombre-padre/ a wp-content/themes/nombre-padre-child/ y modifica la copia.

Child theme con Elementor, Divi o temas de bloques

Si usas Elementor, las páginas construidas con el editor visual se almacenan en la base de datos — no en archivos de plantilla. Un child theme no afecta ni protege ese contenido. Lo que sí protege es el CSS personalizado de Elementor que agregues en Elementor > Personalizar CSS.

Divi tiene su propio sistema de child themes. Crea el child theme como siempre, pero activa "Use Parent Theme Stylesheet" en las opciones de Divi para cargar correctamente los estilos del padre.

Para temas de bloques (basados en Full Site Editing): el child theme funciona, pero la mayor parte de la personalización visual se hace desde el Editor de Sitio en lugar de archivos PHP. Tu theme.json en el child theme sobreescribe el del padre.

¿Estás desarrollando en WordPress y necesitas un hosting estable con backups automáticos? En Elevocloud incluimos backups diarios de archivos y base de datos para que puedas experimentar con tu sitio sabiendo que tienes un punto de restauración. Ver planes de hosting WordPress.