Cómo crear un Childtheme en WordPress

A menudo, cuando instalamos una plantilla en nuestro sitio de WordPress hay cosas que no nos gustan y queremos modificarlas para darles un mejor aspecto. El problema viene cuando hay una actualización de esa plantilla y queremos obtener esa última versión. Si hemos hecho algún cambio y actualizamos ese tema de WordPress…. Horror! Todos los cambios que le hemos aplicado para personalizar la plantilla se han desvanecido.

¿Cómo podemos evitar estos problemas?

Para eso existen los ChildThemes. Pero qué es y para qué sirve un ChildTheme?

Básicamente, un ChildTheme es una plantilla que «hereda» todos los estilos y funcionalidades de un plantilla que llamaremos «padre» y que podremos modificar a nuestro antojo e incluso añadirle otras funcionalidades. La ventaja de esto es que si en un futuro el tema «padre» sufre una actualización nuestro ChildTheme no se verá afectado y heredará todas las nuevas funcionalidades.

Esto es la teoría, vayamos a la práctica.

Creando nuestro ChildTheme

Para este tutorial tomaremos como tema padre el reciente Twenty Thirteen. Lo primero que tenemos que hacer es crear una carpeta dentro del directorio «themes» de nuestro sitio WordPress donde ubicaremos nuestro ChildTheme. A nuestra carpeta le llamaremos ThirteenChild (muy original 😀 ).

A continuación, creamos una hoja de estilos en la que tendremos que añadir el siguiente código que le indicará a WordPress el nombre del nuevo tema y cuál es su tema padre.

/*
Theme Name: Child Theme Twenty Thirteen
Description: Creación del Child Theme Twenty Thirteen
Author: La Casa del Arbol
Author URI: https://www.casadelarbol.es/
Template: twentythirteen
Version: 1.0
*/

Básicamente las líneas que no pueden faltar son las que indican el nombre de nuestro ChildTheme y el nombre del tema padre (que se indica en la línea Template).

Justo a continuación debemos importar todos los estilos del tema padre a nuestro tema hijo con la siguiente instrucción:

@import url(«../twentythirteen/style.css»);

Con esto, tendremos todo lo necesario para personalizar nuestra plantilla sin miedo a futuras actualizaciones. Pero esto no es todo.

En el archivo functions.php es donde los desarrolladores programan todas las funcionalidades de los temas de WordPress. Cuando creamos un ChildTheme este archivo se cargará automáticamente. ¿Qué pasa si creamos nuestro propio functions.php dentro de nuestro tema hijo? Pues no pasará nada. Este archivo tiene la particularidad de que no sobreescribirá al archivo padre con lo que no hay riesgo.

Eso sí, debemos tener cuidado con los demás templates ya que la creación de un nuevo template que comparte el mismo nombre que el tema padre lo sobreescribirá por lo que es mejor crear templates con distinto nombre.

Para darle un nombre a un template es tan sencillo como colocar la siguiente línea al principio del archivo:

<?php
/*
Template Name: Nuevo Template
*/
?>

Y esto es todo. Si ya dominas WordPress no te resultará complicado y si eres novato creemos que siguiendo estas pautas no tendrás problemas para conseguirlo. Puedes encontrar más información en la página oficial de WordPress en la sección Cómo crear un Childtheme con WordPress