Cómo crear un Child Theme en WordPress

Tiempo de lectura: 3 minutos

En la anterior entrega de esta serie, presentamos los Child Themes, vimos por qué era importante utilizarlos y qué ventajas íbamos a obtener al hacerlo.

Ahora que ya conocemos todas sus bondades y estamos convencidos de que es la mejor manera de trabajar con nuestros themes en WordPress, ha llegado el momento de pasar a la acción y crear nuestro primer Child Theme.

Para ello, podemos hacerlo, como casi todo en WordPress, de dos maneras diferentes: utilizando un plugin creado a tal efecto o de forma manual. Vamos a ver cómo es un proceso bastante sencillo, por lo que, en este caso, mi recomendación es hacerlo de forma manual.

Creación mediante plugins

Como para cualquier otra funcionalidad, en el repositorio de WordPress podemos encontrar diferentes plugins para crear de forma sencilla un Child Theme a partir del theme que tengamos activado.

Recordad siempre, que a la hora de instalar un plugin, hay que fijarse principalmente en tres factores:

  1. Que tenga un número elevado de descargas
  2. Que tenga buenas valoraciones (4-5 estrellas)
  3. Que la última actualización sea relativamente reciente

Si el plugin que vamos a instalar cumple con estas tres premisas, podemos estar tranquilos.

En este caso, os recomiendo utilizar el “Child Theme configurator” de LILAEA, el cual podéis ver aquí: https://es.wordpress.org/plugins/child-theme-configurator/

La creación de un Child Theme a partir de este plugin es realmente sencilla y, con tal solo un pequeño número de pasos, tendremos nuestro Child Theme configurado y listo para usar.

Una vez creado el Child Theme, podemos desactivar el plugin e incluso eliminarlo, puesto que no es necesario que lo tengamos instalado una vez creado el Child Theme, ya que esa es la única funcionalidad que nos aporta.

Creación manual

Lejos de lo que pueda parecer, crear un Child Theme de forma manual es tan sencillo como realizar dos pasos:

  1. Crear una nueva carpeta con el nombre de nuestro theme dentro de nuestra carpeta wp-content/themes, al mismo nivel que nuestro parent theme.
  2. carpeta_child_theme

  3. Dentro de esta carpeta, sólo necesitamos un único archivo: style.css

nuevo_child_theme

¿Así de sencillo? Sí. Y el único contenido que deberemos incluir dentro de nuestro archivo style.css para que WordPress lo reconozca como un Child Theme es el siguiente:

/*
Theme Name:
Description: 
Author:
Template:
*/

Especial importancia tiene el campo Template, en el cual debemos indicar el nombre, tal y como aparece en la carpeta de wp-content/themes. Esta es la manera en la que WordPress identifica nuestro theme como un Child Theme del pariente theme indicado.

codigo_style

Hay más valores que podemos incluir dentro de ese bloque de comentario, pero los que acabamos de ver son lo mínimo requerido.

En este momento, ya tenemos nuestro Child Theme disponible para activar en nuestra web.

themes_disponibles

E incluso WordPress lo reconoce como un Child Theme, en este caso, de nuestro parent theme, Genesis, el cual hemos indicado como Template.

child_theme_activar

Aunque de momento tendremos una web con ningún estilo, solamente veremos HTML puro y duro. Casi mejor con el theme que tengo actualmente ¿no crees?

web_sin_estilos_child_theme

Siguiente parada: Modificando nuestro Child Theme

Hasta aquí este post sobre las formas de crear un Child Theme, ¿fácil, verdad?. El siguiente paso será ver qué tipos de modificaciones podemos añadir en nuestro Child Theme, tanto a nivel de funcionalidad como a nivel de estilos.

Como siempre, si quieres ver esto de una forma más exhaustiva, con ejemplos video tutoriales y recursos para descargar, únete a la academia de formación online de itermar.io, por sólo 10 € al mes.
Suscribirme (10 5 €/mes)

Dejar un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Ir arriba