Zum Inhalt springen
Termin vereinbaren (öffnet in einem neuen Fenster)

Seitenweise Blättern in WordPress einbauen

Statt „vorherige" und „nächste" eine richtige Seitenauswahl – ohne Plugin.

Zuletzt geprüft: 2 Minuten Lesezeit

Der Schnipsel

global $wp_query;

$seiten = (int) $wp_query->max_num_pages;

// Bei nur einer Seite gibt es nichts zu blaettern.
if ( $seiten > 1 ) {

    $aktuell = max( 1, (int) get_query_var( 'paged' ) );

    echo '<nav aria-label="Seitenauswahl">';

    echo paginate_links( [
        'base'      => get_pagenum_link( 1 ) . '%_%',
        'format'    => 'page/%#%/',
        'current'   => $aktuell,
        'total'     => $seiten,
        'mid_size'  => 2,
        'type'      => 'list',
        'prev_text' => 'Zurück',
        'next_text' => 'Weiter',
        'before_page_number' => '<span class="screen-reader-text">Seite </span>',
    ] );

    echo '</nav>';
}

Was die Angaben bedeuten

  • mid_size – wie viele Zahlen links und rechts der aktuellen Seite stehen. Bei 2 sieht man fünf Zahlen plus Anfang und Ende.
  • type: list – gibt eine Liste aus statt einer Reihe loser Verweise. Das ist die Form, die Vorleseprogramme ankündigen können („Liste mit 7 Einträgen").
  • before_page_number – setzt das Wort „Seite" vor jede Zahl, sichtbar nur für Vorleseprogramme. Ohne das liest ein solches Programm nur „eins, zwei, drei" vor, ohne zu sagen, worum es geht.
Voraussetzung

Die Klasse screen-reader-text muss im Stylesheet definiert sein – die meisten Themes bringen sie mit. Fehlt sie, steht das Wort „Seite" sichtbar vor jeder Zahl.

Wohin der Code gehört

Tipp

Anders als die meisten Schnipsel gehört dieser nicht in die functions.php, sondern dorthin, wo die Blätterung erscheinen soll – also in die Theme-Vorlage unterhalb der Beitragsschleife, üblicherweise index.php, archive.php oder search.php. Bearbeite dafür ein Child-Theme. Und vorher eine Sicherung anlegen.

Anrufen Website prüfen Anfragen

Darstellung

Diese Einstellungen gelten nur auf diesem Gerät und werden lokal in deinem Browser gespeichert. Es wird nichts übertragen.

Farbschema
Schriftgröße
Lesbarkeit
Erklärung zur Barrierefreiheit