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 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 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 en 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

A tener en cuenta para trabajar sobre nuestro child theme