December 12, 2018

139 | Cómo hacer tuyo un child theme de Genesis

20 minutes

En el episodio 139 de Wordpress Semanal te hablo de cómo coger cualquier child theme de Genesis ya existente para hacerlo tuyo.

Escuchar en iTunes Escuchar en iVoox Escuchar en Spotify

Plugin de la semana: incluye opciones en el personalizador de WordPress cuando desarrolles un theme

Con el plugin Kirki podrás incluir de forma más sencilla opciones dentro del personalizador de WordPress. Este es un plugin enfocado a desarrolladores que crean un theme desde cero.

Debes tener nociones de PHP, Javascript y alguna experiencia con las APIs del personalizador de WordPress. Si ese es el caso, Kirki puede ahorrarte mucho tiempo en el desarrollo.

Cómo hacer tuyo un child theme de Genesis

1) Un repaso sobre Framework, temas padre y child themes

Un Theme Framework es (según WordPress.org) un conjunto de funcionalidades y características que facilitan el desarrollo de tus propios themes

Esto puede venir de varias formas pero en el caso de Genesis se trata de un tema padre

Cuando creas o instalas un tema hijo para ese Framework, heredará las funcionalidades del padre.

La gracia de esto es que no tienes que tocar el tema padre (Framework) para nada y todas las modificaciones se harán en el tema hijo

Si estás empezando en esto de la creación de child themes, mi recomendación es que cojas uno ya existente y lo modifiques para hacerlo tuyo

¿Qué quiere decir hacerlo tuyo? Básicamente lo siguiente…

2) Renombra la carpeta del child theme y métela en la carpeta de themes de WordPress

Descomprime el child theme original

Cámbiale el nombre a la carpeta descomprimida y ponle el que hayas elegido

Mete la carpeta en wp-content/themes/

3) Cambia el nombre del child theme en el style.css

Si abres el style.css de tu recién renombrado child theme verás que hay un bloque de texto con información

Edita la línea donde pone «Theme Name» para escribir el nombre de tu child theme

Después puedes editar algunos puntos del resto de la información. Esto te permitirá recordar a ti y a otros desarrolladores los cambios que hagas

En la parte de «Description» puedes poner que es un child theme basado en el original que estés modificando

En «Autor» puedes poner tu nombre y en «Author URI» la dirección de la página donde ofrezcas tus servicios

4) Cambiar la imagen destacada de theme (screenshot.png)

Este paso no es necesario pero lo recomiendo para que diferencias un child theme de otro

Es tan fácil como sustituir el archivo llamado screenshot.png que está en la carpeta de tu child theme

Esta imagen se verá cuando vayas a Apariencia > Temas dentro del panel de Admin de WordPress

Con esto ya tendrás tu propio child theme de Genesis

5) ¿Debes sentirte mal por hacer esto?

No. Ahí va el porqué.

La intención de esto no es engañar a nadie sino diferenciar entre un child theme y otro (donde harás modificaciones)

WordPress es código abierto.

La gracia de esto es que puedes usar código de otros como punto de partida y hacer cambios en temas y plugins para conseguir los objetivos que buscas

Es legal, no te sientas mal

6) Qué debes decirle a tu cliente

Honestidad

Si estás haciendo modificaciones en un theme existente, díselo así a tu cliente

Además el coste de hacer una cosa y otra no es el mismo

7) Algunas ventajas de modificar un child theme con Genesis Framework

Con Genesis, a diferencia del desarrollo típico en WordPress, se usan filtros y acciones en lugar de crear o modificar plantillas para cambiar el comportamiento de un theme o añadirle funcionalidades nuevas

Ejemplo del footer

Es un cambio importante en el desarrollo y, si ya tenías experiencia anterior, debes acostumbrarte

8) Consejos para adentrarte en el desarrollo en WordPress

Empieza a desarrollar en local

Elimina todo el css innecesario

Deja ordenado tu style.css (incluso puedes crear una tabla de contenidos), lo agradecerás en el futuro

Documenta tu código. Es un error muy típico pensar que te acordarás para qué sirve el código que estás usando pero, créeme, se te va a olvidar

Para seguir aprendiendo a gestionar tu negocio o proyecto con WordPress, prueba el área para suscriptores durante 15 días sin compromiso y echa un vistazo a todos los cursos la zona código y el soporte WordPress.

Enlaces

En este episodio he mencionado los siguientes recursos:

Nuevo vídeo de la Zona código: vaciar la papelera de WordPress automáticamente

Curso del mes: Iniciación a Gutemberg

Cursos de Genesis Framework y de Genesis Extender

Curso de desarrollo de child themes de WordPress

Curso para trabajar en local

Conclusión

Cada maestrillo tiene su librillo pero puedes fijarte en cómo estructuran sus themes otros desarrolladores. Con el tiempo irás encontrando la forma más cómoda de trabajar.

Si te ha gustado el episodio de hoy y quieres ayudarme a seguir creando episodios como este en iTunes, deja una valoración aquí (tardarás segundos). ¡¡Gracias!!

Si me escuchas desde iVoox, también te agradezco tus comentarios y me gusta.

La entrada 139 | Cómo hacer tuyo un child theme de Genesis es una artículo de Gonzalo Navarro.

...more

View all episodes

By Gonzalo Navarro

4.8

88 ratings