WordPress Paginierung: Wie man Paginierung manuell oder mit Plugins hinzufügt

Suchen Sie nach einer Möglichkeit, die WordPress-Paginierung zu steuern?

Das Anpassen der Paginierung Ihrer Website kann Ihnen dabei helfen, eine benutzerfreundlichere, leicht navigierbare Website zu erstellen. Viele WordPress-Themes bieten jedoch keine detaillierten Paginierungsoptionen, was bedeutet, dass Sie in den Änderungen, die Sie vornehmen können, eingeschränkt sind.

Glücklicherweise gibt es einige einfache Möglichkeiten, die WordPress-Paginierung anzupassen. Fortgeschrittene Benutzer können sich auf benutzerdefinierten Code verlassen, während gelegentliche Benutzer mehrere hochwertige Paginierungs-Plugins finden können.

In diesem Beitrag behandeln wir alles, was Sie über die WordPress-Paginierung wissen müssen.

Tauchen wir ein!

Was ist WordPress-Paginierung?

WordPress-Paginierung ist der Prozess, bei dem die Liste der Blog-Posts oder anderer Inhalte Ihrer Website in separate Seiten aufgeteilt wird.

Wenn Sie beispielsweise 100 Blog-Posts haben, können Sie Ihre Paginierungseinstellungen so konfigurieren, dass auf jeder Seite 10 Blog-Posts angezeigt werden, was Ihre Blog-Post-Liste in 10 Seiten mit jeweils 10 Posts aufteilen würde.

Besucher können dann die Schaltflächen „Weiter“ oder „Zurück“ verwenden, um zwischen den Seiten zu navigieren, die Ihre Beiträge auflisten. Oder in einigen Fällen sehen Besucher eine nummerierte Liste von Seiten, damit sie zu einer bestimmten Seite springen können. Zum Beispiel sieht die Paginierung im Standardthema Twenty Twenty-One so aus:

Sie können einen einzelnen WordPress-Beitrag auch in mehrere Seiten aufteilen, was hilfreich sein kann, wenn Sie Inhalte in Langform veröffentlichen.

Mit einigen Code-Snippets oder Plugins können Sie auch viel mehr Kontrolle darüber erlangen, wie die Paginierung auf Ihrer Website funktioniert. Dies sind Themen, die wir später in diesem Beitrag behandeln werden.

Suchen Sie nach einer Möglichkeit, die WordPress-Paginierung zu steuern? Beginnen Sie hier Klicken Sie, um zu twittern

Warum WordPress-Paginierung verwenden?

Es gibt 3 Hauptgründe, warum Sie sich um die WordPress-Paginierung kümmern sollten:

1. Verbesserte Navigation und Benutzererfahrung
2. Bessere Leistung
3. Verbesserte SEO-Crawlbarkeit

Gehen wir sie durch.

Verbesserte Navigation und Benutzererfahrung

Der größte Vorteil der Verbesserung der WordPress-Paginierung besteht darin, dass es Ihren Besuchern erleichtert wird, auf Ihrer Website zu navigieren, was für sie ein besseres Erlebnis schafft.

Viele WordPress-Themes zeigen nur eingeschränkte Paginierungsoptionen, was es Besuchern erschwert, zu einer anderen Seite zu navigieren.

Hier sind zum Beispiel die Standard-Paginierungsoptionen im Design Twenty Twenty-One, wenn ein Besucher die erste Seite von Beiträgen liest.

Besucher können zur letzten Seite ( in diesem Beispiel Seite 6 ) oder zur nächsten Seite ( indem sie auf „Ältere Beiträge“ klicken ) navigieren, aber sie können nicht direkt zu den Seiten 3, 4 oder 5 navigieren.

Vergleiche das mit dem Kinsta-Blog, der mehrere Paginierungslinks bereitstellt, um Besuchern zu helfen, an die richtige Stelle zu gelangen.

Besucher erhalten noch mehr Optionen, wenn sie zu tieferen Seiten navigieren, was ihnen hilft, je nach Bedarf schnell vor- oder zurück zu verschiedenen Seiten zu springen.

Bessere Leistung

Die Verwendung von Paginierung kann auch eine Taktik sein, um die Leistung Ihrer WordPress-Site zu verbessern, indem Sie die Datenmenge begrenzen, die Ihre Site auf jeder Seite laden muss.

Nehmen wir zum Beispiel an, Sie haben 50 Blog-Posts. Wenn Sie versuchen, alle 50 Blog-Posts auf Ihrer Haupt-Blog-Seite zu laden, wird Ihre Blog-Seite möglicherweise langsam geladen, weil das viele Daten sind.

Wenn Sie jedoch die Paginierung verwenden, um die Liste in 5 Seiten mit jeweils 10 Beiträgen aufzuteilen, wird jede Seite viel schneller geladen, da sie nur ein Fünftel der Daten laden muss.

Verbesserte SEO-Crawlbarkeit

Die Verwendung von Paginierung kann es auch Suchmaschinen-Robotern wie dem Googlebot erleichtern, Ihre Website zu crawlen, indem diesen Bots mehr Navigationslinks bereitgestellt werden.

Es ist ein kleiner Unterschied, aber jede Optimierung, die Sie vornehmen können, um die Crawlbarkeit Ihrer Website zu verbessern, ist immer eine gute Sache für SEO.

So steuern Sie die WordPress-Paginierung manuell

Während wir im nächsten Abschnitt zu einigen praktischen WordPress-Paginierungs-Plugins kommen, erhalten Sie auch einige integrierte Funktionen, um mit der WordPress-Paginierung zu arbeiten. Oder, je nach Ihrem Wissensstand, können Sie die Seitennummerierung auch mit benutzerdefiniertem Code anpassen.

Lassen Sie uns über die integrierten Optionen für die Arbeit mit Paginierung sprechen, wobei wir das Standardthema Twenty Twenty-One als Beispiel verwenden.

Steuern, wie viele Inhaltselemente pro Seite angezeigt werden sollen

Standardmäßig zeigt WordPress 10 Beiträge pro Seite an. Wenn Sie also 25 Beiträge haben, hätten Sie insgesamt 3 Seiten. Die ersten 2 Seiten würden jeweils 10 Posts zeigen, und die letzte Seite würde die restlichen 5 Posts zeigen.

Wenn Sie diese Zahl anpassen möchten, können Sie zu Einstellungen > Lesen gehen und die Blog-Seiten bearbeiten, die den höchsten Wert anzeigen.

Aufteilen eines WordPress-Beitrags oder einer Seite in mehrere Seiten

Bisher haben wir uns hauptsächlich darauf konzentriert, Ihre Blog-Listing-Seite in mehrere Seiten aufzuteilen. Mit WordPress können Sie jedoch auch einzelne Beiträge oder Seiten in verschiedene Seiten unterteilen, was in manchen Situationen hilfreich sein kann.

Wenn du den WordPress- Blockeditor (AKA Gutenberg) verwendest, kannst du mithilfe des Seitenumbruchblocks auswählen, wo Seitenumbrüche hinzugefügt werden sollen.

Wenn Sie den klassischen TinyMCE-Editor verwenden, können Sie mit einer von zwei Methoden auswählen, wo Seitenumbrüche hinzugefügt werden sollen:

1. Platzieren Sie Ihren Mauszeiger auf der Registerkarte „Visuell“ des Editors an der Stelle, an der Sie den Seitenumbruch hinzufügen möchten. Verwenden Sie dann die folgende Tastenkombination: Alt + Umschalt + P .
2. Platzieren Sie den Seitenumbruch manuell, indem Sie das folgende Snippet in die Registerkarte „ Text “ des Editors einfügen: <!--nextpage--> .

Verwenden von PHP und CSS zum Anpassen des Paginierungsverhaltens von WordPress

Wenn Sie nicht sehr technisch versiert sind, ist diese Methode wahrscheinlich nichts für Sie. Vielleicht möchten Sie zu den Paginierungs-Plugins springen.

Wenn Sie jedoch gerne kleinere Code-Anpassungen an Ihrer Website vornehmen, können Sie die Paginierung Ihres Designs mit PHP und CSS anpassen.

Da Sie die Vorlagendateien Ihres Themes bearbeiten, müssen Sie ein untergeordnetes WordPress-Theme verwenden. Andernfalls werden Ihre Änderungen beim nächsten Aktualisieren Ihres Designs überschrieben. Wir haben eine detaillierte Anleitung zum Einrichten eines Child-Themes.

Wir empfehlen außerdem, Ihre Website zu sichern, bevor Sie Änderungen vornehmen.

Wenn Sie jedem WordPress-Theme manuell eine Paginierung hinzufügen möchten, können Sie die Funktion the_posts_pagination verwenden. Zum Beispiel der folgende Ausschnitt:

 the_posts_pagination( array( 'mid_size' => 2, 'prev_text' => __( 'Previous Page', 'textdomain' ), 'next_text' => __( 'Next Page', 'textdomain' ), ) );

Sie würden dieses Snippet direkt zu den Vorlagendateien Ihres untergeordneten Designs hinzufügen, wo die Paginierung erscheinen soll.

Unten haben wir die Standard-Paginierung Twenty Twenty-One beibehalten und mithilfe des Code-Snippets unsere eigene Paginierung hinzugefügt, um den Unterschied zu sehen. Die Paginierung „Seite 1“ ist die Standardeinstellung des Themas, und die Paginierung „1“, „2“, „3“ stammt von unserem benutzerdefinierten Code.

So sieht das im Code aus – Sie können die ursprüngliche Paginierungsfunktion und unsere benutzerdefinierte Paginierung sehen.

Sie möchten die vorhandene Paginierungsfunktion durch Ihre benutzerdefinierte Funktion auf einer Live-WordPress-Site ersetzen (Warnung: Wir empfehlen, dies zuerst auf einer Staging-Site zu tun. Dies ist nur ein Beispiel!). Abhängig von Ihrem Design müssen Sie möglicherweise mehrere Dateien bearbeiten.

Möglicherweise finden Sie es bequemer, sich über einen FTP-Client mit Ihrem Server zu verbinden und einen dedizierten PHP-Editor zum Bearbeiten Ihrer Designdateien zu verwenden.

Um den Stil der Paginierung Ihres Designs anzupassen, müssen Sie benutzerdefiniertes CSS hinzufügen.

Die sieben besten WordPress-Paginierungs-Plugins

Wenn Sie mehr Kontrolle über die Paginierung Ihrer Website haben möchten, bevorzugen Sie möglicherweise die Verwendung eines WordPress-Paginierungs-Plugins. Hier sind 7 der besten verfügbaren Optionen.

1. WP-PageNavi

WP-PageNavi ist auf über 700.000 Websites aktiv und mit Abstand das beliebteste WordPress-Paginierungs-Plugin. Es ist auch 100% kostenlos, was seine Popularität erklärt.

Es bietet Ihnen einen einfachen Einstellungsbereich, in dem Sie das Verhalten der Paginierung Ihrer Website steuern können. Sie können den Text anpassen, wie viele Seitenzahlen angezeigt werden sollen und vieles mehr.

Melden Sie sich für den Newsletter an

Möchten Sie wissen, wie wir unseren Traffic um über 1000 % gesteigert haben?

Schließen Sie sich über 20.000 anderen an, die unseren wöchentlichen Newsletter mit WordPress-Insidertipps erhalten!

Abonniere jetzt

Wenn Sie mehr Kontrolle über das Design Ihrer Paginierung wünschen, können Sie auch das Styles For WP Pagenavi Addon-Plugin eines Drittanbieters in Betracht ziehen.

Wie es funktioniert

Da WP-PageNavi so beliebt ist, bieten einige WordPress-Themes eine integrierte Unterstützung für das Plugin. Wenn Ihr Thema dies tut, müssen Sie nur das Plugin aktivieren, seine Einstellungen konfigurieren und Sie können loslegen. Sie können auf die Einstellungen zugreifen, indem Sie zu Einstellungen > PageNavi gehen .

Wenn Ihr Design jedoch keine integrierte Unterstützung enthält, müssen Sie die Vorlagendateien Ihres Designs manuell bearbeiten, damit das Plugin funktioniert, was ein wenig kompliziert sein kann, wenn Sie nicht sehr technisch versiert sind.

Sie müssen den Standardcode finden, den Ihr Design für die Paginierung verwendet, und ihn durch das benutzerdefinierte Code-Snippet von WP-PageNavi ersetzen. Wie das geht, erklärt der Entwickler auf der WordPress.org-Seite des Plugins.

2. WP-Paginieren

WP-Paginate ist ein weiteres beliebtes Plugin zum Einrichten einer benutzerdefinierten Paginierung auf deiner WordPress-Seite. Zusätzlich zur Hilfe beim Paginieren Ihrer Posts können Sie das Plugin auch verwenden, um Ihren Kommentarabschnitten eine benutzerdefinierte Paginierung hinzuzufügen, was Ihnen helfen kann, Ihre Kommentare zu beschleunigen.

Im Gegensatz zum obigen WP-PageNavi-Plugin müssen Sie Ihre Theme-Vorlagendateien nicht direkt bearbeiten, was dies zu einer besseren Option machen könnte, wenn Sie kein Techniker sind. Fortgeschrittene Benutzer haben immer noch die Möglichkeit, die Paginierung manuell mit PHP in die Vorlagendateien Ihres Designs einzufügen.

Mit dem Plugin können Sie alle Aspekte Ihrer Paginierung anpassen, einschließlich der folgenden:

• Etiketten und Schaltflächen
• Platzierung
• Wie viele Navigationselemente angezeigt werden sollen

Es gibt eine kostenlose Version auf WordPress.org, die für die meisten Websites funktionieren sollte. Es gibt auch eine Premium-Version für 19 US-Dollar, die weitere voreingestellte Stile und Stiloptionen hinzufügt.

Wie es funktioniert

Um das Plugin zu konfigurieren, können Sie zu Einstellungen → WP-Paginate gehen, um die Einstellungen des Plugins zu steuern.

Wenn Sie die Paginierung des Plugins anzeigen möchten, ohne die Vorlagendateien Ihres Designs zu bearbeiten, sollten Sie die folgenden Einstellungen in den Einstellungen für Ort und Position vornehmen:

1. Aktivieren Sie das Kontrollkästchen Überall , um Ihre neue Paginierung überall dort anzuzeigen, wo eine Paginierung erforderlich ist.
2. Setzen Sie das Dropdown-Menü Position auf den Wert Unter dem Inhalt .
3. Aktivieren Sie das Kontrollkästchen Standard-Paginierung ausblenden, um die vorhandene Paginierung Ihres Designs auszublenden.

3. Paginierung durch BestWebSoft

Pagination von BestWebSoft ist ein weiteres Paginierungs-Plugin, mit dem Sie Ihrer Website ein neues Paginierungssystem hinzufügen können, ohne die Vorlagendateien Ihres Designs bearbeiten zu müssen.

Wie beim obigen WP-Paginate-Plugin haben Sie jedoch weiterhin die Möglichkeit, die Vorlagendateien Ihres Designs zu bearbeiten, wenn Sie mehr Kontrolle über die Platzierung wünschen.

Über die Einstellungen des Plugins können Sie die Position, den Stil und das Verhalten Ihrer Paginierung einfach anpassen.

Die kostenlose Version sollte für die meisten Websites gut funktionieren, aber eine 20-Dollar-Premium-Version fügt auch mehr Paginierungstypen und integrierte Divi-Kompatibilität hinzu.

Wie es funktioniert

Um das Plugin zu konfigurieren, gehen Sie in Ihrem Dashboard auf die neue Registerkarte Paginierung .

Die Standardeinstellungen des Plugins verbergen automatisch die vorhandene Paginierung Ihres Designs und ersetzen sie durch die benutzerdefinierte Paginierung aus dem Plugin. Sie müssen lediglich die Einstellungen für den Stil und das Verhalten Ihrer neuen Paginierung konfigurieren.

4. Ajax lädt mehr

Mit Ajax Load More können Sie Schaltflächen erstellen, die mehr Inhalt laden, ohne dass der Benutzer gezwungen wird, eine neue Seite zu laden. Es bietet Ihnen mehrere Optionen zur Steuerung der Paginierung, einschließlich der „traditionellen“ Paginierung und einiger einzigartiger Wendungen.

Wenn Sie bereit sind, einige Premium-Add-Ons zu kaufen, können Sie tatsächliche Paginierungsschaltflächen hinzufügen. Wenn Benutzer zu einer neuen Seite wechseln, nehmen sie die Seite nicht als Neuladen wahr, aber die URL ändert sich (gut für SEO). Eine Live-Demo davon können Sie hier sehen.

Mit Ajax Load More können Sie Ihre Paginierung durch eine Schaltfläche „Load More“ in der kostenlosen Version ersetzen. Anstatt Paginierungslinks hinzuzufügen, mit denen Besucher zu einer anderen Seite navigieren können, können Sie mit Ajax Load More eine Schaltfläche „Load More“ hinzufügen, um mehr Beiträge anzuzeigen, ohne die Seite neu zu laden. Eine Live-Demo davon können Sie hier sehen.

Wie es funktioniert

Anstatt Ihrer bestehenden Post-Liste eine Paginierung hinzuzufügen, funktioniert das Ajax Load More-Plugin, indem es eine neue Post-Liste erstellt, die Ihre gewünschten Einstellungen enthält. Um dies einzurichten, verwenden Sie den Bereich Ajax Load More in Ihrem WordPress-Dashboard.

Wenn Sie die herkömmliche Paginierung einrichten möchten, stellen Sie sicher, dass Sie das Paging-Add-On erwerben und installieren.

5. Alphabetische Paginierung

Das Alphabetic Pagination Plugin hilft Ihnen, eine andere Art von Paginierung auf Ihrer Website zu implementieren – eine AZ-Liste.

Anstatt nach Nummern zu paginieren und Beiträge nach ihrem Veröffentlichungsdatum zu ordnen, können Sie mit der alphabetischen Paginierung eine Paginierungsoption für jeden Buchstaben des Alphabets erstellen. Wenn ein Benutzer dann auf einen bestimmten Buchstaben klickt, sieht er alle Inhalte, die mit diesem Buchstaben beginnen.

Wie es funktioniert

Um das Plugin zu verwenden, gehen Sie zu Einstellungen > Alphabetische Paginierung , um seine Einstellungen zu konfigurieren.

Auf der Registerkarte Allgemein der Plugin-Einstellungen können Sie konfigurieren, wo Ihre alphabetische Paginierung angezeigt werden soll.

Die Verwendung der Auto- Implementierung ist die einfachste Option. Sie können Ihre alphabetische Paginierung jedoch auch manuell mit den Shortcodes oder der PHP-Funktion auf der Registerkarte Shortcodes platzieren .

Nachdem Sie die Platzierung konfiguriert haben, können Sie das Design Ihrer alphabetischen Paginierung auf der Registerkarte „Design“ steuern.

6. WP-Posts anzeigen

WP Show Posts ist ein hilfreiches Plugin, mit dem Sie Ihre Postlisten erstellen können, komplett mit benutzerdefinierter Paginierung.

Das ist das entscheidende Detail – Sie fügen Ihrer bestehenden Blog-Post-Liste keine Paginierung hinzu. Stattdessen erstellen Sie eine neue Blog-Post-Liste, die Ihre eigenen Paginierungseinstellungen enthält.

Das Plugin enthält auch einen flexiblen Abfragegenerator, sodass Sie genau auswählen können, welche Beiträge angezeigt werden sollen (und daher welche Beiträge Sie paginieren möchten).

Wie es funktioniert

Sobald Sie das Plugin aktiviert haben, können Sie zu WP Show Posts > Add New gehen, um eine neue Post-Liste zu erstellen.

Wir empfehlen, alle Einstellungen zu erkunden, um zu steuern, welche Inhalte angezeigt werden sollen. Aktivieren Sie beim Einrichten der Paginierung das Kontrollkästchen Paginierung auf der Registerkarte Beiträge und legen Sie die Anzahl der Beiträge pro Seite fest .

Sobald Sie alles eingerichtet haben, können Sie Ihre Post-Liste mit dem Shortcode oder der PHP-Funktion hinzufügen.

7. Paginierungs-Styler für WooCommerce

Wie der Name schon sagt, ist Pagination Styler for WooCommerce ein Paginierungs-Plugin speziell für WooCommerce-Shops.

Es bietet Ihnen viele neue Optionen zur Steuerung der Positionierung und des Stils der Produktseitenumbrüche in Ihrem Geschäft. Sie können auch aus völlig anderen Layouts wählen, z. B. einer vertikalen Paginierung anstelle der traditionellen horizontalen Paginierung.

Wie es funktioniert

Pagination Styler for WooCommerce ersetzt Ihre vorhandene WooCommerce-Paginierung durch die Paginierung des Plugins.

Um die Einstellungen des Plugins zu konfigurieren, können Sie in Ihrem WordPress-Dashboard zu BeRocket > Pagination Styler gehen:

Das Anpassen der Paginierung Ihrer Website kann Ihnen helfen, eine benutzerfreundlichere, leicht navigierbare Website zu erstellen, aber viele WordPress-Designs bieten keine detaillierten Optionen. Dieser Leitfaden soll Ihnen helfen! Zum Twittern klicken

Zusammenfassung

Mit der Paginierung können Sie den Inhalt Ihrer WordPress-Site auf mehrere Seiten aufteilen. Dies kann Menschen und Suchmaschinen die Navigation erleichtern und auch die Leistung verbessern, indem weniger Daten auf jeder Seite geladen werden.

Alle WordPress-Sites werden standardmäßig mit Paginierungsunterstützung geliefert. Das Standard-Paginierungssystem in den meisten Themen ist jedoch begrenzt.

Um die WordPress-Paginierung zu verbessern, können Sie Ihren benutzerdefinierten Code hinzufügen oder eines der 7 WordPress-Paginierungs-Plugins verwenden, die wir oben beschrieben haben.

Haben Sie noch Fragen zur WordPress-Paginierung? Bitte teilen Sie Ihre Gedanken in den Kommentaren unten!