Descubre en este tutorial cómo añadir un bloque reutilizable con iconos que enlacen a plataformas de audio en la página de archivo del podcast en Genesis.
Un par de suscriptores de Código Genesis están interesados en mostrar los iconos de plataformas de podcast (y sus enlaces) en las entradas o páginas de archivo del CPT.
En este caso vas a ver cómo conseguirlo mostrando un bloque reutilizable con los iconos en la página de archivo de podcast para cualquier child theme de Genesis.
Pasos para introducir un bloque reutilizable con enlaces a plataformas de podcast en una página de archivo de Genesis
1. Crea un bloque con los iconos
Primero crea un bloque HTML con el texto y los iconos de las plataformas de podcast. Algo así:
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Este código es solo ejemplo que puede servirte de modelo, pero primero tendrás que subir las imágenes de los iconos que desees a tu biblioteca de medios.
Con 50px de tamaño suele ser suficiente. Si quieres puedes descargarte los que he usado para este ejemplo.
Una vez subidos, tendrás que sustituir las URLs de las imágenes por las de tu web.
También debes de sustituir los enlaces a las plataformas de podcast, a no ser que quieras enviarlos a Freelandev. :p
El resultado será algo similar a esto:
2. Convierte el bloque en reutilizable
Cuando lo tengas a tu gusto, ve a los tres puntos de la barra de herramientas del bloque y elige «Añadir a los bloques reutilizables».
A continuación dale un nombre y guárdalo.
3. Examina el ID del bloque
Una vez que hayas creado el bloque, ve al modo «editor de código» y examina el HTML.
Tip pro: utiliza el atajo de teclado: Cmd + Alt + Shift + M para ir más rápido. 😉
A la altura de donde has creado el bloque verás algo similar a:
<!-- wp:block {"ref":3368} /-->Ese número es el ID de tu bloque, y lo vas a necesitar a continuación. 😉
4. Modifica functions.php
Añade el siguiente fragmento al final del fichero functions.php o a tu plugin de funcionalidades:
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Con este bloque usas el hook genesis_after_loop para mostrar el bloque reutilizable justo después del loop de entradas de los podcasts.
Si prefieres que se muestren antes, puedes sustituirlo por genesis_before_loop.
En este caso, estás mostrando el bloque reutilizable con ID 3368, pero recuerda que debes cambiar ese número por el tuyo (paso 2) en la línea que dice: «cambia el ID».
El fragmento anterior también contiene una etiqueta condicional para asegurarte de que solo se muestra en las páginas de archivo de los podcasts.
Nota: Este código está probado en Genesis Sample.
Si en tu child theme los iconos no se muestran uno al lado del otro, prueba a añadir este snippet de CSS al final del style.css:
Para ver este código y los otros 2063 snippets de esta web,
identifícate o suscríbete aquí.
Conclusión
Ahora, gracias a las etiquetas condicionales de WordPress, al hook genesis_after_loop (o el que decidas) y a que sabes identificar las IDs de los bloques reutilizables, ya puedes conseguir que se muestre un bloque reutilizable al final la página de archivo de los podcasts.
¿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. 😉
