Cómo crear un child theme en WordPress: guía paso a paso

¿Qué es un child theme? Y por qué te conviene usarlo

Un child theme (tema hijo) es básicamente un tema de WordPress que hereda todo lo que hace su papá — el tema padre. Diseño, funcionalidad, la base. Pero lo bonito es esto: cuando tú modificas el child theme (CSS, PHP, plantillas), esos cambios no se tocan al actualizar el padre. O sea, dejas de vivir con miedo a que una actualización te borre el trabajo de semanas.

He visto demasiadas veces a gente editando directo los archivos del padre. Y luego pasa lo que pasa: sale una actualización de seguridad, la aplican y ¡puf! adiós personalización. Con un child theme eso no ocurre. Es lo que recomienda la documentación oficial de WordPress, y todos los que hacen esto en serio lo usan.

Antes de arrancar, lo que necesitas

Vamos a ver. No necesitas ser un ninja, pero sí tener esto claro:

• Acceso al servidor donde corre WordPress (puede ser local, con XAMPP o similar, o remoto).
• Un tema padre instalado y activo. Por ejemplo: Twenty Twenty-Four, Astra, GeneratePress.
• Saber moverte con FTP o cPanel — nada del otro mundo.
• Un editor de texto plano. VS Code, Sublime, Notepad++. Lo que uses.

Paso 1: La carpeta del child theme

Dentro de /wp-content/themes/ (ahí donde están todos los temas), crea una carpeta nueva. El nombre que se suele usar: nombre-del-padre-child. Por ejemplo, si el padre es twentytwentyfour, llamas a la carpeta twentytwentyfour-child. Simple.

Paso 2: El style.css (sí, es obligatorio)

Todo tema de WordPress necesita un style.css. El child theme no es la excepción. Este archivo no solo lleva los estilos — también tiene una cabecera que le dice a WordPress «oye, yo soy un tema». Crea el archivo dentro de la carpeta del child y pega esto:

/*
 Theme Name:   Twenty Twenty-Four Child
 Theme URI:    http://tusitio.com/twenty-twenty-four-child/
 Description:  Tema hijo de Twenty Twenty-Four
 Author:       Tu Nombre
 Author URI:   http://tusitio.com
 Template:     twentytwentyfour
 Version:      1.0.0
 License:      GPL v2 o posterior
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         blog, one-column, responsive
 Text Domain:  twentytwentyfourchild
*/

Ojo con dos campos:

• Template: tiene que ser exactamente el nombre de la carpeta del padre. Un error aquí y el child no hereda nada.
• Text Domain: un valor único para traducciones. Usa el nombre del child en minúsculas y sin espacios.

Si solo quieres heredar los estilos del padre, no hace falta meter CSS aquí. La cabecera basta; luego importas los estilos desde PHP.

Paso 3: El functions.php — aquí se encolan los estilos

El functions.php del child se carga además del del padre, no lo reemplaza. Ahí le decimos a WordPress que cargue primero la hoja de estilos del padre y luego la del child. Crea el archivo functions.php dentro de la carpeta del child y pon esto:

<?php
function twentytwentyfour_child_enqueue_styles() {
    // Cargar el estilo del tema padre
    wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );

    // Cargar el estilo del child theme (opcional, si quieres añadir CSS propio)
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( 'parent-style' ) );
}
add_action( 'wp_enqueue_scripts', 'twentytwentyfour_child_enqueue_styles' );

Así nos aseguramos de que los estilos se carguen en orden. Si tu tema padre usa style.css para todos los estilos, con esto basta.

Paso 4: Activar el child theme

Ve a Apariencia > Temas en el panel de WordPress. Ahí debería aparecer tu child theme con el nombre que le pusiste (p.ej., «Twenty Twenty-Four Child»). Actívalo.

Tu sitio ahora corre sobre el child theme. Se ve igual que antes, pero cualquier cambio que hagas en los archivos del child se queda ahí aunque el padre se actualice.

Paso 5: Comprobar que todo va bien

Para asegurarte:

1. Navega por el sitio. Debe verse idéntico a antes.
2. Si añadiste CSS propio, verifica que se aplique.
3. Inspecciona el código fuente (F12) y busca las hojas de estilo. Primero la del padre, luego la del child.
4. Mira la consola del navegador — ningún error raro.

Y ahora, a personalizar

Con el child activo, puedes empezar a toquetear:

Modificar plantillas

Copia cualquier archivo de plantilla del padre (como header.php, single.php, page.php) dentro de la carpeta del child y edítalo. WordPress cargará primero la versión del child.

Meter snippets PHP

En el functions.php del child puedes añadir funciones, filtros, acciones. Sin miedo a que se pierdan — este archivo se ejecuta además del del padre.

Estilos propios

Escribe tu CSS en el style.css del child (después de la cabecera) o crea un archivo separado y lo encolas con wp_enqueue_style.

Preguntas que suelen salir (FAQ)

Errores comunes (y cómo esquivarlos)

• No escribir bien el campo Template: si el nombre de la carpeta del padre no coincide exactamente, el child no hereda y el sitio se rompe. Revisa dos veces.
• No encolar los estilos con dependencias: si no usas wp_enqueue_style con el array de dependencias, puedes tener estilos duplicados o en orden incorrecto.
• Seguir editando el padre: aunque tengas child, a veces uno vuelve al padre por costumbre. No. El child es tu único campo de juego.

En resumen (pero sin rollo)

Crear un child theme se reduce a tres pasos: carpeta, style.css con cabecera, y functions.php que encola estilos. Con eso tienes base segura para personalizar sin que una actualización te borre el trabajo.

Un child theme no solo protege lo que haces — es la manera profesional de trabajar con WordPress. Si en algún momento te enredas, necesitas ayuda con personalizaciones más complejas o prefieres que alguien con experiencia lo haga por ti, en RedServicio (redservicio.net) damos soporte especializado en hosting, WordPress y servidores. Sin problemas en contactarnos.