¿Qué es un tema hijo en WordPress y por qué deberías usarlo?

En Pixel in Love trabajamos a diario con WordPress. Un caso que nos encontramos a menudo y que nos toca resolver es que a veces el tema activo de una página web ha sido modificado, ya sea para ser personalizado o para añadir o modificar alguna funcionalidad del tema o de WordPress. Esto supone un problema ya que si el tema tiene alguna actualización disponible, al instalarla perderíamos todas las modificaciones que hemos realizado. Esto es así porque al actualizar un tema todos sus archivos se instalan de nuevo, no solo aquellos afectados por la actualización. Para solucionar este problema es fundamental usar un tema hijo.

¿Qué es un Tema Hijo en WordPress?

Un tema hijo en WordPress es un tema especial que hereda todas las funcionalidades, características y el diseño de un tema padre, que es el tema original. Un tema padre es un tema normal de WordPress, no tiene que tener ninguna característica en especial para ser un tema padre.

En su configuración, el tema hijo indica cuál es su tema padre, y de hecho WordPress no te dejará instalar un tema hijo si no tienes su correspondiente tema padre instalado. Cuando la página web se muestra, WordPress cargará primero los archivos del tema hijo y si no encuentra el archivo o plantilla que necesita, recurrirá al tema padre.

De esta manera, es en el tema hijo donde realizaremos cualquier modificación, sin tener que tocar el tema padre. Si necesitamos modificar un archivo de plantilla del tema padre (por ejemplo footer.php, que será el encargado de cargar el footer de la página) copiaríamos ese archivo del tema padre al tema hijo manteniendo la estructura de carpetas y sería esa copia la que modificaríamos para nuestras necesidades.

Imagina que el tema padre es un libro de recetas. Puedes seguir las recetas tal como están, pero también puedes decidir agregar tus propios ingredientes y cambiar las recetas a tu gusto, pero sin modificar el libro original. Eso es lo que un tema hijo te permite hacer con tu sitio web.

¿De qué se compone un tema hijo?

La estructura de archivos de un tema hijo es muy sencilla y se compone de estos archivos:

1style.css : este es el único archivo obligatorio de un tema hijo. Debe contener una cabecera correctamente formateada que WordPress utilizará para leer sus características y cuál es su tema padre, indicado en el campo Template. Después de la cabecera es donde podemos escribir todo el código CSS personalizado que necesitemos. Este sería un ejemplo de una cabecera de un tema hijo llamado Divi Child y que hace referencia a su tema padre Divi:

También utilizaremos este archivo para importar los estilos del tema padre, ya que estos no se heredan automáticamente. La forma de importar los estilos puede cambiar dependiendo del tema padre, en la documentación de WordPress puedes encontrar más información. Aunque el archivo functions.php no es técnicamente obligatorio para un tema hijo, es prácticamente siempre necesario si planeas importar los estilos del tema padre, que es lo más común

Es mejor que el código PHP que no afecte al tema sino a otras funcionalidades vaya en otro lugar, como por ejemplo un plugin de funcionalidades (en otro post hablaremos de cómo crearlo) para que así este código no se pierda si decides cambiar de tema.

3Otros archivos de plantilla: si quieres modificar otros archivos de plantilla (como header.php, footer.php, etc), puedes incluir versiones modificadas de estos archivos en el tema hijo.

Ventajas de Usar un Tema Hijo

Hay dos ventajas principales cuando usamos un tema hijo:

1. Personalización segura: Al usar un tema hijo, puedes hacer cambios y personalizaciones sin afectar el tema padre, y sabiendo dónde están ubicadas esas personalizaciones en tu instalación de WordPress. Esto significa que si cometes un error o algo sale mal, el tema padre permanece intacto. En caso algún de problema, siempre puedes dejar el tema padre como activo mientras tratas de resolver el problema.
2. Actualizaciones sin problemas: Cuando actualizas un tema de WordPress, puedes perder todas las personalizaciones que hayas hecho en él. Sin embargo, con un tema hijo, puedes actualizar el tema padre sin perder tus personalizaciones.

¿Por Qué es Conveniente Usar un Tema Hijo?

La principal razón para usar un tema hijo es proteger tu sitio web de cualquier cambio que pueda romperlo. Además, te permite personalizar tu sitio web a tu gusto sin perder la posibilidad de actualizar el tema padre.

Usar un tema hijo también hace que tu trabajo sea más eficiente. En lugar de buscar y modificar el código en el tema padre cada vez que necesitas hacer un cambio, puedes hacer todos tus ajustes en el tema hijo. Esto puede ahorrarte mucho tiempo y esfuerzo.

Además, si decides cambiar tu tema padre en el futuro, puedes mantener todas tus personalizaciones simplemente aplicándolas a un nuevo tema hijo. Esto hace que cambiar de diseño sea mucho más fácil y menos estresante.

La forma de crear un tema hijo manualmente puede cambiar en función del tema, pero normalmente los creadores del tema suelen incluir documentación sobre la mejor forma de crear un tema hijo para su tema. Si quieres crear un tema hijo para Divi, es tan facil como usar nuestro generador.

No tengo pensado personalizar mi sitio web, ¿sigo necesitando un tema hijo?

Tener un tema hijo siempre es conveniente, aunque no tengas pensado hacer modificaciones ahora mismo. Ten en cuenta que una página web es algo dinámico y sujeto a cambios y nunca puedes saber cuándo vas a necesitar cambiar o modificar algo en un futuro, o recurrir a un experto que realice esos cambios. Es un proceso sencillo y que deja tu web preparada para futuros cambios.

En resumen, los temas hijo te dan la libertad de personalizar y experimentar, mientras mantienes la integridad de tu sitio web. En Pixel in Love siempre recomendamos el uso de temas hijo para obtener lo mejor de WordPress.

Además, incluso si no planeas hacer personalizaciones importantes, un tema hijo puede ser útil para hacer pequeños ajustes. Por ejemplo, podrías querer hacer cambios menores en el CSS.

Esperamos que este artículo te haya ayudado a entender qué es un tema hijo en WordPress, sus ventajas y por qué es conveniente usar uno.

En Pixel in Love, estamos comprometidos a ayudarte a aprovechar al máximo tu presencia en línea. Ya sea que necesites ayuda con el diseño, el desarrollo, la optimización de motores de búsqueda, o cualquier otro aspecto de tu sitio web, estamos aquí para ayudarte.