Cómo crear y personalizar un tema hijo de WordPress

Un tema hijo es un tema separado que hereda automáticamente todo lo de otro tema, llamado tema padre —sus plantillas, sus estilos y sus funciones—, y en el que se guardan únicamente las personalizaciones propias. No es una copia del tema padre, sino una capa que se coloca encima y que solo contiene aquello que se quiere cambiar respecto del original. Su razón de ser es resolver un problema muy concreto y frecuente: cuando se modifican directamente los archivos de un tema para personalizarlo, la siguiente actualización de ese tema reemplaza sus archivos por los nuevos y borra todos los cambios realizados. El tema hijo evita esto porque las modificaciones viven en él, en un tema distinto del padre, de modo que las actualizaciones del padre no las tocan. Así se logra personalizar el sitio libremente y, al mismo tiempo, poder actualizar el tema padre con tranquilidad para recibir sus correcciones de seguridad y de errores, sin tener que elegir entre conservar los cambios o mantener el sitio seguro.

Porque cuando el autor del tema publica una versión nueva y se instala la actualización, WordPress reemplaza los archivos del tema por los nuevos, y todos los cambios que se hayan hecho dentro de esos archivos desaparecen de golpe y sin ningún aviso. Esto deja a quien personalizó el tema atrapado en una disyuntiva incómoda: o no actualiza nunca, para conservar sus cambios, o actualiza y pierde todo su trabajo. Y no actualizar no es una opción razonable, porque las actualizaciones de los temas incluyen correcciones de seguridad y de errores, de modo que un tema sin actualizar se convierte con el tiempo en una vulnerabilidad. Editar el tema directamente parece lo más lógico e inmediato al principio, pero conduce inevitablemente a este problema. El tema hijo rompe esa trampa: al mantener las personalizaciones en un tema aparte que hereda del padre, permite actualizar el padre cuantas veces haga falta sin perder ningún cambio, obteniendo lo mejor de ambos mundos, la personalización y la seguridad de estar al día.

La herencia funciona con una regla de prioridad simple pero muy poderosa: cuando WordPress necesita mostrar algo, primero busca la versión correspondiente en el tema hijo, y solo si no la encuentra ahí, usa la del tema padre. Esto significa que el tema hijo no necesita repetir ni contener todo lo del padre, sino únicamente aquello que se quiere cambiar. Todo lo que no esté redefinido en el hijo se toma automáticamente del padre. Por ejemplo, si se quiere modificar la estructura del pie de página, basta con copiar esa única plantilla del padre al hijo y editarla ahí; WordPress usará la versión modificada del hijo para el pie de página y seguirá tomando del padre todo lo demás. Del mismo modo, los estilos y las funciones que se agreguen al hijo se suman o sobrescriben a los del padre según corresponda. Esta mecánica es la que hace que el tema hijo sea tan eficiente y seguro: contiene solo las diferencias, hereda el resto, y como vive separado del padre, las actualizaciones de este no afectan a las personalizaciones guardadas en el hijo.

Un tema hijo mínimo necesita una carpeta propia, ubicada junto a los demás temas, que contenga al menos dos archivos. El primero es un archivo de estilos, tradicionalmente llamado style.css, que debe incluir en su parte superior una cabecera especial con la información del tema, y dentro de esa cabecera la línea que declara cuál es el tema padre del que hereda; esa línea es crucial y debe indicar el nombre exacto de la carpeta del tema padre, porque es lo que conecta al hijo con el padre, y si está mal el tema hijo no funcionará. El segundo archivo es uno de funciones, llamado functions.php, cuya tarea básica es cargar los estilos del tema padre para que el sitio se vea igual desde el momento en que se activa el hijo. Con esos dos archivos ya se tiene un tema hijo válido: se sube la carpeta al hosting, aparece en la lista de temas del panel de administración y se puede activar como cualquier otro tema. A partir de ahí, en esos mismos archivos y en copias de plantillas del padre se van agregando las personalizaciones. Además, muchos temas populares ofrecen un tema hijo ya listo para descargar, y existen plugins que lo generan automáticamente.

En el tema hijo van absolutamente todas las personalizaciones del tema, y hay tres tipos principales. El más común son las reglas de CSS, es decir los cambios visuales como colores, tipografías, espaciados y ajustes de diseño, que se escriben en el archivo de estilos del hijo; la gran mayoría de las personalizaciones de aspecto se resuelven así. El segundo tipo son las funciones propias, fragmentos de código que agregan o modifican comportamientos del sitio, que se colocan en el archivo de funciones del hijo. El tercer tipo son las plantillas modificadas: cuando se quiere cambiar la estructura de alguna parte del sitio, como el pie de página o la ficha de un producto, se copia esa plantilla concreta del tema padre al hijo y se la edita allí, dejando que WordPress use la versión del hijo mientras hereda del padre todo lo demás; es importante copiar solo la plantilla que se modifica y no el tema entero. La regla que atraviesa todo es que nunca hay que tocar los archivos del tema padre: cada cambio, del tipo que sea, va al tema hijo, y esa disciplina es la que permite actualizar el padre sin perder nada.

El impacto de un tema hijo en el rendimiento es prácticamente nulo y no debe ser una preocupación al decidir usarlo. Técnicamente, WordPress tiene que buscar primero en el tema hijo y luego en el padre para resolver cada plantilla, lo que implica una verificación adicional mínima, pero esa diferencia es tan pequeña que resulta imperceptible en la práctica y queda completamente compensada por los enormes beneficios de mantenimiento que aporta. Lo que sí puede afectar el rendimiento no es el hecho de usar un tema hijo en sí, sino cómo se cargan los estilos: una forma antigua y poco eficiente de importar los estilos del padre podía sumar una carga extra, por lo que hoy se recomienda cargarlos mediante la función de encolado en el archivo de funciones, que es el método correcto y eficiente. En resumen, un tema hijo bien hecho no ralentiza el sitio de forma apreciable, y la comodidad y seguridad que ofrece para personalizar y mantener el sitio superan ampliamente cualquier costo teórico. Es una práctica estándar y recomendada precisamente porque sus ventajas son claras y sus inconvenientes, insignificantes.