WordPress

SEO

Crear tema hijo en WordPress

diseñador web freelance

Arian Amaral

Cuando nos introducimos en todo este mundo del diseño web en WordPress , al principio nos quedaremos maravillados con la cantidad de plugins que hay, y las funciones que le añaden a nuestro sitio. Pero muy seguramente nos daremos cuenta que los plugins se nos quedan cortos, y necesitemos algo más específico.  

Y será el momento donde nos surgirá la necesidad de modificar el código de nuestra plantilla. Puede que esto nos resulte atemorizante, lo cual es entendible, ya que a nadie le gustaría que después de haber dedicado tiempo y  esfuerzo, todo se vaya al garete, debido a que el tema que estábamos usando, se actualizó, y perdimos todo los ajustes en el código que habíamos hecho.  

Para evitarse todo ese tipo de problemas, es que siempre debemos trabajar en un tema hijo, pero ¿Que es un tema hijo?

¿Qué es un child theme (Tema Hijo)? 

Un tema hijo, es un clon del tema original, que hereda todas las funciones del tema padre (original), en este podrás realizar modificaciones, sin que se pierdan, una vez lo actualices

El crear un child theme, te asegura que los cambios en el código serán conservados.  

Crear un child theme en WordPress

Para crear un child theme en WordPress, podemos hacerlo de forma manual, o tendremos que hacer uso de plugins que tienen esta funcionalidad.

 En este tutorial aprenderemos a hacerlo de ambas formas.

Crear un child theme de forma manual

Si no queremos usar plugins, hacerlo de la forma arcaica es nuestra mejor opción. Una de las grandes ventajas de hacer un tema hijo de esta forma, es evitar el uso de plugins que ralentiza nuestra web, ya que una de las reglas de oro de la optimización WPO, es el minimalismo en cuanto plugins.

1) El primer paso para crear un child theme, es acceder a nuestro Cpanel, aquí vamos a entrar en el apartado “Administrador de archivos”.

tema hijo wordpress

2) Continuando con la elaboración del tema hijo. Vamos a buscar y entrar al archivo llamado “public_html”.

crear tema hijo wordpress

3) Una vez aquí, veremos todos los archivos de WordPress. Tenemos que buscar y acceder a wp-content> themes.

tema hijo

4) Aquí vamos a poder observar, todos los temas que tenemos instalados en nuestro sitio web. Crearemos una nueva carpeta, con el nombre del tema padre, seguido de un “-child”, quedando de esta forma “Astra-child”.

como hacer un tema hijo

5) Dentro de la carpeta que acabamos de crear, vamos hacer 2 archivos nuevos. Uno llamado “style.css”, y también “functions.php

crear tema hijo

6) Ahora hay que dar clic derecho encima del archivo style.css”, y seleccionar la opción “Editar código> Editar”.

crear child theme

7) Y  vamos a proceder a pegar el siguiente código.

/*
Theme Name: nombre_para_tu_tema_hijo
Template: nombre_carpeta_tema_padre
*/

8) Ahora debes cambiar cierta parte del código.  EnTheme namedebes nombrar como quieres que se llame tu tema hijo. Recomiendo poner el nombre del tema padre + hijo/child. EnTemplate”, debes poner de forma exacta, el nombre de la carpeta del tema padre, esto puedes averiguarlo, yendo a Cpanel> Administrador de archivos> public_html> wp-content> themes.

wordpress tema hijo

9) Por último, vamos a editar elfunctions.php”,  para esto, damos clic derecho seguido de Editar código> Editar. Y pegaremos el siguiente código:

<?php 
//CARGA EL STYLE.CSS DEL TEMA PADRE EN EL TEMA HIJO
 
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
function my_theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
}
 
?>

 Ahora cuando vayas a Apariencia> Temas, podrás observar tu tema hijo.

Crear un child theme con plugin

El mejor plugin para hacer temas hijos, es Child Theme Configurator”, es muy intuitivo y ligero.

Para instalar el plugin, solo debes dirigirte a Plugins> Añadir nuevo, posteriormente, solo debes activarlo. 

tema hijo divi

Ahora que ya tenemos el plugin, vamos a empezar con la creación de nuestro tema hijo, y para hacerlo, tenemos que irnos al apartado Herramientas> Tema hijo.

temas hijos wordpress

Bien, ahora empieza lo verdaderamente interesante, sigue todos los pasos para hacer nuestro child theme de forma exitosa.  

1). Una vez nos hemos dirigido a Herramientas> Tema hijo, vamos a ver el panel de creación de child themes. La primera opción que debemos seleccionar, CREAR un nuevo tema hijo”.

como hacer un tema hijo en wordpress

2) Ahora, tenemos que elegir cuál será el tema padre, al que le vamos a crear un tema hijo. Posteriormente, debes de darle clic al botón que dice Analizar”.

crear un tema hijo

3) Este paso se refiere al nombre del directorio en el que se guardará nuestro tema hijo al crearlo. NO HAY QUE TOCAR NADA AQUÍ. Para que WordPress lo reconozca como un tema hijo, debe cumplir con cierto formato, por lo tanto, es mucho mejor dejar este apartado como esta.

crear tema hijo divi

4) Recomiendo seleccionar “Hojas de estilos principales”. Pero si deseas conservar los estilos tanto del tema padre, como del tema hijo, debes elegirHojas de estilo separadas”.

plugin para crear tema hijo wordpress

5) Al crear un tema hijo, tenemos que elegir si queremos cargar los estilos CSS del tema padre. Yo prefiero cargar estos estilos, pero si consideras que no los necesitas, solo debes marcar la opciónIgnorar las hojas de estilo del tema padre”.

crear un child theme

6) En este apartado puedes modificar cosas como el autor del tema hijo, el nombre del child theme que hemos creado etc. También puedes dejarlo por defecto.

crear tema hijo en wordpress

7) Si es la primera vez que creas un tema hijo, marca esta opción, para transferir los menús, widgets, y otros ajustes del tema padre, al tema hijo.

crear un tema hijo en wordpress

8) Nuestro tema hijo ya está configurado, ahora solo debes dar clic al botón Create New Child Theme”, y ya habrás creado un tema hijo.

tema hijo en wordpress

¡Perfecto! Ya creaste tu child theme en WordPress, ahora no tienes que preocuparte, por perderlo todo, al actualizar tu tema. Espero que este tutorial, sobre cómo crear un child theme te haya gustado.

Deja un comentario