Pixelar.me

Guía básica sobre Child Themes en WordPress

Fecha: 18-Abr-2014 | Autor: Marcelo.
Guardado en: Artículos, WordPress

¿Qué es un Child Theme y para qué me sirve?

Un child theme, o plantilla hija es básicamente un theme de WordPress que deriva y depende de otro. Esto es muy útil si utilizamos themes que puedan recibir alguna actualización, pero que luego de modificarlos se vuelve complejo simplemente «actualizar» (ya que perdemos los cambios de CSS, functions.php y demás archivos que hayamos hecho).

¿Cómo puedo crear uno?

Crear un child theme es tan simple como crear una nueva carpeta en /wp-content/themes/. Para el nombre de la carpeta, se suele utilizar el nombre del theme padre y añadir un ‘-child’, por ejemplo si crearamos un child theme del tema que creamos en los videotutoriales de WordPress de Pixelar.me, el nombre de la carpeta sería algo como ‘/aetherius-child/’.

Luego de eso, debemos crear un styles.css con el siguiente contenido dentro:

/*
 Theme Name:     Aetherius Child Theme
 Theme URI:      https://marceloferreiro.com/pixelarme/descarga-tema-aetherius-para-wordpress/
 Description:    Aetherius Child Theme
 Author:         Marcelo - Pixelar.me
 Author URI:     https://marceloferreiro.com/pixelarme/
 Template:       Aetherius 
 Version:        1.0
*/

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

/* Aqui comienzan los estilos personalizados del child-theme... */

Es importante que el dato «Template» sea igual (incluidas mayúsculas/minúsculas) al «Theme Name» del theme padre, así como que la ruta del @import sea correcta.

Luego de eso, es muy simple, sólamente debes incluir los estilos que desees modificar en el theme debajo de la última línea, teniendo en cuenta que partes de los estilos ya definidos en el theme padre.

Así mismo, también puedes duplicar cualquier archivo del theme padre, en la carpeta del child theme y modificarlo a tu gusto (manteniendo siempre intacto el theme original).

Últimas consideraciones.

Ten en cuenta que los archivos del theme que dupliques en el tema hijo, suplantarán a los del padre, de modo que se cargará solamente el del child theme.
Esto varía en el caso del functions.php en cuyo caso, las funciones que se incluyan en el functions.php del child theme, serán cargadas antes de las del parent, y luego tendremos disponibles todas las funciones definidas en el theme padre.

Etiquetado como: child theme, theme, WordPress

Marcelo

Desarrollador web, trabajando desde Montevideo, Uruguay para todo el mundo. Me especializo en Diseño web, Maquetación HTML5 & CSS3, jQuery y Programación PHP & MySQL, e intento aprender un poco más cada día.