Pasó horas refinando su tema: ajustando fuentes, rediseñando la cabecera, añadiendo estilos personalizados para las fichas de producto. El sitio tiene exactamente el aspecto que quería. Entonces aparece el aviso «actualización del tema disponible» y, tras un solo clic, todos sus cambios desaparecen.

¿Le suena familiar? Este problema persigue a cualquiera que haya editado directamente un tema de WordPress sin pensar en la protección frente a actualizaciones. La buena noticia: este problema tiene solución total y no necesita ser desarrollador para aplicarla.

A continuación encontrará una guía paso a paso que funciona con cualquier tema de WordPress. Desde crear un tema hijo hasta probar actualizaciones de forma segura en un sitio en producción.

💡 Resumen rápido:

• Comprenda por qué las personalizaciones del tema desaparecen durante las actualizaciones y cómo WordPress almacena los cambios
• Cree un tema hijo en 5 minutos, desde cero o mediante un plugin
• Transfiera las ediciones existentes al tema hijo sin perder nada
• Configure copias de seguridad y pruebe las actualizaciones sin poner en riesgo su sitio

Por qué se pierden los ajustes del tema durante las actualizaciones

WordPress tiene un diseño simple: cada tema reside en su propia carpeta dentro de /wp-content/themes/. Cuando hace clic en «actualizar», WordPress reemplaza por completo los archivos del tema con las nuevas versiones del repositorio. Todo lo que editó en style.css o functions.php de la versión antigua se sobrescribe de forma permanente.

Este comportamiento no es un error, sino una característica. Garantiza que tras la actualización obtenga una versión limpia y consistente del tema, sin la «basura» acumulada de ediciones intermedias. El único problema es que WordPress no sabe qué cambios hizo usted frente a lo que ya traía el tema originalmente.

De ahí la regla principal de la personalización de temas: nunca edite directamente los archivos del tema padre. En su lugar, todos los cambios deben ir en una entidad separada llamada tema hijo.

Temas hijo: cómo funcionan

Un tema hijo es una capa ligera que se sitúa sobre el tema padre. Hereda toda la funcionalidad y los estilos del original, pero le permite sobrescribir solo aquello que necesita cambiar. Cuando el tema padre se actualiza, el tema hijo permanece intacto y sus ediciones se conservan.

El principio es similar a las capas en Photoshop: la capa base es el tema padre y sobre ella se sitúa una capa transparente que es el tema hijo. Usted dibuja en la capa superior y, cuando la inferior se reemplaza, la superior se conserva.

Qué puede incluir en un tema hijo:

• Reglas CSS (fuentes, colores, espaciados, adaptación a dispositivos)
• Plantillas de página y bloques individuales: header.php, footer.php y single.php
• Cambios funcionales mediante functions.php (registro de widgets, tipos de contenido personalizados, shortcodes)
• Traducciones y cadenas de texto

En esencia, un tema hijo cubre la gran mayoría de los tipos de personalización que, de otro modo, le obligarían a hurgar en los archivos del tema padre.

Crear un tema hijo: guía paso a paso

El proceso no lleva más de cinco minutos y solo requiere acceso a los archivos del sitio mediante FTP o el gestor de archivos de su alojamiento.

Paso 1: crear la carpeta

En el directorio wp-content/themes/, cree una carpeta nueva. Asígnele el nombre del tema padre con el sufijo -child. Por ejemplo, para el tema twentytwentyfour la carpeta se llamaría twentytwentyfour-child. Esta convención de nomenclatura no es un requisito estricto, pero sí una práctica ampliamente aceptada que aclara de inmediato con qué tema padre está conectado el hijo.

Paso 2: conectar los estilos con style.css

Dentro de la carpeta, cree un archivo style.css con esta cabecera:

1
/*
2
Theme Name: Twenty Twenty-Four Child
3
Template: twentytwentyfour
4
*/

Solo dos campos son obligatorios: Theme Name (cualquier nombre único) y Template (el nombre de la carpeta del tema padre, exactamente como aparece en el disco, distingue mayúsculas de minúsculas). Un error en Template hará que el tema hijo no aparezca en la lista de temas disponibles del panel de administración.

Paso 3: heredar los estilos del padre con functions.php

Cree un archivo functions.php con el siguiente código:

1
<?php
2
function child_enqueue_parent_styles() {
3
    $theme = wp_get_theme();
4
    $version = $theme->parent() ? $theme->parent()->get('Version') : '1.0';
5
 
6
    wp_enqueue_style(
7
        'parent-style',
8
        get_template_directory_uri() . '/style.css',
9
        array(),
10
        $version
11
    );
12
}
13
add_action('wp_enqueue_scripts', 'child_enqueue_parent_styles');

Este código hace dos cosas: carga la hoja de estilos del tema padre y la vincula al número de versión. Vincularla a la versión es crítico: cuando el tema padre se actualiza, el número de versión en la URL del estilo también cambia. Los navegadores y las CDN verán la nueva URL y limpiarán la caché, de modo que no sufrirá un CSS «roto» porque el navegador siga sirviendo una versión antigua en caché.

Paso 4: activar

Vaya a Administración de WordPress → «Apariencia» → «Temas». Localice el tema hijo que acaba de crear por el nombre que especificó en Theme Name y haga clic en «Activar».

Tras la activación, WordPress empezará a usar el tema hijo. El sitio tendrá exactamente el mismo aspecto que con el tema padre porque el tema hijo aún no está sobrescribiendo nada.

Transferir las ediciones existentes al tema hijo

Si ya ha editado directamente el tema padre, no se alarme. La transferencia de ediciones al tema hijo se hace manualmente, pero es una operación que solo tendrá que hacer una vez.

Este es el procedimiento:

• Haga una lista de todos los archivos del tema padre que modificó. Normalmente son style.css y functions.php, y con menos frecuencia archivos de plantilla.
• Copie solo las secciones de código modificadas a los archivos correspondientes del tema hijo. No copie el archivo completo, ya que eso sobrescribiría futuras actualizaciones del tema padre con código antiguo. Lleve únicamente lo que añadió o cambió.
• Después de transferir todas las ediciones, restaure los archivos originales del tema padre desde el repositorio (simplemente reinstale el tema o descargue una copia nueva).

Si acumuló muchos cambios y no está seguro de qué modificó exactamente, aquí tiene un consejo: instale el plugin One Click Child Theme (crea un tema hijo en un clic) y luego compare manualmente los archivos del tema padre con el original del repositorio usando una utilidad diff o un servicio de comparación en línea. Así verá exactamente qué líneas añadió.

Enfoques alternativos: frameworks y plugins

Un tema hijo es el método principal y más flexible, pero existen otras herramientas para una personalización segura.

Frameworks de temas

Si está eligiendo tema y planea modificaciones serias, considere los frameworks. El ejemplo más conocido es Genesis Framework de StudioPress. La idea es que el framework actúa como un tema padre «eterno» y usted trabaja en un tema hijo desde el primer día. Genesis no se actualiza de forma caótica; sus actualizaciones están diseñadas para no romper los temas hijo. El costo es de 60 $ al año, pero para quienes obtienen ingresos de sitios web es una inversión justificada.

Otra opción es el framework Total, que incluye un campo de CSS personalizado integrado en el panel de administración. Para pequeños ajustes de estilo, esto puede ser suficiente sin necesidad de crear un tema hijo.

Plugins

Si prefiere no tocar los archivos del tema, algunas tareas pueden delegarse en plugins:

• WP Template Overrides le permite sobrescribir plantillas de forma selectiva sin crear un tema hijo. Resulta útil cuando necesita corregir una plantilla concreta y crear un tema hijo le parece excesivo.
• El plugin One Click Child Theme crea un tema hijo directamente desde el panel de administración, sin necesidad de FTP. Perfecto para su primera experiencia con temas hijo: un clic y la estructura está lista.

Es importante entender las limitaciones: los plugins cubren escenarios concretos. Para un trabajo de personalización sistemático, un tema hijo sigue siendo más fiable, ya que no depende de las actualizaciones de plugins de terceros y funciona incluso si cambia los plugins activos.

Copias de seguridad: un seguro antes de actualizar

Sea cual sea el método que utilice, haga una copia de seguridad de su sitio antes de cualquier actualización del tema. Lleva un par de minutos, pero le ahorra disgustos si algo no sale según lo previsto.

Tres niveles de copia de seguridad, de lo simple a lo robusto:

• Copia de seguridad manual mediante FTP. Descargue la carpeta del tema y exporte la base de datos a través de phpMyAdmin o WP-CLI (wp db export). Es gratis, pero requiere disciplina; es fácil olvidarse antes de actualizar.
• Copia de seguridad automática con plugins. Las opciones gratuitas del directorio de WordPress se encargan de la copia diaria de archivos y base de datos. Entre las soluciones premium destacan Jetpack VaultPress Backup (copias de seguridad en la nube en tiempo real) y Solid Backups (antes BackupBuddy, restauración en un clic).
• Copia de seguridad a nivel de alojamiento. La mayoría de los alojamientos WordPress gestionados hacen copias diarias automáticamente. Consulte con su proveedor la rapidez con la que puede restaurar desde una copia de este tipo.

La regla es simple: cuanto más cercana sea la actualización, más reciente debe ser su copia de seguridad. Haga una copia de seguridad → actualice el tema → revise el sitio. Si se rompe, revierta los cambios en un minuto.

Probar una actualización de forma segura

WordPress trata las distintas versiones de un mismo tema como dos temas separados. Si las carpetas mytheme (v1) y mytheme-new (v1.1) existen ambas en /wp-content/themes/, el panel de administración las muestra como dos elementos distintos.

Puede aprovechar este comportamiento para realizar pruebas seguras:

• Copie el tema actual a una carpeta con un nombre diferente (por ejemplo, mytheme-old).
• Instale la nueva versión del tema de la forma habitual.
• Active la nueva versión y revise el sitio.
• Si algo se rompe, vuelva a la versión anterior con un solo clic.

Esto no sustituye a un tema hijo, pero le da margen de maniobra mientras transfiere configuraciones de la versión antigua a la nueva. Resulta especialmente útil cuando el desarrollador del tema ha cambiado radicalmente la estructura de las plantillas en una actualización mayor.

El vídeo anterior ofrece una demostración visual de la creación de un tema hijo, desde el inicio hasta la activación. Si después de las instrucciones escritas le quedan dudas, este clip de 7 minutos las resolverá.

⁉️🤔 Preguntas frecuentes

¿Tengo que crear un tema hijo si solo edité CSS mediante «Personalizar» → «CSS adicional»?

No. Los estilos adicionales a través del personalizador se almacenan en la base de datos de WordPress, no en los archivos del tema. No se perderán durante las actualizaciones. Pero si añadió CSS mediante el archivo style.css del tema, entonces sí necesita un tema hijo.

¿Puedo crear un tema hijo si el sitio ya está en producción y tiene plugins instalados?

Sí, crear un tema hijo no afecta a los plugins. El proceso es completamente independiente: crea una carpeta y dos archivos, activa el tema hijo y el sitio sigue funcionando como si nada hubiera pasado. Una salvedad: si usó funciones del personalizador (por ejemplo, estableció un logotipo o un favicon), tendrá que volver a configurarlas tras activar el tema hijo, porque esos ajustes están vinculados al tema activo concreto.

¿Qué debo hacer si el desarrollador abandonó el tema padre?

El tema hijo seguirá funcionando, pero la seguridad y la compatibilidad con las nuevas versiones de WordPress pasan a ser dudosas. Si el tema padre no se ha actualizado en más de un año, debería plantearse migrar a otro tema. A corto plazo, siga usando el tema hijo como de costumbre, pero planifique una transición.

¿Por qué Genesis Framework es mejor que un tema padre normal?

Genesis se creó específicamente para ser un tema padre. No cambia el diseño drásticamente entre versiones, proporciona una API limpia de hooks y filtros para los temas hijo, y se actualiza pensando en la compatibilidad hacia atrás. Un tema normal puede rediseñar su estructura de plantillas en cualquier momento y su tema hijo podría dejar de funcionar. Con Genesis, ese riesgo es mínimo.

¿Puedo actualizar el tema automáticamente si tengo un tema hijo activo?

Sí, para eso sirve precisamente un tema hijo. El tema padre se actualiza de forma automática (o manual) y el tema hijo permanece completamente intacto. Todas sus ediciones se conservan en su sitio.

Actualizar o no actualizar: qué hacer ahora mismo

Si se queda con una sola idea de todo este artículo, que sea esta sencilla regla: no edite los archivos del tema directamente; cree un tema hijo. Lleva cinco minutos y el ahorro se mide en horas de recuperación tras cada actualización.

Para principiantes, el camino es este: instale One Click Child Theme → haga un clic → active el tema hijo → y solo entonces empiece a personalizar. Para quienes ya hayan hecho cambios en el tema padre, transfiéralos al tema hijo siguiendo las instrucciones anteriores, restaure los originales y actualice con total tranquilidad.

¿Utiliza un esquema diferente para proteger la configuración durante las actualizaciones del tema? Compártalo en los comentarios y ampliaremos la guía.