Cómo crear Tema hijo Child theme para WordPress

Tema hijo Child theme para WordPress

Conforme vamos cogiendo experiencia en el uso, el manejo y el desarrollo web de WordPress se nos van abriendo las puertas de este tan avanzado CMS. Si vamos profundizando y cada vez comprendemos más su estructura, lo lógico es que modifiquemos a nuestro gusto gran cantidad de ficheros de plantilla, funciones…etc.
El único problema de todo esto es que ante una actualización del theme podemos perder todos los cambios realizados, y por lo tanto la plantilla volvería a su estado de origen.

La solución a todo esto es bastante sencilla, y pasa por crear un child theme o tema hijo, que nos permitirá importar y utilizar los estilos del tema padre, además de agregar los ficheros copiados del tema padre al hijo para ir adaptándolos y modificándolos a nuestro gusto hasta personalizar el WordPress 100% a la necesidad del proyecto web que tenemos delante.

Las ventajas de crear un Child theme son varias:

  • Podemos importar la hoja de estilos del tema padre con un @import
  • Si modificamos por ejemplo el header.php siempre tendremos una copia del original en el tema padre y el fichero modificado en el tema hijo
  • La prioridad de carga en WordPress es la del tema hijo, por lo que las modificaciones hechas por lo que las modificaciones en funciones y demás tendrán siempre prioridad.
  • La apariencia de nuestro theme modificado no se verá afectada en actualizaciones.
  • No tendremos problemas con los derechos de autor.

Cómo crear un tema hijo o child theme

En el directorio de temas WordPress /wp-content/themes creamos el directorio correspondiente para nuestro child theme. En este caso el tema activo se llama “wave-” y el tema hijo lo vamos a llamar “hijo_de_wave”.

tema hijo wordpress

En el directorio del child theme creamos el fichero style.css con el siguiente contenido:

/*
   Theme Name: hijo_de_wave
   Theme URI: http://laweb del theme papi
   Version: 1
   Description: Child Theme. Parent Theme Wave WordPress
   Author: Su autor
   Author URI: http://www.web-del-autor.com
   Template: Wave
*/
@import url("../wave-/style.css");

Ahora sólo toca ir al Panel de administración WordPress >Apariencia>Temas y activar el tema hijo que acabamos de crear:

child theme WordPress

Plugin para crear tema hijo en WordPress

plugin child theme

Si la programación y editar ficheros no es uno de tus fuertes dispones de una gran alternativa para crear un child theme en WordPress a través de un simple plugin llamado One Click Child theme.

A tener en cuenta para trabajar sobre nuestro child theme

  • La hoja de estilos style.css del tema hijo anula a la del tema padre, por eso debemos importarlo como indicábamos anteriormente.
  • Cada fichero php del tema hijo sustituirá al mismo fichero php del tema padre.
  • El fichero functions.php carga diferente al fichero style.css, es decir no anula el functions.php del padre, si no que primero carga el functions.php del hijo y luego el del padre.

Si te gustó este artículo o te sirvió de ayuda por favor compártelo
Un saludo,
Óscar / DevService
Por Óscar Carrillo