Cómo crear un tema hijo

Si quieres hacer algún cambio importante en tu web de WordPress, es importante que aprendas a crear un tema hijo.

Si el concepto de «tema hijo» (child theme en inglés) te suena a chino, no te preocupes, ¡es muy sencillo de entender! El tema hijo se llama así porque hereda la funcionalidad del «tema padre», permitiéndonos modificar los archivos del tema sin sobrescribir los originales.

Es decir, nos permite hacer cambios pequeños o grandes de manera totalmente segura sobre el tema, de tal forma que se mantengan al actualizar el tema padre. Por ejemplo, cambios como quitar la columna de LiteSpeed Cache en la biblioteca de medios. Si quieres aprender a hacer estos cambios de manera segura, veamos cómo crear un tema hijo paso a paso.

Cómo crear un tema hijo paso a paso

Si quieres hacer cambios en tu web de forma segura, te recomiendo crear un tema hijo. Hay varias formas de hacerlo:

  • De forma manual.
  • Con ayuda de un plugin.
  • O puede que el propio theme ya ofrezca un child theme.

Crear tema hijo manualmente

Para crear un tema hijo de forma manual en WordPress, estos son los pasos a seguir:

1- Crea una carpeta para el tema hijo

Empieza creando una carpeta para el tema hijo en tu propio ordenador. Te recomiendo elegir un nombre similar al del theme principal de tu web, añadiendo la palabra child. Por ejemplo, si el tema se llama Blocksy, puedes llamarle blocksy-child.

Primero crea la carpeta en local, y cuando termines ya la puedes subir a tu sitio mediante FTP, en la ruta /wp-content/themes/.

2- Crea el archivo style.css

Lo siguiente es crear el archivo style.css dentro de la carpeta del tema hijo. Para crear el archivo CSS puedes usar un editor de texto, tipo bloc de notas. Ábrelo y copia el siguiente código fuente:

/*
Theme Name: My tema hijo
Template: mi_tema_padre
*/

Deberás cambiar los dos campos de arriba por los tuyos. Digamos que tienes Blocksy instalado como tema padre; después de Theme Name deberás escoger cómo se llama tu tema hijo, por ejemplo «Blocksy Child». Y luego, en Template, deberás escribir el nombre de la carpeta de tu tema padre letra por letra, así que ve a /wp-content/themes/, mira cómo se llama y lo escribes. Luego, guarda los cambios.

Siguiendo el ejemplo de Blocksy, esto es lo que vemos en el sistema de ficheros:

Y esto sería el contenido del archivo style.css del tema hijo:

Dentro de este archivo style.css es donde podrás añadir todo el código CSS que quieras o encuentres por internet para personalizar cualquier parte de la web, aunque también puedes usar el campo de CSS personalizado de toda la vida, dentro del menú Apariencia > Personalizar.

3- Crea el archivo functions.php

Ahora crea un segundo archivo functions.php en la carpeta del tema hijo y añade el siguiente código:

<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}

La teoría es que WordPress primero carga el archivo functions.php del tema hijo y luego el del tema principal. Entonces, aprovecharemos eso para llamar al archivo style.css del tema padre además del nuevo que acabamos de crear en el paso 2, y así heredar los estilos del theme principal.

Ahora, si vas hasta el panel de WordPress > Apariencia > Tema, verás que ya aparece el tema hijo y podrás activarlo en la web, para hacer los cambios que necesites de manera totalmente segura, sin que afecte al tema padre y sin que las actualizaciones del tema padre borren tales cambios.

Crear tema hijo con un plugin

Si prefieres crear un tema hijo a través de un plugin, uno de los más populares es Child Theme Wizard.

Estos son los pasos a seguir:

  • Entra en el panel de WordPress > Plugins > Añadir nuevo.
  • Busca «Child Theme Wizard» y haz clic en «Instalar».
  • Una vez instalado el plugin, entra en Herramientas y busca «Child Theme Wizard».
  • Ahora, selecciona el tema padre. Añade el título, descripción, la ruta del tema hijo y haz clic en «Crear tema hijo».
  • El tema hijo se habrá creado correctamente.
  • Para comprobarlo, entra en Apariencia > Temas y verás el tema hijo.

Es la forma más rápida y sencilla de crear un tema hijo en WordPress. Después de que el tema hijo ya esté instalado, podrás borrar el plugin Child Theme Wizard.

¿Por qué usar un tema hijo?

Son muchos los motivos de peso para usar un tema hijo:

  • Evitar perder los cambios al actualizar el tema.
  • Acelerar el tiempo de desarrollo de un sitio web.
  • Tener un mayor control sobre el diseño y funcionalidad de tu sitio web.
  • Tener más libertad a la hora de crear plantillas, modificar estilos o añadir funciones, sin que afecte al theme principal.
  • Facilitar la administración y mantenimiento de la web en un futuro.

Sus ventajas son tan numerosas que siempre recomiendo aprender a crear un tema hijo. Además, una vez sabes hacerlo, lo creas en cuestión de diez minutos.

¿Qué tener en cuenta antes de crear un tema hijo?

Con el paso de los años, los themes de WordPress se han ido actualizando e incluyendo importantes mejoras. Antes de crear un tema hijo, comprueba lo siguiente:

  • Hay themes que ofrecen la posibilidad de descargar el tema hijo de su web, para que puedas instalarlo como cualquier otro tema. En el caso de que el theme que tienes instalado no tenga esta opción, entonces tendrás que hacerlo manualmente o utilizando un plugin, como hemos explicado arriba; Child Theme Wizard es uno de los plugins más populares para crear child themes. Así que antes de lanzarte a la piscina y crear el child theme, asegúrate de que no tienes un theme premium que lo incluye (que cada vez es más habitual).
  • Si no tienes un tema hijo, no es recomendable escribir en el functions.php del tema padre, porque perderás los cambios al actualizar.

¿Es fácil crear un tema hijo? ¿Cualquiera puede hacerlo?

Sí. Es relativamente sencillo. No obstante, depende mucho de los conocimientos que tengas de base. Si no dominas WordPress, en vez de instalar el tema hijo manualmente puedes hacerlo utilizando el plugin. También puedes elegir un tema premium que incluya el child theme, para que no tengas que preocuparte de hacer nada. ¡Es otra opción!

Espero que con ayuda de esta guía hayas podido crear fácilmente un tema hijo en tu WordPress para trastear y hacer los cambios que necesites. Si tienes dudas, pregúntame en los comentarios.

Si ves un enlace de afiliado, te garantizo que es de un producto o servicio que realmente vale la pena. A diferencia de otras webs, aquí no se promociona nada solo porque paga más.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *