WordPress-Paginierung

Veröffentlicht: 2023-02-12

Paginierung zu WordPress hinzufügen

Die standardmäßige Navigationsfunktion „Zurück/Nächste“ für WordPress-Beiträge und -Seiten funktioniert in einigen Fällen gut. Es ist jedoch nicht die intuitivste Methode. Dies gilt insbesondere für Websites mit vielen veröffentlichten Inhalten.

Paginierung – eine Funktion, die Inhalte auf separate Seiten aufteilt – ist eine Option, mit der Sie das Design Ihrer Website verfeinern und die Art und Weise verbessern können, wie Besucher durch Ihre Inhalte navigieren. Diese Technik hat sowohl einen praktischen als auch einen ästhetischen Reiz und wird im Internet immer beliebter.

In diesem Beitrag stellen wir die Paginierung vor und diskutieren verschiedene Möglichkeiten, sie zu WordPress hinzuzufügen. Dies kann mit Plugins, Ajax oder benutzerdefinierten Einstellungen erfolgen. Lass uns anfangen!

Paginierung zu WordPress hinzufügen

Wenn Sie Ihrer WordPress-Website eine Paginierung hinzufügen möchten, werden Sie auf zwei Hauptmethoden stoßen. Die erste besteht in der Verwendung eines Plugins und die zweite in Ajax. Wir werden diese beiden Ansätze in Kürze ausführlich erläutern und einige benutzerdefinierte Anpassungen vorstellen, die Sie ebenfalls vornehmen können. Betrachten wir vorher die primäre Art und Weise, wie Paginierung in WordPress verwendet werden kann.

Blog-Paginierung in WordPress

Paginierung wird am häufigsten in den Blog-Bereichen von WordPress-Websites verwendet. Es kann auf einzelne Posts angewendet oder als Methode zur Konsolidierung von Blog-Kategorieseiten verwendet werden:

Blog-Paginierung in WordPress

Blog-Paginierung bietet zahlreiche Vorteile, sowohl für Ihre Website als auch für deren Besucher. Zum Beispiel kann die Paginierung Ihr Suchmaschinenranking verbessern. Dies liegt daran, dass eine erhöhte Anzahl von Links (dh mehr Seiten) auf Ihre Website verweisen.

Für Ihre Besucher erleichtert die Paginierung die Navigation. Anstatt die standardmäßige vorherige/nächste Navigationsmethode für Beiträge und Seiten zu verwenden, ermöglicht die Paginierung den Lesern, auf bestimmte Seitenzahlen zu klicken. Das bedeutet, dass sie weniger Zeit mit der Suche nach Beiträgen und Seiten verbringen und mehr Zeit mit der Interaktion mit Ihren Inhalten verbringen.

Paginierungs-Plugins

Der einfachste Weg, Paginierung in WordPress zu verwenden, sind Paginierungs-Plugins. Es gibt eine Reihe von Optionen, aber schauen wir uns einige der besten Lösungen genauer an.

An erster Stelle steht WP-Paginate. Mit diesem Plugin können Sie praktisch überall auf Ihrer Website nummerierte Schaltflächen hinzufügen, einschließlich der Blog-Seite , der Suchseite und der Startseite . Dies trägt dazu bei, die Erfahrung Ihrer Benutzer zu verbessern (indem sie es ihnen ermöglichen, zur gewünschten Seite zu springen) und verbessert das Erscheinungsbild Ihrer Website:

WordPress Paginierungs-Plugin

Darüber hinaus können Sie mit WP-Paginate die Seitenschaltflächen und sogar bestimmte Werte (wie Seitenbereich und Seitenabstand ) anpassen. Dies bedeutet, dass Sie die Kontrolle über die wichtigsten Elemente der Paginierung haben.

Zweitens werfen wir einen kurzen Blick auf WP-PageNavi. Ähnlich wie bei WP-Paginate können Sie mit diesem Plugin Seitenzahlen fast überall auf Ihrer WordPress-Site hinzufügen. Im Gegensatz zum vorherigen Plugin erfordert es jedoch ein wenig Konfiguration:

WordPress-Plugin für Paginierung

Beide WordPress-Paginierungs-Plugins ermöglichen es Ihnen, von der standardmäßigen vorherigen/nächsten Navigation zu einem fortgeschritteneren, nummerierten System zu wechseln. Sie können auch Ihr eigenes benutzerdefiniertes CSS hinzufügen, wenn Sie möchten. Es gibt jedoch einen anderen Weg, um dasselbe Ziel zu erreichen.

Ajax-Paginierung in WordPress

Asynchronous JavaScript And XML (AJAX) ist eine Reihe von Programmiertechniken, mit denen Entwickler asynchrone Webanwendungen erstellen können. Kurz gesagt, Ajax sendet und ruft Informationen von einem Server ab, ohne das Erscheinungsbild der Seite zu beeinträchtigen, da es im Hintergrund ausgeführt wird. Ajax wird verwendet, um dynamische Seiteninhalte zu ändern, ohne die gesamte Seite neu zu laden. Dies wird häufig beim unendlichen Scrollen beobachtet, gilt aber auch für die Paginierung.

Mithilfe von Ajax-Paginierung kann eine Website häufig mit neuen Inhalten (z. B. Blog-Beiträgen) aktualisiert werden, ohne die Erfahrung des Benutzers zu unterbrechen. Ihre Leser können die neuesten Inhalte sehen, die Sie posten, während sie auf der Seite sind, aber sie werden nicht jedes Mal neu geladen. Wenn Benutzer auf die nächste Seite klicken, müssen sie außerdem nicht warten, bis sie vollständig neu geladen ist.

Ajax-Paginierung ohne Plugins

Wir haben oben einige Plugin-Optionen eingeführt, mit denen Sie Ihrer WordPress-Website eine Paginierung hinzufügen können. Die Ajax-Paginierung kann jedoch ohne die Verwendung eines Plugins durchgeführt werden.

Es ist wichtig zu verstehen, dass dieser Prozess einiges an Codierung erfordert. Das bedeutet, dass Sie ernsthaft überlegen sollten, zuerst ein untergeordnetes Thema zu erstellen. Auf diese Weise können Sie Änderungen an Ihrem aktuellen Website-Design vornehmen, ohne den Standardcode zu beeinträchtigen. Dies verringert die Wahrscheinlichkeit, dass Sie kritische Fehler machen, und macht es sehr einfach, Ihren eigenen Code zu den Designdateien hinzuzufügen.

Sobald Ihr untergeordnetes Thema eingerichtet ist, gibt es drei Hauptschritte, um Ihrer Website eine Paginierung hinzuzufügen. Hier ein Überblick über den Ablauf:

  1. Erstellen Sie eine Veranstaltung. Hier entscheiden Sie, welche Aktion auf Ihrer Website (z. B. das Klicken auf eine Seitenzahl) den JavaScript-Teil des Prozesses auslöst.
  2. Erstellen Sie einen Ajax-Aufruf. Sobald JavaScript aktiviert ist, wird eine Datenanfrage an den Webserver gesendet.
  3. Kommunizieren Sie mit WordPress. Schließlich bestimmt die Antwort des Servers, wie WordPress funktioniert. In diesem Fall wird eine neue Inhaltsseite aufgerufen, ohne die gesamte Seite neu zu laden.

Es ist leicht zu sehen, wie Ajax die Paginierung verbessern kann. Alle diese Schritte erfolgen in Sekundenschnelle, was die Benutzererfahrung Ihrer Website enorm verbessert.

Benutzerdefinierte Paginierung

Wenn Sie Ajax lieber nicht verwenden möchten, fragen Sie sich vielleicht, ob es andere Möglichkeiten gibt, eine benutzerdefinierte Paginierung für Ihre WordPress-Website zu erstellen. Während Plugins einige nützliche Funktionen bieten, können Sie die Paginierungsfunktion Ihrer Website auch selbst ändern.

Sie können beispielsweise die Anzahl der Beiträge ändern, die pro Seite angezeigt werden. Während WordPress den Standardwert auf 10 setzt, kannst du das auf fast jede beliebige Zahl ändern. Gehen Sie dazu zu Einstellungen > Lesen > Blogseiten höchstens anzeigen . Hier können Sie den Wert direkt erhöhen oder verringern:

benutzerdefinierte WordPress-Paginierung

Eine weitere benutzerdefinierte Paginierungsfunktion, die viele Benutzer nicht kennen, ist die Möglichkeit, einen einzelnen Beitrag auf mehrere Seiten aufzuteilen. Dies eignet sich hervorragend für Listenartikel oder andere Arten von Langforminhalten. Um diese Funktion zu implementieren, müssen Sie lediglich <!– nextpage –> (während Sie sich im Texteditor befinden) zwischen den Inhalten einfügen, die Sie aufteilen möchten:

WordPress-Blog-Paginierung

Wenn Sie ein fortgeschrittenerer Benutzer sind, können Sie auch mit CSS (innerhalb der Datei styles.css ) experimentieren, um Ihre Paginierung weiter anzupassen. Sie können Elemente wie Hintergründe und Schriftfarben, Füllelemente und Hover-Effekte ändern. Mit ein wenig Arbeit können Sie die Paginierung Ihrer Website nach Ihren Wünschen einrichten!

Möchten Sie mehr über interessante Elemente erfahren, die Sie Ihrer Website hinzufügen können? Folgen Sie WP Engine und Sie werden zahlreiche Artikel zu WordPress-Neuigkeiten und bevorstehenden Funktionen finden. Um noch mehr aus WP Engine herauszuholen, können Sie sich auch unsere verwalteten Hosting-Pläne ansehen, die engagierten Support und praktisch alles bieten, was Sie zum Betreiben einer effektiven Website benötigen!