0 Comentarios
Cuando trabajas con WordPress y quieres personalizar un tema sin jugártela a perder todo con una actualización… hay algo que deberías tener muy presente: los temas hijo.
Nosotros lo vivimos cada día, créenos. Al principio cuesta un poco entenderlo, no te vamos a engañar. Pero una vez que sabes cómo funciona, es una maravilla. Y lo mejor de todo es que no necesitas ser un crack del código para manejarlo.
Así que en este artículo vamos a explicártelo todo de forma fácil: qué es un tema hijo, cómo crearlo, qué plugins puedes usar para ayudarte y, muy importante, cómo instalarlo sin dramas.
¿Listo para convertirte en un experto en temas hijo? Pues venga, ¡arrancamos!
Para empezar, un tema hijo es básicamente una copia (parcial) que hereda las funcionalidades de un tema padre (el diseño principal que ya tienes instalado). Esto te permite modificar estilos, plantillas y otras configuraciones, asegurándote de que tus cambios no se pierdan cuando el tema padre se actualice.
Piensa en ello como tener un cuaderno de apuntes que sacas cada vez que quieres hacer anotaciones a tu manual de WordPress. El manual es el tema padre, que se renueva cada cierto tiempo y puede añadir funciones nuevas o mejorar su seguridad. Tus apuntes, en cambio, son esos retoques personales: un color distinto en el menú, un cambio en la tipografía, un archivo de plantilla con una nueva sección para testimonios...
Al separar tus retoques del tema original:
Te libras de sobresaltos. No perderás tus personalizaciones tras una actualización.
Evitas duplicar trabajo. Cuando actualizas, no tienes que volver a aplicar retoques.
Mantienes un diseño coherente. Heredas estilos y funcionalidades sin complicarte.
Vale, me gustaría profundizar un poco más en la definición. Un tema hijo en WordPress es un conjunto de archivos que, en vez de funcionar por sí solos, dependen de un tema principal o padre. Así, WordPress fusiona la información de ambos para mostrar el resultado final. Y la magia está en que cualquier ajuste que hagas en el hijo no machacará la base del padre.
Algunas ventajas clave:
Seguridad en las actualizaciones: Como decía más arriba, cuando llegue la hora de actualizar el tema padre, no perderás tus customizaciones.
Aprendizaje y experimentación: Puedes trastear con el código del tema hijo sin miedo a “cargarte” el diseño entero. Si algo sale mal, eliminas esos ajustes y el sitio vuelve a la normalidad.
Optimización del rendimiento: Al no tener que forzar el tema original, tu web mantiene un orden y estructura limpia.
Facilidad de colaboración: ¿Tienes varios desarrolladores en tu equipo? Cada uno puede trabajar en los archivos del tema hijo sin ensuciar el tema padre.
A veces, he de confesar que hay proyectos en los que me olvido de todo y edito directamente en el tema padre, especialmente cuando sé que se trata de un tema que no se va a actualizar jamás o es un diseño que tenemos controladísimo. Pero, en el 99% de los casos, la opción sensata es usar un tema hijo.
Si te apetece ponerte a prueba y entender todo el proceso desde dentro, te recomiendo que aprendas a crear un tema hijo de forma manual. Es más sencillo de lo que parece y te hará ver las tripas de WordPress con mayor claridad.
Dentro de la carpeta wp-content/themes de tu instalación de WordPress, genera un nuevo directorio con el nombre que quieras, por ejemplo: mi-tema-hijo.
Dentro de esa carpeta, crea un archivo style.css y añade un encabezado como este:
/*
Theme Name: Mi Tema Hijo
Theme URI: https://tusitioweb.com/
Description: Este es el tema hijo de X
Author: Tu nombre
Template: nombre-del-tema-padre
Version: 1.0
*/
Theme Name: El nombre de tu tema hijo, como más te guste.
Template: El directorio del tema padre. Aquí, debes asegurarte de poner el nombre exacto de la carpeta del tema padre en wp-content/themes.
Un segundo archivo esencial es functions.php, que se alojará en la misma carpeta mi-tema-hijo. En él, en teoría, solo necesitas unas pocas líneas para cargar los estilos del padre:
<?php
function cargar_estilos_tema_hijo() {
// Carga primero el style del padre
wp_enqueue_style('parent-style', get_template_directory_uri() . '/style.css');// Opcional: si tu tema padre usa un style adicional, también podrías cargarlo
// wp_enqueue_style('parent-style-custom', get_template_directory_uri() . '/css/custom.css');// Luego, carga el style.css del hijo
wp_enqueue_style('child-style', get_stylesheet_directory_uri() . '/style.css', array('parent-style'));
}
add_action('wp_enqueue_scripts', 'cargar_estilos_tema_hijo');
Tras subir estos archivos vía FTP o crearlos en tu hosting, ve a tu panel de administración de WordPress (Apariencia > Temas) y verás que aparece el nuevo “Mi Tema Hijo”. Actívalo, ¡y voilà! Tu sitio ya está funcionando con tu propio child theme.
Si no ves cambios visuales de inmediato, no pasa nada: tu tema hijo, de momento, es igualito al padre, solo que con tu toque personal preparado para recibir nuevas ediciones.
Ahora bien, si todo este rollo te da pereza (que a veces estamos sin tiempo para manualidades), existe alguna que otra herramienta plugin para crear un tema hijo en WordPress automáticamente. Uno de los más populares es “Child Theme Configurator”.
Este plugin analiza tu tema principal, crea los archivos necesarios y, con un par de clics, te suelta la carpeta del tema hijo. Así, no tienes que memorizar etiquetas ni pelearte con rutas CSS.
Ojo, soy partidario de aprender a hacerlo a mano al menos una vez, para que entiendas qué pasa tras bambalinas, pero luego confieso que muchos de nosotros usamos la vía rápida del plugin si el día va con prisas.
Entre las opciones que suelen ofrecer estos plugins, encuentras:
Personalizar el nombre y descripción de tu tema hijo.
Copiar archivos de plantilla selectivamente.
Indicar si quieres heredar funciones avanzadas.
Activar inmediatamente tu tema hijo tras crearlo.
En general, es instalar el plugin, seguir el paso a paso y… listo.
Esto suena un poco redundante, pero a veces creamos el tema hijo localmente y luego necesitamos “instalarlo” en un WordPress distinto, o simplemente no sabemos dónde ubicarlo físicamente si no controlamos mucho de carpetas.
Zip de tu tema hijo: comprime la carpeta del tema hijo (con style.css, functions.php, etc.) en un archivo .zip.
Ir a Apariencia > Temas en tu panel de WordPress.
Subir el tema: Pulsa “Añadir nuevo” y luego “Subir tema”. Selecciona el .zip y haz clic en “Instalar”.
Activar el tema hijo.
Comprobar que todo sigue en su lugar y que no hay errores al cargar la web.
Aunque no lo creas, a veces, la parte más tediosa para mí es organizar correctamente las dependencias de estilos, sobre todo si el tema padre tiene muchas hojas CSS. Aun así, con un poco de maña –o un café doble– lo resolvemos rápido.
No copies todo del padre: si el tema padre tiene, por ejemplo, cincuenta archivos de plantilla, no necesitas duplicarlos todos. Copia únicamente aquellos que quieras modificar en el hijo.
Usa naming coherentes: para evitar confusiones, elige nombres claros para tus carpetas y para los archivos que personalices.
Mantén un control de cambios: si trabajas con otras personas, usa algún sistema de control de versiones (como Git) para no pisaros el trabajo ni marearos con mil versiones del mismo archivo.
Respaldo antes de grandes cambios: aunque un tema hijo te da seguridad, no está de más hacer un backup de tu web antes de modificar algo importante. Más vale prevenir que… ya sabes.
Por cierto, si te has preguntado: “¿Puedo crear un tema hijo de un tema hijo?” Realmente no es lo habitual ni lo recomendable. WordPress no soporta oficialmente grandchild themes (temas nieto, vaya), así que lo más seguro es quedarnos en la estructura de un padre y su hijo.
Nosotros creemos que montar un tema hijo es algo así como proteger tu casa con un seguro adicional: jamás sabes cuándo una actualización te va a descolocar todo, y más si el tema principal está en constante evolución. He visto situaciones en las que un simple cambio de color o un ajuste en la sección del footer desaparecen de un día para otro, y la verdad es que fastidia un montón.
Y si llegas a un punto en el que esto de instalar, personalizar o actualizar se te hace una bola, o directamente no tienes tiempo para dedicarte a ello, no pasa nada: para eso estamos aquí. Nosotros podemos echarte una mano con tus cambios y hacerte la vida más sencilla con nuestro servicio de Mantenimiento web WordPress. De verdad, no hace falta que sufras tú solo ante cada retoque de CSS o cada aviso de “Versión 1.9.9 disponible” del tema padre.
Además, recuerda que también puedes visitar la web de Webtec para conocer otros servicios relacionados con diseño, desarrollo o asesoría en marketing digital. Así que, si sientes que necesitas una ayudita extra, no dudes en contactarnos.
Nuestra recomendación, más allá de cualquier plugin o tutorial, es que pongas la seguridad y la estabilidad de tu proyecto en primer lugar. Un tema hijo te da la libertad de personalizar WordPress sin renunciar a la idea de que todo se mantendrá en orden tras una simple actualización. Y, por supuesto, la tranquilidad de no tener que empezar de cero ante cualquier cambio.
Un tema hijo en WordPress es un salvavidas para quienes necesitamos adaptar una web a nuestro gusto sin perder la cabeza cada vez que hay que actualizar el tema principal. Podríamos dar mil razones más, pero seguramente con las explicaciones anteriores ya te habrás hecho una buena idea de por qué es la solución ideal.
Has visto que existen plugins para crear un tema hijo en WordPress, que el proceso manual no es tan complicado y que instalar tu tema hijo en WordPress es pan comido si sigues los pasos adecuados. Con esta información, esperamos que te animes a dar el salto y proteger tu diseño personalizado de posibles desastres.
Si te animas a hacerlo y en algún momento necesitas ayuda, o quieres olvidarte de la parte técnica, no te cortes: pasa por nuestro servicio de mantenimiento, pregunta y charlamos de lo que necesites. Realmente es muy reconfortante saber que hay un equipo pendiente de que todo funcione a la perfección.
¿Qué te ha parecido este artículo?