Aprende a introducir las entradas relacionadas de un Custom Post Type (CPT), en formato rejilla, al final del mismo en Genesis con este tutorial de código.
Aunque suele resultar más efectivo insertar los enlaces que sean interesantes para el lector en el propio texto de la entrada (in line), al ser una petición habitual de los suscriptores en Código Genesis preparé un tutorial para mostrar los artículos relacionados al final de una entrada de blog en formato cuadrícula.
¿Te gustó la idea?
Pues hoy vas a aprender cómo hacer lo mismo para un Custom Post Type.
Este es el resultado final:
Descubre cómo hacerlo mediante código, sin usar ningún plugin. 😉
Pasos para agregar posts relacionados al final de un CPT en Genesis
1. Crea la lógica para mostrar las entradas relacionadas
Añade el siguiente fragmento al final del fichero functions.php o a tu plugin de funcionalidades:
Para ver este código, puedes identificarte o suscribirte.
En este código usas el hook genesis_after_entry para enganchar los posts relacionados y que se muestren justo debajo de la entrada.
En este caso se visualizarán las del CPT de curso (con el slug «course») que tengan alguna taxonomía («course_category») en común con la entrada en la que aparecen. Es decir, los que compartan la misma categoría o etiqueta.
Para que te hagas una idea, la imagen anterior pertenece al final de un artículo archivado en taxonomías compartidas con los cursos que aparecen en la rejilla:
Además, este código también crea un nuevo tamaño de imagen. Pero, si lo prefieres, puedes utilizar uno que ya tengas.
Por cierto, para ajustarlo al CPT que desees solo debes sustituir ‘course’ y ‘course_category’ por los slugs del tuyo.
2. Da estilos a las entradas relacionadas
A continuación debes otorgar los estilos para que se muestren en formato de rejilla.
Para ello, añade el siguiente fragmento al final del fichero style.css:
Para ver este código, puedes identificarte o suscribirte.
Ya lo tienes.
Al aplicar estos estilos consigues que los posts se muestren en formato rejilla y con una opacidad menor hasta que el usuario haga hover sobre ellos.
Conclusiones
Ahora ya sabes cómo añadir las entradas relacionadas al final de un CPT en Genesis.
¿Tienes alguna pregunta o quieres darme una sugerencia para próximos tutoriales de Genesis Framework? Cuéntamela en los comentarios (opción exclusiva para suscriptores).