Crear un tema hijo para modificar themes (apariencia/aspecto) de WordPress.
Primero explicaré de forma breve que es un tema (FatherTheme) de WordPress
Un theme de WordPress es un conjunto de archivos php y css que organiza la web y le otorga estilos, colores y propiedades a una web, blog o tienda. Cuando creamos un sitio web con WordPress por defecto viene con un aspecto básico sin el cual aunque la web exista y toda la información se almacene en MySQL no funcionaría porque el tema es el que muestra ese contenido de una forma determinada.
Ventajas de crear un tema hijo para un FatherTheme de WordPress
Hay multitud de temas para cambiar totalmente el aspecto de WordPress pero no es nada recomendable modificar el tema original por dos motivos:
- Cuando actualizamos el tema, el viejo es machacado por la actualización y los cambios realizados se pierden y hay que volver a modificar el tema para tener el sito web como antes.
- Si hay algún fallo con la plantilla modificada los autores del «theme modificado» no ofrecen soporte (ayuda)
Ahora vamos a explicar qué es un tema hijo y como crearlo para modificar themes de WordPress sin cambiar ni una sola línea del tema original:
-
¿Qué es un tema hijo de WordPress?
Un tema hijo (child theme) en WordPress es aquél que hereda las características de otro tema padre (father theme) y sirve para poder modificar una web sin necesidad de crear un tema desde cero sin tocar los archivos originales del tema padre del cual heredan todo lo que no se defina en el ChildTheme (tema hijo); entonces… si solo necesitamos modificar un par de líneas en el estilo «styles.css» y algo en el pie de página «footer.php» solo nos haría falta crear un tema hijo con esos dos archivos (el style.css es imprescindible puesto que es en el que se especifica el archivo css del tema padre predeterminado)
-
¿Cómo crear un tema hijo de WordPress para cualquier FatherTheme?
Para crear un ChildTheme de WordPress primero deberemos elegir cuál será su tema padre… localizar la carpeta con su nombre y dentro de ella el archivo «style.css», la estructura de WordPress es wp-content/themes/nombre-del-tema/style.css
Ahora crearemos una carpeta dentro de wp-content/themes/ con el nombre que queramos que tenga el tema hijo… yo elegiré Child-Theme pero el nombre no importa aunque es bueno que lleve el nombre de su tema padre por si creamos más de uno poder identificarlos de forma sencilla.
Captura de Pantalla (IMAGEN)
Una vez creada la carpeta crearemos un archivo dentro de ella llamado styles.css con este código (modificando lo necesario):
/*
Theme Name: Child-Theme
Theme URI: http://ejemplo.com/
Description: Tema hijo para un tema padre
Author: TU NOMBRE AQUI
Author URI: http://ejemplo.com/acercade/
Template: parenttheme
Version: 0.1.0
*/
/* Arriba moficar lo que se desee (opcional)
Debajo hay que poner la url del archivo style.css del tema padre
(aunque también se puede hacer desde el archivo functions.php)
ej: @import url("../parenttheme/style.css");
*/
@import url("../wp-admin/themes/tema-padre/style.css");
/* Aquí debajo añadimos las modificaciones del aspecto CSS (lo que no se especifique aquí será heredado del tema-padre/style.css) */
Pero si también necesitamos realizar cambios estructurales hay que copiar los archivos a modificar del tema padre a la nueva carpeta creada para nuestro tema hijo, allí podremos cambiar todo lo necesario sin tocar el FatherTheme; de esta manera lo primero a procesar es el tema hijo (ChildTheme) y si este no existe… entonces se procesa el del tema padre.
Así que si queremos modificar el pie de página no necesitaremos copiar el header.php, ni el content.php, ni el sidebar.php… sólo necesitaremos copiar el footer.php del tema padre y modificar a nuestro gusto.
¿Fácil no?
Resumen de los puntos más importantes:
- Qué es un Father Theme (tema padre) de WordPress
- Qué es un Child Theme (tema hijo) de WordPress
- Ventajas de crear un ChildTheme para un tema padre
- Cómo crear un tema hijo de WordPress
- Resumen de los puntos más importantes
¿No te ha quedado claro qué es un ChildTheme? Léelo en el «Codex» de WordPress
Comentarios recientes