Es muy recomendable el uso de temas child o hijos en WordPress, sobre todo si hemos “tocado” el código de nuestra plantilla. Si modificamos la plantilla original y decidimos actualizarla, perderemos todos lo cambios realizados y muchas horas de trabajo. Esto puede ser realmente crítico si hemos realizados muchos cambios y tendremos que volver a empelar tiempo y recursos. Esto se soluciona con los temas child o hijos.

Los temas hijos son como una segunda plantilla (así aparece en nuestra lista de temas) que va almacenando las páginas *.php que vayamos modificando. De esta manera cuando ejecutemos nuestra web, será para mostrar las páginas  acudirá primero al child a buscarlas. De esta forma los ficheros originales permaneces en su ubicación original y sin modificaciones.

wordpress-temas-child-2

Imagen1. Estructura de carpetas

¿Cómo instalamos una tema hijo?

Algunas plantillas contienen también la plantilla child pero otras no la tienen por lo que debemos crearla de manera manual. Pero no os preocupéis, es muy sencillo:

 

  • Crea una carpeta con el nombre de tu tema child en el directorio de temas de tu WordPress
  • Pon en ella el fichero style.css con el contenido de abajo, adaptado a tu configuración.
/*
Theme Name: Divi-child
Theme URI: https://www.socialmediaidol.com
Description: Tema hijo de plantilla divi
Author: RGG
Template: Divi
*/

@import url('../Divi/style.css');
 
/*-------- Comienzo del código CSS -------------*/
......

De estos valores hay que tener en cuenta las siguientes líneas:

  • Theme Name: Nombre de nuestro tema hijo: el nombre de la carpeta que hemos creado (en nuestro ejemplo Divi-child)
  • Template: El tema padre (Divi, para nosotros)
  • @import url(‘../Divi/style.css’); Esta línea hace referencia al style.css de la plantilla padre (en nuestro caso Divi)

Ya tenemos creada la nueva plantilla. Sólo tenemos que activar la child (imagen 2) y… ¡ya está listo!

wordpress-temas-child-1

Imagen2. Plantillas: padre y child.

Ejemplo: fichero modificado

Ahora simplemente debemos poner los ficheros que modifiquemos en nuestra carpeta child en lugar de la carpeta original de la plantilla. De esta forma ninguna actualización sobrescribirá nuestro trabajo de desarrollo. Por ejemplo, si hemos decidido modificar el header.php de nuestra plantilla, dejaremos el fichero original en su ubicación: carpeta /divi (imagen1) y la modificamos la volcamos a la carpeta /Divi-child como se muestra en la imagen 3.

wordpress-temas-child-3

Imagen3. Archivos modificados en la carpeta hija o child.

Esto es todo, esperemos que os haya sido útil. Si os gusta compartid, si tenéis dudas escribidnos.-

Translate »