Como crear un child theme en WordPress

Como crear un child theme en WordPress
¡Puntúanos!

Lo primero que tenemos que saber es… ¿Que es eso de un child theme? Un tema es hijo, como bien dice la palabra, es una sub-plantilla de la plantilla original. Nos sirve porque en la child haremos todos los cambios de diseño y código, y la plantilla padre la dejaremos tal cual nos la descargamos. ¿Porqué? Así cada vez que tengamos una actualización no se estropeará nada de código, pero se mantendrá lo que hemos hecho.

Como crear un child theme en WordPress

Es lo más sencillo del mundo, no tiene mucho misterio, y podremos solucionar muchos problemas de actualizaciones.

Creamos una carpeta llamada loquequeramos-child (para saber que es el theme child). Se guarda donde tenemos las demás plantillas de WordPress, en /wp-content/themes

En esta carpeta, creamos un archivo llamado style.css

/*
 Theme Name: OnDesarrollo Child Theme
 Theme URI: http://ondesarrollo.com
 Description: Tema child personalizado de OnDesarrollo
 Author: OnDesarrollo
 Author URI: http://ondesarollo.com
 Template: ondesarrollo
 Version: 0.1
*/
 
@import url("../ondesarrollo/style.css");
 
/* Empezamos con la personalización del theme
------------------------------------------------------- */

El nombre que le pongas al tema hijo es el que luego deberá aparecer en la sección de Temas. Una de las cosas más importantes de los tema hijo y para que no nos confundamos es la parte de Template e @import. Hay que tener cuidado con poner minúsculas o mayúsculas, nos tendremos que fijar bien, tenemos que ver si la carpeta del theme la hemos puesto con minuscula o mayuscula. Es decir:

  • Theme Name: nombre de tu tema hijo, puedes poner el que quieras.
  • Template: el nombre de la carpeta del tema padre, lo tienes que escribir exactamente igual respetando las mayúsculas.
  • @import url: indica la url a la hoja de estilo del tema padre.

Ahora, en la sección de WordPress apariencia–>Temas deberá aparecer el tema hijo, si queremos empezar a trabajar con el, lo activamos.

Nos hemos dado cuenta, que claro el tema hijo no tiene una personalización de imagen, entonces, creamos un screenshoot igual que el del padre y lo ponemos en el child se tendrá que llamar screenshot.png

Cambiar partes de nuestra web con el tema hijo

Vale, ahora cada vez que queramos cambiar cualquier cosa de nuestra web, por ejemplo el footer, es coger ese archivo y copiarlo dentro de la carpeta del tema hijo, y ahí ya podremos hacer los cambios que queramos.

La próxima vez que actualicemos el tema padre, lo unico que deberemos de hacer, es reemplazar el theme y nos olvidaremos de perder funciones que hayamos puesto en el código de nuestro WordPress.

Deja un comentario

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

 

Your browser is out of date. It has security vulnerabilities and may not display all features on this site and other sites.

Please update your browser using one of modern browsers (Google Chrome, Opera, Firefox, IE 10).

X