Hoy vamos a descansar un poco de seguridad y vamos a empezar a ver los Child Themes.

Hay veces en las que queremos hacer un cambio en un tema, ya sea un css o en el functions.php o donde sea, pero hacer ese cambio directamente en la plantilla implica que en la próxima actualización del tema vamos a perder esos cambios, lo cual hace muy compleja la gestión de cambios.

Para evitar eso se han inventado los child themes, que son temas dependientes de otros, los padres o parent, y que añaden funcionalidades o hacen modificaciones sobre el tema padre, de forma que nos cubrimos ante posibles actualizaciones del tema padre.

Cabecera fichero style.css (en negrita campos obligatorios)/*

Theme Name: Twentyseventeen Child Theme

Theme URI: https://radiowordpress.com

Description: Un tema hizo de twentyseventeen

Author: Eduardo Collado

Author URI: https://www.eduardocollado.com

Template: popper

*/ 

Opción para incluir el contenido del style.css del tema padre en el child theme@import url("../tema_padre/style.css")[showhide type=”transcripcion” more_text=”Ver transcripción(%s más palabras)” less_text=”Esconder transcripción (%s menos palabras)”]

Transcripción

Hola a todos, esto es Radio WordPress.com, un podcast dedicado a todos aquellos que de una manera u otra convivimos con WordPress.

Hoy vamos a descansar un poco de seguridad y vamos a introducir a los child themes, ¿qué son? ¿para qué sirven? ¿qué nos hace falta? ¿cómo se montan? etc

A modo de introducción os diré que cualquier cambio que hagáis en una plantilla en el momento en el que se actualice lo perderéis y obviamente no es la idea, esa esa una de las ventajas que nos ofrecen los child themes, el modificar temas con la seguridad que una actualización no lo machacará.

Pero no os caliento más la cabeza y vamos a empezar con los child themes.

—MUSICA—

Lo primero que tenéis que saber si queréis trabajar con child themes es que es necesario que tengáis una buen manejo de WordPress, así como un html y css básico, no hace falta ser gurús, pero sí saber qué es y como funciona, eso es fundamental.

Otra cosa que vais a necesitar, es un editor de texto, a ver, es muy obvio esto, pero no uséis un bloc de notas, tenéis opciones mucho más inteligentes como Sublime Text o Atom que os van a ayudar muchísimo en vuestros desarrollos

Y por supuesto que tengamos un entorno de desarollo, de pruebas, es decir, otro worpdress donde podamos probar los cambios antes de aplicarlos en el site definitivo, no es necesario que esté en un servidor, podéis tenerlo en vuestro propio PC, no hay problema, ya os lo he comentado varias veces, pero los experimentos con gaseosa.

El entorno de desarrollo obviamente debe de tener contenido, así que lo más fácil es exportar el contenido de la web principal a la de desarrollo para que sean exactamente iguales.

—MUSICA—

Cuando tenemos un tema que realmente nos gusta, pero que requiere alguna modificación, para adaptar algún CSS o para cambiar alguna plantilla tenemos la opción de clonar el tema completo, o crear child themes.

Clonar el tema completo nos va a obligar a actualizar los cambios que se vayan realizando y a mantenerlo totalmente, lo cual al final es un trabajo innecesario por completo.

Sin embargo los child themes son algo maravilloso, porque se ejecutan sobre el tema que nos gusta y es ahí donde se aplican los cambios que necesesitamos, por ejemplo si el tema dice que el título H3 es azul, pero nosotros lo queremos marrón modificaremos el css del child theme dicen que ahora es marrón. En el tema original seguirá siendo azul, pero como el child theme se ejecutará al final se sobreescribirá el marrón y a los efectos de nuestra web habremos cambiado el color del H3.