So fügen Sie Links zum vorherigen und nächsten Artikel in jedem Beitrag in Genesis hinzu

Heute bringe ich Ihnen ein sehr kurzes Tutorial, aber es kann sehr nützlich für Sie sein. Wir werden sehen, wie man in Genesis automatisch einen Link zum nächsten und vorherigen Artikel in jedem Post einfügt.

Das Ergebnis, das wir erhalten werden, ist das folgende:

vorheriger Link zurück

Videoanleitung

Suscríbete a mi Kanal:  

Dazu müssen wir der Datei functions.php unseres Genesis-Templates folgenden Code hinzufügen:

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

Wie Sie im vorherigen Bild sehen können, ist der Ankertext der Links der Titel des Beitrags, auf den verlinkt wird. Wir können ihn auch in einen generischen Texttyp „Vorheriger Beitrag“ und „Nächster Beitrag“ ändern.

Anstatt den vorherigen Code hinzuzufügen, fügen wir dazu Folgendes hinzu:

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',
    ) );

}

Das Ergebnis wird sein:

vorheriger Beitrag nächster

Ich hoffe, es wird dir nützlich sein 😉
Grüße

Hinterlassen Sie einen Kommentar