Tema hijo WordPress para tu Web

¿Qué es un tema hijo?

Toda plantilla del WordPress es un tema padre mediante el cuál podemos crear un tema hijo, es decir una copia del mismo, y sobre este último poder realizar las modificaciones que consideremos pertinentes

.

¿Porque deberías crear un tema hijo?

Os preguntareis porque debemos crear un tema hijo en WordPress si ya tenemos un tema que nos está funcionando correctamente.

A continuación te contamos los principales motivos por los que debéis implementarlo:

1. Si vas a realizar cualquier modificación en el código de un tema es recomendable realizar una copia del mismo, es decir un tema hijo, sobre el cual trabajar, así de esta manera dejas el original intacto y realizas los cambios sobre el hijo por tanto cualquier error no afecta al tema principal y por ende a tu web , esto ayuda a poder revertir los cambios en caso necesario.
2. Otro punto muy importante son el tema de las actualizaciones del tema padre puesto que estas no le van a afectar a las modificaciones , cambios o actualizaciones en el tema hijo. Esto es muy interesante porque las actualizaciones del tema padre suelen ser bastante asiduas, por lo que si realizamos los cambios sobre este, podemos llegar a perder las modificaciones en el código realizadas y eso afecta a como se muestra nuestra web. Esto es debido a que cuando se actualiza un tema se sobrescriben los archivos y por tanto una perdida de las modificaciones realizadas, mientras que un tema hijo no se actualiza, no se sobrescribe, sólo hereda las funcionalidades del tema padre

¿Cómo crear un tema hijo?

Antes de empezar hemos de tener en cuenta que cualquier tema hijo debe de tener dos archivos como mínimo:

1. Un archivo donde definir los estilos, es el archivo style.css
2. Un archivo donde definir las funciones, archivo functions.php

Una vez teniendo en cuenta esto hemos de saber que hay dos maneras de hacerlo, mediante un plugin o de manera manual. Nosotros vamos a centrarnos en la realización del mismo de forma manual puesto que, siempre que sea posible, se recomienda evitar los plugings para favorecer tanto el rendimiento de la página como las posibles vulnerabilidades que puedan llegar a ocasionar.

Crear un tema hijo de manera manual

En este caso necesitas acceder a tu hosting y desde Cpanel acceder al Administrador de archivos, ahí es donde están todas las carpetas y archivos de tu web.

Accedemos a la siguiente ruta: public_html > wp-content >themes

En la carpeta themes es donde están instaladas todas las plantillas o temas instaladas en nuestro WordPress estén o no activas

Debemos crear una carpeta con el mismo nombre de la plantilla añadiéndole -child , como el ejemplo que vemos a continuación, si el tema padre se llama twentyseventeen el hijo será twentyseventeen-child

Dentro de esta nueva carpeta debemos crear los archivos que hemos nombrado anteriormente: style.css y functions.php

En el archivo styles.css debes añadir la siguiente información

/* 
Theme Name: Twenty Seventeen Child 
Theme URI: http://tupaginaweb.com
Description: Twenty Seventeen Child 
Theme Author: Tu Nombre
Author URI: http://tupaginaweb.com
Template: twentyseventeen 
Version: 1.0.0
Text Domain: twentyseventeen-child
License: GNU General Public License or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
*/

Ahora ya puedes añadir en este archivo el código CSS para modificar como se ve tu web.

También debemos modificar el archivo functions.php donde incluiremos el siguiente trozo de código

<?php
add_action( 'wp_enqueue_scripts', 'enqueue_parent_styles' );
function enqueue_parent_styles() {
   wp_enqueue_style( 'parent-style', get_template_directory_uri().'/style.css' );
}
?>

Es aquí donde realizaremos los cambios de este fichero a partir de ahora.

Si luego accedes al panel de administración de tu WordPress desde la sección Apariencia > Tema podrás ver tu nuevo tema hijo

Observarás que le falta la imagen del nuevo tema hijo, esto lo podemos solucionar copiando el screenshot del tema padre, solamente es necesario copiarlo y pegarlo dentro de tu tema hijo, es así de sencillo.

Ahora ya dispones de un tema hijo con el que poder realizar todos tus cambios y en el que puedes probar nuevas funcionalidades sin que te puedan llevar a afectar las actualizaciones del mismo, como recomendación te sugiero que compruebes el nuevo tema antes de activarlo.

Si tienes dudas al respecto puedes dejarlo en los comentarios.