En un artículo anterior vimos cómo mostrar entradas relacionadas sin plugins basadas en categorías o etiquetas, sin embargo en algunos casos es posible que quieras asignar adicionalmente entradas relacionadas específicas para un artículo.
1- Agregando Campo personalizado
Lo primero que tenemos que hacer es definir cómo asignar ciertas entradas relacionadas a una entrada específica, para lograr esto usaremos los campos personalizados.
En nuestro ejemplo usaremos el campo personalizado llamado «relacionados» y asignaremos el ID de sus entradas relacionadas separados por comas, tal como se muestra en la siguiente imagen.
2- Código para mostrar entradas específicas y por categorías
El código primero comprueba si tienes entradas relacionadas específicas asignadas a un artículo, prioriza estas entradas relacionadas y las completa con entradas relacionadas obtenidas de la misma categoría del artículo.
En el código anterior:
- Utilizamos el hook the_content que hace referencia a la función dc_related_after_content
- Lo que hacemos dentro de la función es definir la cantidad de entradas relacionadas que aparecerán, por defecto 4
- Definimos también el nombre de nuestro campo personalizado que usarán las entradas que definen entradas relacionadas específicas
- La función tiene dos partes, primero comprueba si hay post o entradas relacionadas específicas a través de campos personalizados
- Luego completa las entradas relacionadas con entradas que corresponden a la misma categoría
- La función usa una función auxiliar llamada dc_loop_related que nos sirve para realizar el loop
- Finalmente formamos una cadena con todos las entradas relacionadas y las concatenamos al final del contenido, es decir en la variable $content
3- Estilos CSS
Igualmente puedes dar estilos a las entradas relacionadas a través de CSS. El código CSS aplicado en este ejemplo se puede descargar desde el siguiente enlace.
Tras hacer los cambios los posts relacionadas lucirán tal como se muestra en la siguiente imagen.
Conclusión
Usando este código podemos evitarnos el uso de un plugin adicional en nuestro sitio, hemos obtenido una funcionalidad de entradas relacionadas de manera simple usando la funcionalidad nativa de campos personalizados de WordPress y colocando el código en el functions.php del theme.
¿Aún con dudas?, en el siguiente video se detallan los puntos anteriores
Artículos Relacionados
(3 votos, promedio: 4,67 de 5)
Cargando…
Lo he usado en GeneratePress y no me salen las miniaturas :/
Hola, la función get_the_post_thumbnail() es nativa de WordPress, asegúrate de que tus artículos tengan una imagen destacada asignada ya que esa función hace referencia a esa imagen y no a imágenes del contenido.
Hola, no me acordaba de este comentario 🙁
Era por tener ocultas las imagenes destacadas por CSS. Saludos.
Excelente John. Muy agradecido por este código, ya lo adapté y funciona perfectamente. Uno menos en el concierto de plugins que utilizo en el sitio web. Lo único que extraño es que no aplica para las páginas, solo los posts. Pero estupenda la rutina, mejor que muchos plugins que probé. En verdad. Gracias.
Hola Oswaldo, que bueno que te sirvió :), las páginas se organizan jerárquicamente y no por categorías, igual posiblemente haga algo en futuros artículos para páginas relacionadas. Saludos.
He tratado con el código de content views, este código, y nada, no me aparece nada en ninguna entrada.
Sólo he puesto este código php en el child theme, en fuctions.php, no debo hace nada más?
Hola, a qué te refieres con el código de content views?, si tienes varias entradas en la misma categoría si que debería aparecer algo en la parte inferior, aunque sea sin estilo ya que sólo estas agregando código PHP.