¿Cómo crear un tema hijo en 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 personzalidos de nuestro tema hijo, la llamaremos  deberemos crear un archivo que se llame style.css.

En dicho archivo pondremos lo siguiente:


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.

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

Que es la más importante, que es la que nos enlaza con el tema padre.

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 servido de utilidad y si tenéis dudas, no dudéis en preguntar, que para eso estamos.
Comparte si te ha gustado:
Share on Facebook3Share on Google+0Tweet about this on TwitterShare on LinkedIn0Share on Tumblr0Digg this

Deja un comentario

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

*
*