¿Cómo crear un tema hijo en WordPress?

Tema hijo con WordPress

En este post voy a explicar como crear un tema hijo a partir de un tema que hayamos escogido o comprado y no morir en el intento.

WordPress, es un gran gestor de contenidos sin duda alguna, tiene mucha flexibilidad a la hora de poder gestionarlo todo. Lo que claro, también tiene que irse actualizando, y por mucho que encontremos un tema que se adapte perfectamente a lo que andamos buscando, pues casi siempre habrá que tocar algo, y ahí es donde vienen los problemas.

Porqué claro si tocamos el tema directamente, cuando salga alguna actualización, machacará los cambios que hayamos hecho, así que lo que debemos hacer es crear un tema hijo.

Y vamos ya al lío que ya veréis que realmente es muy fácil.

Primer paso: Creamos el directorio donde trabajar

Lo primero de todo es bastante fácil, desde el FTP de acceso a nuestra web, o desde nuestro proyecto en local, dentro de la carpeta de nuestro WordPress, accederemos a la carpeta: wp-content/themes y allí crearemos un directorio en el cual vamos a poner el tema hijo.

Intentaremos encontrar un nombre entendible, por ejemplo, si tenemos el tema Twenty Seventeen,  podríamos crear una carpeta que se llamase twentyseventeen-child.

Segundo paso: Creamos el archivo CSS

Dentro de la carpeta que acabamos de crear, crearemos un archivo donde meteremos los estilos personalizadoss de nuestro tema hijo, le pondremos de nombre style.css.

En dicho archivo pondremos lo siguiente:

/*

Theme Name: Tema Hijo

Theme URI: http://oyagum.com

Version: 1.0

Description: Tema hijo de TemaQueQueramos para hacer cambios sin riesgo

Author: Oyagum

Author URI: http://oyagum.com

Template: Twenty Seventeen */

@import url("../twentyseventeen/style.css");

/*----------------- Estilos propios -------------------------------*/

Como veis es muy sencillo, aunque por si quedan dudas, paso a explicar los campos que tenemos:

  • Theme Name:  El nombre que queramos ponerle a nuestro tema.
  • Theme URI: La URL de nuestro tema, podéis poner la de vuestro blog mismo.
  • Version: Pues si queremos llevar un control, podemos poner la versión que tenemos de este tema hijo.
  • Description: La descripción de nuestro tema, por si nos sentimos inspirados o queremos dejarnos alguna nota.
  • Author: Pues nosotros mismos, que para eso lo estamos haciendo nosotros, con el sudor de nuestra frente.
  • Author URI: Nuestra URL, que si alguien nos copia pues hay que promocionarse como sea.
  • Template: El nombre del template original, el cual vamos a modificar con nuestro tema hijo.
    Importante: Hay que poner el mismo nombre de la carpeta del theme al que queremos hacer el theme hijo. Sino nos saldrá el siguiente error:

Y por último y no menos importante, no dejarse la línea de:

@import url("../twentyseventeen/style.css");

Que nos enlaza con el tema padre, donde twentyseventeen es como no, el directorio donde tenemos instalado el tema padre.

Una vez hecho esto, desde el panel de control de WordPress nos aparecerá nuestro tema hijo y ahí ya podremos activarlo y empezar a usarlo.

Tercer paso: Añadir cosas a nuestro tema hijo

Ahora ya lo tienes todo listo para que en el archivo style.css dentro la carpeta de tu tema hijo, puedas ir añadiendo las modificaciones que creas oportunas, modificar ese tema que tanto te ha gustado, pero que te gustaría aún más con unas pequeñas modificaciones.
Y que en el caso de que haya que actualizarlo, no te de ningún tipo de problema lo que hayas modificado del tema padre.
Espero que os haya sido de utilidad.
Y recordad! No olvidéis comentar! Vuestro código y en el Blog! 😉

Deja una respuesta

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

*
*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.