Crear un tema hijo

En muchas ocasiones necesitamos hacer modificaciones o personalizar el tema que usamos en nuestra web.

Los temas se actualizan para añadir nuevas funcionalidades y corregir errores y problemas de seguridad. Si hacemos las modificaciones sobre el tema que tenemos instalado directamente, cuando lo actualicemos, perderemos estas modificaciones.

La solución correcta es crear un tema hijo o ‘child theme’.

El primer paso que tenemos que hacer es crear una carpeta dentro de la instalación de WordPress, en /wp-content/themes, con el nombre que queramos darle a nuestro tema. Se recomienda darle el nombre del tema padre seguido de -child. Esto es una recomendación, pero cualquier nombre que usemos servirá.

En el ejemplo vamos a crear un tema hijo de tema ‘Twenty-nineteen’ que instala por defecto WordPress 5.

Para que WordPress reconozca nuestro nuevo theme, necisitamos crear el archivo style.css en la raíz de la carpeta que acabamos de crear. Al principio del archivo, incluiremos unos comentarios con la definición del theme que WordPress leerá. Como mínimo incluiremos las siguientes líneas:

/*
 Theme Name:   Twenty Nineteen Child
 Template:     twentynineteen
*/

Con estos datos, si accedemos al menú Apariencia y vemos los detalles de nuestro tema, por ahora veremos la siguiente información:

Lo básico:

• Theme Name: El nombre que le queremos dar a nuestro theme
• Template: El tema padre

• Author: Autor del tema
• Author URI: Dirección web con información del autor
• Description: Descripción que ofrecemos a los usuarios
• Domain Path: Indica la carpeta en la que están los archivos de traducción. Es necesario si están alojados en una carpeta diferente a /languages
• Licence: Tipo de licencia del Theme
• Licence URI: Dirección web donde se recogen los términos de licencia
• Status: Indica si el tema está publicado
• Tags: Son palablas o frases que los usuarios pueden usar para filtrar y encontrar el tema
• Text Domain: Es un identificador único usado por WordPress para diferenciar entre todas las traducciones cargadas
• Theme URI: Dirección web del tema
• Version: Indica la versión del tema

Una versión más completa de la definición del theme, podría ser:

/*
 Theme Name:   Twenty Nineteen Child
 Template:     twentynineteen
 Theme URI: http://wordpress.org/themes/twentythirteen
 Author: AcaWEBMia
 Author URI: http://www.acawebmia.com/
 Description: Este theme es un child del Theme Twentynineteen de WordPress. Se desarrolla paso a paso en la web acawebmia.com
 Version: 1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
 Text Domain: twentynineteen-child
*/

Con todos estos datos, si ahora accedemos al menú Apariencia y vemos los detalles de nuestro Theme, la información que veremos, será la siguiente:

Si añadimos una imagen en la carpeta del tema con el nombre screenshot.png, esta aparecerá como imagen de previsualización. El tamaño aconsejado para esta imagen es de 1200×900 píxeles

La ventaja de haber creado nuestro propio tema hijo, es que a partir de este punto, podemos modificar el tema padre, en nuestro caso el Twenty Nineteen, sin modificar sus archivos y cuando descarguemos las actualizaciones, no perderemos los cambios que hayamos hecho.