En este tutorial aprenderás a agregar enlaces de navegación a la parte inferior de todas las entradas en Genesis Framework. Con tan solo una línea de código, sin plugins.

¿Te parecería interesante que al final de todas las entradas aparecieran dos enlaces de la entrada anterior y posterior? ¡Vamos a ello! Seguramente tus lectores lo agradecerán 🙂

Cómo añadir enlaces de navegación al final de las entradas en Genesis

Como siempre, tendrás que añadir un pequeño código en tu plugin personalizado o en el final de tu archivo functions.php de tu child theme.

// Agregar enlaces a entradas anteriores o posteriores al final de la entrada
add_action( 'genesis_entry_footer', 'genesis_prev_next_post_nav' );

Añadiendo este código conseguirás que al final de todas tus entradas aparezcan dos enlaces: una al post anterior y otra al post posterior. Obviamente, la primera y última entrada de tu blog solo aparecerá un enlace.

El resultado sería el siguiente:

Si quieres mejorar el estilo de estos enlaces, solo es necesario que le añadas un poco de estilo CSS a tu archivo style.css del child theme:

.pagination-previous, .pagination-next {
	padding: 2%;
	margin-bottom: 2%;
}

Con este estilo CSS los enlaces «respirarán» más y no estarán tan enganchados de los comentarios y de la entrada en sí. Pero obviamente te recomiendo que lo estilices a tu manera, añadir estilos CSS es muy fácil 🙂

Resumen y conclusió

¡Pues esto es todo por hoy! ¿A qué ha sido fácil agregar los enlaces de navegación a tu Genesis? Pues esto no es todo, en próximos tutoriales sabrás cómo personalizar los textos de estos enlaces (en vez de que muestre el título de la entrada en sí) o añadirlo en tu CPT.

Tiempo al tiempo.

Y una vez más, si quieres recomendarme algún tema para escribir un tutorial solo hace falta que me lo digas. Me encanta leer vuestro feedback y saber que es lo que realmente necesitáis, para mi es oro puro 🙂