Wordpress - Child Themes

Los Child Themes o Temas Hijo son una manera estupenda de personalizar nuestro diseño a partir de un tema previamente creado. La gran ventaja que tienen es no tocamos para nada el tema original, así que cuando el creador actualice el tema, no perderemos nuestros cambios.

¿Por dónde empezamos?

Lo primero es crear una carpeta dentro de wp-content/themes. La podemos llamar como queramos. Libertad absoluta. Lo siguiente es crear un archivo style.css dentro de ella. En ese archivo copiaremos lo siguiente.


/**
 * Theme Name: el_nombre_de_tu_tema
 * Theme URI: http://tudominio.com
 * Version: 1 
 * Author: TuNombre
 * Description: Lo que se te ocurra. 
 * Author URI: http://sudominio.com
 * Template: el_tema_original
 */
 
@import url( '../el_tema_original/style.css' ); /* Importamos el CSS del tema original */

A partir de ese punto podemos editar el css a nuestro gusto. Los cambios que hagamos sobreescribirán el css original. Por ejemplo, pongamos que en el css original aparece lo siguiente.


h1 {
	font-size:30px;
	font-weight:normal;
	font-family:Georgia, "Times New Roman", Times, serif;
}

En nuestro style.css podemos editarlo, por ejemplo, así.


h1 {
	font-family: 'Berkshire Swash', cursive;
	margin: 20px 0 5px 15px;
}

Eso quiere decir que en nuestro tema aparecerá el <h1> con las siguientes características.


h1 {
	font-family: 'Berkshire Swash', cursive;
	margin: 20px 0 5px 15px;
	font-size:30px;
	font-weight:normal;
}

El resto de los archivos que podemos meter en la carpeta de nuestro tema son optativos. Lo habitual es que exista, por lo menos, un functions.php. El resto de las plantillas (index.php, single.php, header.php, etc.) del tema original podemos modificarlas de la misma forma que style.css.