• Saltar a la navegación principal
  • Saltar al contenido principal
Código Genesis

Código Genesis

Tutoriales de WordPress y Genesis Framework

  • Empieza aquí
  • Cuenta
    • Suscripción
    • Perfil
    • Actualizar tarjeta
    • Favoritos
    • Salir
  • Suscribirse
  • Acceder

Añadir posts relacionados al final de una entrada de CPT en Genesis

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:

mostrar posts relacionados CPT categoria Genesis Framework
Ejemplo de mostrar entradas relacionadas de un CPT en Genesis.

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 snippet al fichero functions.php o a tu plugin de funcionalidades:

Para ver este código y los otros 1803 snippets de esta web,
identifícate o suscríbete aquí.

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:

mostrar posts relacionados CPT Genesis Framework
Ejemplo de mostrar entradas relacionadas por categoría de un CPT en Genesis.

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 y los otros 1803 snippets de esta web,
identifícate o suscríbete aquí.

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).

CSS Entrada Genesis Framework PHP

Nahuai Badiola

Desarrollador web especializado en WordPress y Genesis Framework. CEO de Código Genesis y cofundador de OsomPress (temas y plugins para WordPress).

Para dejar dudas o preguntas sobre este código, puedes login o suscribirte.

  • Empieza aquí
  • Sobre Código Genesis
  • Preguntas frecuentes
  • Contacto

Aviso legal · Política de privacidad · Política de cookies · Condiciones de contratación
Copyright © 2023 · Código Genesis

¿Has olvidado tu contraseña?