En este articulo, hablaré sobre los child themes de WordPress: Qué son, sus ventajas (y desventajas), y también cómo empezar con el desarrollo de child themes en WordPress, y otros recursos adicionales que debería checar.

¿Qué Es un Child Theme de WordPress?

En pocas palabras, un child theme es un tema de WordPress que agarra archivos de plantillas y otras funcionalidades relevantes de un tema distinto. Por lo tanto, digamos, si fuéramos a crear un tema personalizado que agarra funcionalidad y plantillas de Twenty Nineteen, el tema por defecto de WordPress, nuestro nuevo tema sería llamado un child theme de Twenty Nineteen, el cual en su lugar sería llamado el tema padre para nuestro tema hijo.

Como tal, ya que mucha de la funcionalidad y los archivos de plantilla caen dentro del tema padre, el child theme normalmente no tiene más de un archivo style.css el cual especifica qué funcionalidad debe ser derivada del tema padre y qué aspectos del tema padre deben ser cambiados o modificados en el tema hijo.

Así, el primer motivo detrás de un child theme es para personalizar o arreglar un tema padre para que pueda adaptarse a nuestras necesidades, y al mismo tiempo, no tener que lidiar con los archivos del tema real porque si el tema padre llega a ser actualizado, podríamos perder esos cambios.

Ventajas de Utilizar un Child Theme de WordPress

Las ventajas de utilizar un child theme de WordPress son demasiadas, como:

  1. Fácil de Extender y Personalizar: Ya que es obvio, un child theme extiende la funcionalidad de su tema padre. Ya tendrá una plantilla lista a su servicio en la forma de un tema padre, y todo lo que tendrá que hacer es crear un archivo de estilo.css separado para su tema hijo, y agregar los cambios de personalización cada que lo requiera.
  2. Actualizaciones Libres de Problemas: Una y otra vez, mientras WordPress va evolucionando, los temas y los plugins necesitan ser actualizados constantemente. Si usted hace algunos cambios de personalización a su tema primaria, podría terminar perdiendo esos cambios si alguna vez actualiza el tema. Por lo tanto, es recomendable hacer dichos cambios a un child theme, así que si alguna vez requiere actualizar el tema padre, no estará con la preocupación de perder los cambios.
  3. Ahorra Tiempo y Esfuerzos: Cuando se trata de crear un child theme de WordPress, ya estará utilizando una fundación preparada en la forma de tema padre. Esto no sólo le ahorrará tiempo y esfuerzo, también recursos vitales y fondos porque el desarrollo no será tan complejo.
  4. Mecanismo a prueba de fallos: Los child themes de WordPress son prácticamente inmunes a omisiones de código generales. Incluso si termina olvidando agregar una pieza de código particular. WordPress automáticamente buscará e implementará ese cierto código del tema padre a lugar, y su diseño no será fragmentado. Por otro lado, en un tema autónomo, dicha omisión podría hacer que el tema sea inutilizable al menos que sea arreglado.

Desventajas de Utilizar un Child Theme de WordPress

Mientras que no hay muchas desventajas asociadas con los child themes de WordPress, hay ciertas cosas que si hay que mencionar:

  1. Elegir el Tema Padre Ideal: ¡No todos los temas son buenos padres! Ciertos temas de WordPress, por ejemplo, podrían no ser actualizados regularmente y por eso carecen de las últimas funcionalidades. Similarmente, no todos los temas de WordPress son creados con los child themes en mente y por eso, podrían servir como malos candidatos para temas padres. Usted necesita recoger el tema padre perfecto para poder extenderlo apropiadamente y hacer que funcione como fundación de sus temas hijos.
  2. Esfuerzos de Personalización: un child teme básicamente busca extender y personalizar un diseño de plantilla existente. Por lo tanto, si ya ha creado un sitio web alrededor de su tema padre, podría tener que reconsiderar personalizar elementos como los menús, opciones de tema, barrar laterales, encabezados, etc. Cuando uno se pasa al tema hijo.

¿Cómo Crear un Tema Hijo en WordPress?

¿Así que, ya se ha decidido por crear un child teme para su tema padre favorito de WordPress? Bueno, ¡prosigamos!

En primer lugar, debe crear una carpeta para su tema hijo en el directorio de temas de WordPress (la nomenclatura realmente no importa). A partir de entonces, cree un archivo style.css en la carpeta, con los siguientes detalles:

/*

Nombre del Tema: El nombre de su child theme

URI del tema: http://www.ejemplo.com (la URL de su child teme))

Descripción: Una breve descripción de su child theme

Autor: Su nombre

Plantilla: el nombre del directorio de su tema padre

Versión: 1.0.0 blah blah

*/

En ese, debajo de la parte de plantilla, usted necesita especificar el nombre del directorio del tema padre usado. También, si usted omite esa línea, WordPress tratará a su child teme como un tema apropiado.

En este punto, tenemos un child theme con un archivo style.css en blanco. Ahora, para heredar las propiedades de stylesheet de nuestro tema padre, agregue esta línea:

@import url(«..parent_theme_directory/style.css»);

Reemplace la parte de ‘parent_theme_directory’ con el nombre del folder donde se encuentra el tema padre en n lugar.

¿Luchando con el tiempo de inactividad y los problemas de WordPress? Kinsta es la solución de alojamiento diseñada para ahorrarle tiempo! Vea nuestras características

También puede importar múltiples stylesheets utilizando este método, si es necesario.

Ahora, su child theme estará listo para heredar elementos de stylesheet de su tema padre. SI lo desea, también puede copiar estos folders del directorio del tema padre al folder de su tema hijo (no es obligatorio, pero recomendable), todas las direcciones siendo relativas al directorio del tema padre.

/images

/inc

/includes

/rtl.css (soporte de idioma de Derecha a Izquierda, no todos los temas podrían tener esta funcionaliad).

Eso es todo. Ahora puede empezar a agregar sus opciones personalizadas de stylesheet al archivo style.css del tema hijo. Adicionalmente, usted también podría copiar los archivos de las plantillas del tema padre al tema hijo para poder editarlos, y si necesita agregar nuevas funciones, asegúrese de copiar el archivo functions.php del folder del tema padre al directorio del child theme.

Una vez que active su tema hijo, WordPress cargará las opciones del stylesheet y los archivos de las plantillas del mismo child theme, y si falta algo, este cargará las entidades correspondientes del tema padre a lugar.

Lectura Recomendada

Si desea explorar un poco más sobre los child themes de WordPress, le recomiendo leer estos artículos y recursos:

  1. WordPress Codex
  2. Lo Básico de los Child Themes (WP Tuts+)
  3. Creando un Child Theme de WordPress (ManageWP)

Los child themes no sólo proveen un medio efectivo para extender la funcionalidad de su tema de WordPress favorito sino también sirven como un buen punto inicial cuando se trata de aprender y volverse experto en el desarrollo de temas de WordPress.

¿Qué piensa del tema hijo de WordPress? ¿Ya ha desarrollado uno o empezará con uno? Comparta sus experiencias con nosotros en los comentarios de abajo.