Comment ajouter des liens vers l'article précédent et suivant dans chaque article de Genesis

Aujourd'hui, je vous apporte un tutoriel très court, mais il peut être très utile pour vous. Nous allons voir comment ajouter un lien vers l'article suivant et précédent dans chaque article automatiquement dans Genesis.

Le résultat que nous allons obtenir est le suivant :

Didacticiel vidéo

Pour ce faire, nous devons ajouter le code suivant au fichier functions.php de notre modèle Genesis :

// Añadir navegación en los posts.
add_action( 'genesis_entry_footer', 'genesis_prev_next_post_nav' );

Comme vous pouvez le voir dans l'image précédente, le texte d'ancrage des liens est le titre du post vers lequel il renvoie, on peut également le changer en un type de texte générique "Article précédent" et "Article suivant"

Pour ce faire, au lieu d'ajouter le code précédent, nous ajoutons ce qui suit :

add_action( 'genesis_after_entry', 'custom_adjacent_entry_nav' );
/**
 * Display links to previous and next entry.
 *
 * @since 2.3.0
 *
 * @return void Return early if not singular or post type doesn't support `genesis-adjacent-entry-nav`.
 */
function custom_adjacent_entry_nav() {

    if ( ! is_singular() ) {
        return;
    }

    genesis_markup( array(
        'open'    => '<div %s>',
        'context' => 'adjacent-entry-pagination',
    ) );

    echo '<div class="pagination-previous alignleft">';
    previous_post_link( '%link', '&laquo; Post Anterior' );
    echo '</div>';

    echo '<div class="pagination-next alignright">';
    next_post_link( '%link', 'Post Siguiente &raquo;' );
    echo '</div>';

    genesis_markup( array(
        'close'    => '</div>',
        'context' => 'adjacent-entry-pagination',
    ) );

}

Le résultat sera :

J'espère qu'il vous sera utile 😉
salutations