{"id":46523,"date":"2022-01-24T09:43:32","date_gmt":"2022-01-24T08:43:32","guid":{"rendered":"https:\/\/kinsta.com\/de\/?p=46523&preview=true&preview_id=46523"},"modified":"2023-09-14T09:55:11","modified_gmt":"2023-09-14T08:55:11","slug":"wordpress-paginierung","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/wordpress-paginierung\/","title":{"rendered":"WordPress Paginierung: Wie man manuell oder mit Plugins eine Paginierung hinzuf\u00fcgt"},"content":{"rendered":"

Suchst du nach einer M\u00f6glichkeit, die WordPress-Paginierung zu kontrollieren?<\/p>\n

Die Anpassung der Paginierung deiner Webseite kann dir dabei helfen, eine benutzerfreundlichere, leicht zu navigierende Webseite zu erstellen. Viele WordPress-Themes<\/a> bieten jedoch keine detaillierten Optionen f\u00fcr die Paginierung, so dass du nur wenige \u00c4nderungen vornehmen kannst.<\/p>\n

Zum Gl\u00fcck gibt es einige einfache M\u00f6glichkeiten, die WordPress-Paginierung anzupassen. Fortgeschrittene Nutzer k\u00f6nnen sich auf eigenen Code verlassen, w\u00e4hrend Gelegenheitsnutzer mehrere hochwertige Paginierungs-Plugins finden k\u00f6nnen.<\/p>\n

In diesem Beitrag erf\u00e4hrst du alles, was du \u00fcber die Paginierung in WordPress wissen musst.<\/p>\n

Lass uns starten!<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Schau dir unseren Video-Leitfaden<\/a> zur WordPress-Paginierung an<\/h3>\n<\/kinsta-video>\n

Was ist WordPress-Paginierung?<\/h2>\n

Bei der WordPress-Paginierung wird die Liste der Blogbeitr\u00e4ge oder anderer Inhalte deiner Webseite in einzelne Seiten aufgeteilt.<\/p>\n

Wenn du zum Beispiel 100 Blogposts hast, kannst du die Paginierung so einstellen, dass auf jeder Seite 10 Blogposts angezeigt werden, wodurch die Liste deiner Blogposts in 10 Seiten mit je 10 Posts aufgeteilt wird.<\/p>\n

Die Besucher k\u00f6nnen dann mit den Schaltfl\u00e4chen „Weiter“ oder „Zur\u00fcck“ zwischen den Seiten mit deinen Beitr\u00e4gen navigieren. In manchen F\u00e4llen sehen die Besucher auch eine nummerierte Liste von Seiten, so dass sie zu einer bestimmten Seite springen k\u00f6nnen. Im Standard-Thema Twenty Twenty-One<\/a> sieht die Paginierung zum Beispiel so aus:<\/p>\n

\"Beispiel
Beispiel f\u00fcr eine WordPress-Paginierung im Standard-Theme Twenty Twenty-One.<\/figcaption><\/figure>\n

Du kannst einen einzelnen WordPress-Beitrag auch in mehrere Seiten aufteilen, was hilfreich sein kann, wenn du lange Inhalte<\/a> ver\u00f6ffentlichst.<\/p>\n

Mit einigen Code-Snippets oder Plugins kannst du auch viel mehr Kontrolle dar\u00fcber bekommen, wie die Paginierung auf deiner Seite funktioniert.<\/p>\n\n

Warum WordPress-Paginierung verwenden?<\/h2>\n

Es gibt 3 Hauptgr\u00fcnde, warum du dir die WordPress-Paginierung ansehen solltest:<\/p>\n

    \n
  1. Verbesserte Navigation und Benutzerfreundlichkeit<\/li>\n
  2. Bessere Leistung<\/li>\n
  3. Verbesserte SEO Crawlability<\/li>\n<\/ol>\n

    Gehen wir sie durch.<\/p>\n

    Verbesserte Navigation und Benutzerfreundlichkeit<\/h3>\n

    Der gr\u00f6\u00dfte Vorteil einer verbesserten WordPress-Paginierung besteht darin, dass es f\u00fcr deine Besucher\/innen einfacher ist, auf deiner Seite zu navigieren<\/a>, was zu einem besseren Erlebnis<\/a> f\u00fcr sie f\u00fchrt.<\/p>\n

    Viele WordPress-Themes zeigen nur begrenzte Paginierungsoptionen an, was es f\u00fcr Besucher\/innen schwierig macht, zu einer anderen Seite zu navigieren.<\/p>\n

    Hier sind zum Beispiel die Standard-Paginierungsoptionen im Twenty Twenty-One-Theme, wenn ein Besucher die erste Seite der Beitr\u00e4ge liest.<\/p>\n

    \"Das
    Das Twenty Twenty-One-Theme bietet auf der ersten Seite nur begrenzte Paginierungsoptionen.<\/figcaption><\/figure>\n

    Besucher k\u00f6nnen zur letzten Seite(in diesem Beispiel Seite 6<\/em>) oder zur n\u00e4chsten Seite navigieren(indem sie auf „\u00c4ltere Beitr\u00e4ge“ klicken<\/em>), aber sie k\u00f6nnen nicht direkt zu den Seiten 3, 4 oder 5 navigieren.<\/p>\n

    Im Vergleich dazu gibt es im Kinsta-Blog<\/a> mehrere Links zur Seitennavigation, die den Besuchern helfen, an die richtige Stelle zu gelangen.<\/p>\n

    \"Der
    Der Kinsta-Blog bietet mehr Paginierungsoptionen f\u00fcr eine einfachere Navigation.<\/figcaption><\/figure>\n

    Besucher\/innen erhalten noch mehr Optionen, wenn sie zu tieferen Seiten navigieren, was ihnen hilft, bei Bedarf schnell zu verschiedenen Seiten vor- oder zur\u00fcckzuspringen.<\/p>\n

    \"Beim
    Beim Navigieren auf tieferen Seiten erhalten die Nutzer mehr Paginierungsoptionen.<\/figcaption><\/figure>\n

    Bessere Leistung<\/h3>\n

    Die Paginierung kann auch eine Taktik sein, um die Leistung deiner WordPress-Webseite zu verbessern<\/a>, indem die Datenmenge, die auf jeder Seite geladen werden muss, begrenzt wird.<\/p>\n

    Nehmen wir zum Beispiel an, du hast 50 Blogbeitr\u00e4ge. Wenn du versuchst, alle 50 Blog-Beitr\u00e4ge auf deiner Blog-Hauptseite zu laden, kann es sein, dass deine Blog-Seite langsam geladen wird, weil das eine Menge Daten sind.<\/p>\n

    Wenn du jedoch die Liste mit Hilfe der Paginierung in 5 Seiten mit jeweils 10 Beitr\u00e4gen aufteilst, wird jede Seite viel schneller geladen, weil sie nur ein F\u00fcnftel der Daten laden muss.<\/p>\n

    Verbesserte SEO Crawlability<\/h3>\n

    Die Paginierung kann es Suchmaschinenrobotern wie dem Googlebot auch leichter machen, deine Seite zu crawlen<\/a>, weil sie mehr Navigationslinks zur Verf\u00fcgung haben.<\/p>\n

    Das ist zwar nur ein kleiner Unterschied, aber jede \u00c4nderung, die du vornehmen kannst, um die Crawlability deiner Webseite zu verbessern, ist f\u00fcr die Suchmaschinenoptimierung<\/a> immer eine gute Sache<\/a>.<\/p>\n

    Wie du die WordPress-Paginierung manuell steuerst<\/h2>\n

    Im n\u00e4chsten Abschnitt stellen wir dir einige praktische WordPress-Paginierungs-Plugins vor, aber es gibt auch einige integrierte Funktionen, mit denen du die WordPress-Paginierung steuern kannst. Je nach deinem Kenntnisstand kannst du die Paginierung auch mit eigenem Code<\/a> anpassen.<\/p>\n

    Sehen wir uns die eingebauten Optionen f\u00fcr die Arbeit mit der Paginierung am Beispiel des Standard-Themes Twenty Twenty-One an.<\/p>\n

    Steuern, wie viele Inhalte pro Seite angezeigt werden sollen<\/h3>\n

    In der Standardeinstellung zeigt WordPress 10 Beitr\u00e4ge pro Seite an. Wenn du also 25 Beitr\u00e4ge hast, h\u00e4ttest du insgesamt 3 Seiten. Die ersten beiden Seiten zeigen jeweils 10 Beitr\u00e4ge und die letzte Seite zeigt die restlichen 5 Beitr\u00e4ge.<\/p>\n

    Wenn du diese Zahl anpassen m\u00f6chtest, kannst du unter Einstellungen > Lesen<\/strong> den Wert Blog-Seiten maximal anzeigen<\/strong> \u00e4ndern.<\/p>\n

    \"So
    So \u00e4nderst du, wie viele Beitr\u00e4ge WordPress pro Seite anzeigt.<\/figcaption><\/figure>\n

    Einen WordPress-Beitrag oder eine Seite in mehrere Seiten aufteilen<\/h3>\n

    Bisher haben wir uns vor allem damit besch\u00e4ftigt, wie du deinen Blogbeitrag in mehrere Seiten aufteilen kannst. Mit WordPress kannst du aber auch einzelne Beitr\u00e4ge oder Seiten in mehrere Seiten unterteilen, was in manchen Situationen hilfreich sein kann.<\/p>\n

    Wenn du den WordPress-Blockeditor (auch bekannt als Gutenberg)<\/a> verwendest, kannst du mit dem Seitenumbruch-Block<\/strong> ausw\u00e4hlen, wo du Seitenumbr\u00fcche einf\u00fcgen m\u00f6chtest.<\/p>\n

    \"So
    So f\u00fcgst du Seitenumbr\u00fcche mit dem Seitenumbruch-Block ein.<\/figcaption><\/figure>\n

    Wenn du den klassischen TinyMCE-Editor verwendest<\/a>, kannst du mit einer von zwei Methoden festlegen, wo Seitenumbr\u00fcche eingef\u00fcgt werden sollen:<\/p>\n

      \n
    1. \n
        \n
      1. Platziere deinen Mauszeiger an der Stelle, an der du den Seitenumbruch auf der Registerkarte Visuell<\/strong> des Editors einf\u00fcgen m\u00f6chtest. Verwende dann das folgende Tastaturk\u00fcrzel: Alt + Umschalt + P<\/strong>.<\/li>\n
      2. Platziere den Seitenumbruch manuell, indem du das folgende Snippet in die Registerkarte Text<\/strong> des Editors einf\u00fcgst: <!--nextpage--><\/code>.<\/li>\n<\/ol>\n<\/li>\n<\/ol>\n

        Mit PHP und CSS das Paginierungsverhalten von WordPress anpassen<\/h3>\n

        Wenn du nicht sehr technisch veranlagt bist, ist diese Methode wahrscheinlich nicht das Richtige f\u00fcr dich. Du solltest lieber zu den Paginierungs-Plugins \u00fcbergehen.<\/p>\n

        Wenn du dich jedoch wohl dabei f\u00fchlst, kleinere \u00c4nderungen am Code deiner Webseite vorzunehmen, kannst du die Paginierung deines Themes mit PHP und CSS anpassen.<\/p>\n

        Da du die Template-Dateien deines Themes bearbeitest<\/a>, musst du ein WordPress Child-Theme verwenden. Andernfalls werden deine \u00c4nderungen bei der n\u00e4chsten Aktualisierung deines Themes wieder \u00fcberschrieben. Wir haben eine detaillierte Anleitung, wie du ein Child-Theme<\/a>\u00a0einrichtest.<\/p>\n

        Wir empfehlen dir au\u00dferdem, deine Webseite<\/a> zu sichern, bevor du \u00c4nderungen vornimmst.<\/p>\n

        Wenn du einem WordPress-Theme manuell eine Paginierung hinzuf\u00fcgen m\u00f6chtest, kannst du die Funktion the_posts_pagination<\/a> verwenden. Zum Beispiel das folgende Snippet:<\/p>\n

        the_posts_pagination( array(\n'mid_size' => 2,\n'prev_text' => __( 'Previous Page', 'textdomain' ),\n'next_text' => __( 'Next Page', 'textdomain' ),\n) );<\/code><\/pre>\n
        Du f\u00fcgst dieses Snippet direkt in die Template-Dateien deines Child-Themes ein, wo die Paginierung erscheinen soll.<\/p>\n
        Unten haben wir die Standardpaginierung von Twenty Twenty-One belassen und unsere eigene Paginierung mit dem Code-Snippet hinzugef\u00fcgt, um den Unterschied zu sehen. Die Paginierung „Seite 1“ ist die Standardpaginierung des Themas und die Paginierung „1“, „2“, „3“ stammt aus unserem eigenen Code.<\/p>\n
        \"Ein
        Ein Beispiel f\u00fcr die Standardpaginierung und die benutzerdefinierte Paginierung.<\/figcaption><\/figure>\n
        Hier siehst du, wie das im Code aussieht – du kannst die urspr\u00fcngliche Paginierung und unsere benutzerdefinierte Paginierung sehen.<\/p>\n
        \"Der
        Der eigentliche Code f\u00fcr den Beispiel-Screenshot oben.<\/figcaption><\/figure>\n
        Du musst die bestehende Paginierungsfunktion auf einer aktiven WordPress-Seite durch deine eigene Funktion ersetzen (Achtung: Wir empfehlen, dies zuerst auf einer Staging-Seite<\/a> zu tun. Dies ist nur ein Beispiel!). Abh\u00e4ngig von deinem Theme musst du m\u00f6glicherweise mehrere Dateien<\/a> bearbeiten.<\/p>\n
        Es kann bequemer sein, sich \u00fcber einen FTP-Client<\/a> mit deinem Server zu verbinden und einen speziellen PHP-Editor<\/a> zu verwenden, um deine Theme-Dateien zu bearbeiten.<\/p>\n
        Um den Stil der Paginierung deines Themes anzupassen, musst du einige benutzerdefinierte CSS hinzuf\u00fcgen<\/a>.<\/p>\n
        Die sieben besten WordPress-Paginierungs-Plugins<\/h2>\n
        Wenn du mehr Kontrolle \u00fcber die Paginierung deiner Webseite haben m\u00f6chtest, solltest du ein WordPress-Paginierungs-Plugin verwenden. Hier sind 7 der besten verf\u00fcgbaren Optionen.<\/p>\n
        1. WP-PageNavi<\/h3>\n
        \"WP-PageNavi
        WP-PageNavi WordPress Plugin.<\/figcaption><\/figure>\n
        WP-PageNavi<\/a> ist mit \u00fcber 700.000 aktiven Seiten das mit Abstand beliebteste WordPress-Paginierungs-Plugin. Au\u00dferdem ist es 100% kostenlos, was seine Beliebtheit erkl\u00e4rt.<\/p>\n
        Es bietet dir einen einfachen Einstellungsbereich, in dem du das Verhalten der Paginierung auf deiner Webseite steuern kannst. Du kannst den Text anpassen, wie viele Seitenzahlen angezeigt werden sollen und vieles mehr.<\/p>\n
        Wenn du mehr Kontrolle \u00fcber das Design deiner Paginierung haben m\u00f6chtest, kannst du auch das Plugin Styles For WP Pagenavi Addon<\/a> eines Drittanbieters in Betracht ziehen.<\/p>\n
        Wie es funktioniert<\/h4>\n
        Da WP-PageNavi so beliebt ist, bieten einige WordPress-Themes<\/a> integrierte Unterst\u00fctzung f\u00fcr das Plugin. Wenn dein Theme das tut, musst du das Plugin nur aktivieren und seine Einstellungen konfigurieren, und schon kann es losgehen. Du kannst auf die Einstellungen zugreifen, indem du zu Einstellungen > PageNavi<\/strong> gehst.<\/p>\n
        \"Der
        Der WP-PageNavi-Einstellungsbereich.<\/figcaption><\/figure>\n
        Wenn dein Theme jedoch keine integrierte Unterst\u00fctzung bietet, musst du die Vorlagendateien deines Themes manuell bearbeiten<\/a>, um das Plugin zum Laufen zu bringen, was etwas kompliziert sein kann, wenn du nicht sehr technisch veranlagt bist.<\/p>\n
        Du musst den Standardcode finden, den dein Theme f\u00fcr die Paginierung verwendet, und ihn durch das benutzerdefinierte Code-Snippet von WP-PageNavi ersetzen. Wie das geht, erkl\u00e4rt der Entwickler auf der WordPress.org-Seite des Plugins.<\/p>\n
        2. WP-Paginate<\/h3>\n
        \"WP-Paginate
        WP-Paginate WordPress Plugin.<\/figcaption><\/figure>\n
        WP-Paginate<\/a> ist ein weiteres beliebtes Plugin, mit dem du eine benutzerdefinierte Paginierung auf deiner WordPress-Seite einrichten kannst. Das Plugin hilft dir nicht nur dabei, deine Beitr\u00e4ge zu paginieren, sondern du kannst es auch verwenden, um deine Kommentare<\/a> zu paginieren, was dir helfen kann, deine Kommentare<\/a> zu beschleunigen.<\/p>\n
        Im Gegensatz zum WP-PageNavi Plugin musst du deine Theme-Vorlagendateien nicht<\/strong> direkt bearbeiten, was dieses Plugin zu einer besseren Option macht, wenn du kein Techniker bist. F\u00fcr fortgeschrittene Nutzer gibt es noch die M\u00f6glichkeit, die Paginierung manuell per PHP in die Template-Dateien deines Themes einzubauen.<\/p>\n
        Mit dem Plugin kannst du alle Aspekte der Paginierung anpassen, einschlie\u00dflich der folgenden:<\/p>\n