Descubre en este tutorial cómo agregar un logo personalizado a la configuracion guiada (Genesis onboarding) en un child theme de Genesis.
A partir de la versión 2.8, Genesis el framework incorpora una nueva funcionalidad de configuración guiada (Genesis onboarding).
¿Su función? Reducir la frustración a la hora de configurar un tema. 😉
Como viste en el tutorial sobre cómo añadirlo a cualquier child theme de Genesis, este proceso pretende reducir el ‘gap’ entre lo que ves en la demostración de un tema y lo que te encuentras al activarla en tu WordPress.
En ese tutorial viste cómo crear toda la configuración guiada básica, pero en esta vas a aprender cómo complementarla añadiendo un logotipo.
Así que te recomiendo que primero leas y sigas las instrucciones sobre cómo crear una configuración guiada en Genesis, ya que con este tutorial estás ampliando esa funcionalidad.
Pasos para añadir un logo personalizado en Genesis onboarding
1. Coloca la imagen del logotipo en la carpeta de configuración
En primer lugar, prepara el logotipo en el formato y dimensiones que quieras, y dale un nombre, por ejemplo, «logo.png».
En el caso de Genesis Sample, que vamos a usar como referencia referencia en este tutorial (ya que puede utilizarse como starter theme), debes colocar la imagen en: /config/import/images/
¿Estás usando otro child theme de Genesis y no existe esa carpeta?
Entonces crea la carpeta /images/ y colócala dentro de /config/import/ para después introducir en ella el logo que deseas utilizar.
Procura que las dimensiones (y el aspect ratio) del logotipo se ajusten a los definidos por el tema.
Por ejemplo, en Genesis Sample las dimensiones sugeridas son de 700 por 120 píxeles.
2. Añade el logo al ejecutarse Genesis onboarding
A continuación, introduce el siguiente código al final del fichero functions.php:
Para ver este código y los otros 1953 snippets de esta web,
identifícate o suscríbete aquí.
En este snippet combinas el hook genesis_onboarding_after_import_content con la función set_theme_mod para que la imagen del logo se añada a la cabecera del tema justo después de que se importe el contenido de la configuración guiada.
Por supuesto, puedes usar otro nombre (o extensión) para la imagen, solo tendrás que cambiarlo de forma acorde en la ruta de get_stylesheet_directory_uri().
¡Ya lo tienes! Has conseguido darle un punto más de personalización a tu tema gracias a la configuración guiada de Genesis.
Recuerda que para aprovecharte de esta nueva funcionalidad debes usar versiones iguales o superiores a WordPress 5.0 y Genesis 2.8.
Conclusiones
¿Quieres beneficiarte de la nueva configuración guiada de Genesis y añadir un logo personalizado?
Ahora ya sabes cómo hacerlo de forma sencilla y 100% personalizable.
Gracias a esto, tu child theme de Genesis se encargará de importar la imagen del logotipo y colocarlo en la cabecera directamente.
¿Alguna duda? Te leo en los comentarios.
Y si quieres darme una sugerencia para próximos tutoriales, déjamela en el formulario de contacto. Ventajas de ser suscriptor. 😉