En este post vamos a ver qué son los temas hijos o child themes en WordPress, para qué sirven y cómo podemos crearlos.

Como sabes, WordPress es el gestor de contenidos más flexible que existe, con él podemos hacer cualquier cosa y siempre de una forma sencilla.

Entre esas maravillosas cosas que tiene WordPress, una de ellas es poder crear temas hijos o child themes para personalizar el diseño de nuestra página web con código CSS o para poder modificar cualquier funcionalidad que necesitemos.

 

¿Qué son los temas hijos o child themes en WordPress?


En WordPress, un tema hijo o child theme es un tema que hereda las características de un tema padre del que depende.

De esta forma, puedes crear un tema hijo de cualquier tema, ya sea gratuito o de pago. Pero recuerda, un tema hijo necesita un tema padre para funcionar, sin éste, el tema hijo no es capaz de gestionar el diseño por sí solo.

Ten en cuenta también que hay ciertos temas que dan problemas a la hora de crear temas hijos, así que antes de hacer los cambios, revisa que éste funciona bien y que todo el código que escribes edita el estilo correctamente.

La principal funcionalidad de crear un tema hijo es hacer modificaciones y cambiar funcionalidades en el estilo de tu página web. Así, estaremos modificado el estilo de nuestra página web, creamos el tema hijo y editamos el código en este, sin necesidad de tocar el código del tema padre.

 

 

Ventajas y desventajas de crear un tema hijo o child theme


Las ventajas de crear temas hijos son varias:

✅ La principal ventaja es que utilizando un tema hijo no se perderán todas las modificaciones que realices en el código al actualizar la plantilla principal (el tema padre).

✅ Otra de las ventajas es que podrás exportar este tema hijo y aplicarlo a todas las páginas web que desees (que tengan instalado el tema padre, claro). Así, si quieres realizar los mismos cambios en varias páginas diferentes, ahorrarás muchísimo tiempo.

✅ Evidentemente otra de las ventajas más importantes, es la flexibilidad, podemos escribir todo el código que necesitemos, borrando, editando, probando… sin necesidad de modificar el código CSS principal de la plantilla, con el riesgo que esto conlleva.

✅ Finalmente, otra ventaja también importante es la organización. ¿No te ha pasado que editas ciertas líneas de código de allí, otras de allá, ahora añado esto en la sección de “Custom CSS” de mi plantilla… y en poco tiempo tenemos un batiburrillo importante en nuestro código? De esta forma, tendremos todos los cambios de código bien organizados.

😕 Pero como todo en esta vida, también existen desventajas en la utilización de temas hijos. El principal inconveniente es que al tener un tema hijo estamos instalando dos temas en nuestro worpdress, por lo que la carga de archivos será mayor que si trabajamos con un solo tema: La página web tardará más en cargar y ya sabes lo que eso significa para nuestro Posicionamiento SEO

Por eso, si crees necesario instalar un tema hijo, recuerda optimizar al máximo todos los recursos para que tu página web cargue rápido, como por ejemplo, las imágenes.

 

¿Cómo crear un tema hijo o child theme?


¿Te he convencido para instalar un tema hijo? Bueno pues voy a explicarte dos formas de hacerlo, ambas muy fáciles, todo dependerá de si quieres utilizar plugins o no.

Crear un child theme mediante plugins

Es muy sencillo, tan solo necesitas instalar el plugin y por supuesto, conocer un poquito los entresijos y la estructura de WordPress.

El plugin que debes instalar es: One-Click Child Theme

➡️ Una vez instalado y activado. Nos dirigimos a Apariencia > Tema hijo. Y ahí, escribimos un nombre, descripción y autor a nuestro tema hijo y con tan solo un clic estará creado.

Y voilà, ahora todo lo que editemos en el código de nuestro tema, lo estaremos haciendo en el tema hijo y no sufrirá ningún cambio con las actualizaciones de la plantilla.

Crear un tema hijo sin plugins

En este caso, no necesitarás plugins, puedes hacerlo desde el panel de administración de tu alojamiento en el apartado de archivos, aunque te recomiendo utilizar un cliente ftp como filezilla para acceder fácilmente a los archivos de tu web y un editor de texto como por ejemplo NotePad++ que es un editor de código fuente libre, gratis y muy util o tambien te sirve el bloc de notas de windows. Y ahora empezamos:

1/ Accede a  /wp-content/themes/ y crea una nueva carpeta con el nombre que desees para el tema hijo

2/ Dentro de esta carpeta crea un fichero style.css con el siguiente contenido:

En este fichero es muy importante:

Theme name: No debes poner el nombre del tema padre : Te aconsejo que pongas tema hijo y el  nombre de la plantilla padre

Template: Aquí SI debes poner el nombre de la plantilla padre

@import url : importantísimo, aquí le estamos diciendo a wordpress dónde debe buscar o heredar la hoja de estilos de la plantilla padre

Una vez que tengas este archivo, lo deberás subir dentro de la carpeta que has creado en primer lugar

😉 TIP: si dentro de la carpeta incluyes un fichero screenshot.jpg (por ejemplo) con una imagen, ésta te aparece cuando pases al siguiente paso

3/ Una vez que estén subidos la carpeta y el archivo debes ir al escritorio de administracion de tu wordpress

En la barra izquierda : apariencia > temas Elige el tema hijo que has creado (nombre del tema hijo)  > ACTIVAR

Recuerda que debes tener instalado y activado el tema hijo, y el tema padre instalado, pero no activado.

Espero que te haya resultado útil el post y si tienes cualquier duda o sugerencia, ya sabes, ¡te veo en los comentarios!

 

 

Imagen de portada ( web design) gracias a Shutterstock. 

Diseñadora web y experta en Marketing Digital y Social Media. Amante de la música, la informática y las nuevas tecnologías. Actualmente haciéndome un huequito en el mundo online con mi blog leonorcanuelo.com

Uso de cookies

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.

ACEPTAR
Aviso de cookies
¿Quieres acceder a la experiencia de un mentor que te guíe y acelere el éxito de tu proyecto?

Solicita gratis información personalizada para tus necesidades

ya estamos preparando tu información!