Möchten Sie WordPress-Paginierung auf Ihrer Website implementieren?

Paginierung ist eine praktische Funktion auf WordPress-Websites, die Blog-Beiträge in separate Seiten unterteilt. Anstatt dass Besucher durch alle Ihre Artikel scrollen müssen, können sie zu einer bestimmten Seite gehen und Zeit sparen.

Websites mit einer großen Menge an Inhalten können von der Implementierung der Paginierung profitieren, da diese Funktion den Besuchern hilft, schneller zu navigieren, indem sie a beste Erfahrung lesen.

Darüber hinaus macht die Paginierung Ihre Website-Navigation benutzerfreundlicher und crawlerfreundlicher, da sie eine klare Struktur innerhalb der Website schafft. Kürzere Blogseiten bedeuten auch schnellere Ladezeiten und bessere Werbung Benutzererfahrung.

Dieser Artikel zeigt Ihnen, wie Sie die Paginierung in WordPress mit zwei Methoden implementieren – manuell und mit einem Paginierungs-Plugin. Wir werden auch den WordPress 404-Paginierungsfehler und einige Tipps zur Behebung behandeln.

Aber bevor wir anfangen, wenn Sie WordPress noch nie installiert haben, finden Sie es heraus Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren 

Dann zurück zu warum wir hier sind.

Was ist WordPress-Paginierung?

Die WordPress-Paginierung ist eine Funktion, die die Liste der Blogbeiträge in separate Seiten unterteilt. Besucher können die Schaltflächen „Weiter“ oder „Zurück“ verwenden, um zwischen den Seiten zu navigieren oder zu einer bestimmten Seitennummer zu springen.

So fügen Sie Seitenzahlen manuell zu WordPress hinzu

Benutzer mit Programmierkenntnissen können die Paginierung in WordPress manuell mit benutzerdefiniertem Code implementieren. In diesem Tutorial verwenden wir das WordPress-Theme Zweiundzwanzig.

Probieren Sie die folgenden Methoden aus und verwenden Sie diejenige, die Ihren technischen Fähigkeiten am besten entspricht.

1. Anpassung des PHP-Codes in der Datei functions.php

WordPress unterstützt die Paginierungsfunktion (posts_nav_link()) die Sie direkt vor oder nach der Hauptschleife in die Datei einfügen können index.php Ihres WordPress-Themas.

Hier ist ein vereinfachtes Beispiel, wie der Code aussieht:

<?php if ( have_posts() ) : ?>
<!-- Ajoutez les fonctions de pagination ici. →
posts_nav_link()
<!-- Début de la boucle principale. -->
<?php while ( have_posts() ) : the_post();  ?>
<!-- le reste de la boucle principale de  votre thème -->
<?php endwhile; ?>
<!-- Fin de la boucle principale -->
<!-- Ou ajoutez les fonctions de pagination ici. -->
<div class="nav-previous alignleft">
<?php previous_posts_link( 'Anciens Articles' ); ?>
</div>
<div class="nav-next alignright">
<?php next_posts_link( 'Articles Récents' ); ?>
</div>
<?php else: ?>
<p><?php _e('Désolé, aucun message ne correspond à vos critères.' ); ? ></p>
<?php endif; ?>

Wir empfehlen die Verwendung von a Kind Thema um diese Änderung vorzunehmen, anstatt sie direkt im übergeordneten Thema zu implementieren. Ein untergeordnetes Design erbt die gesamte Funktionalität, den Stil und die Funktionalität seines übergeordneten Designs, sodass Sie Änderungen beibehalten können, die nach einem Design-Update vorgenommen wurden.

2. CSS-Code hinzugefügt, um die Paginierung zu ändern

Eine andere Möglichkeit, Paginierung zu implementieren, besteht darin, Ihrem aktiven Design HTML und CSS hinzuzufügen. Viele benutzerdefinierte CSS-Snippets, die Sie verwenden können, sind auf Webentwicklungsplattformen wie z CodePen.

Das Folgende ist eine benutzerdefinierte Paging-Funktion, die von entwickelt wurde Arefeh Hatami. Es verwendet HTML und CSS, um eine einfache Seitenzahl-Navigationsleiste zu erstellen. Wenn Sie sich entscheiden, dieses Snippet in Ihre WordPress-Website zu implementieren, können Sie nach Bedarf mit verschiedenen Stilen experimentieren.

Paginierung in WordPress implementieren

3. Inhaltsverwaltung nach Seite

Im Gegensatz zu den vorherigen Methoden beinhaltet diese keine Codierung. Stattdessen benötigen Sie lediglich Zugriff auf das WordPress-Admin-Dashboard.

  1. Zugang zu Einstellungen -> Lesen aus dem WordPress-Dashboard.
  2. Modifiziere den Blogseiten, die am häufigsten angezeigt werden Wert.
Paginierung in WordPress implementieren
  1. Klicken Sie auf Änderungen speichern.

Die Anzahl der angezeigten Artikel pro Seite sollte an die Gesamtmenge der Website-Inhalte angepasst werden. Wenn Sie beispielsweise zwischen 50 und 100 Artikel haben, wäre es ideal, wenn jede Seite fünf bis zehn Artikel enthalten würde.

Das Bild unten zeigt Ihnen, wie es aussieht, wenn der Wert auf "1" gesetzt ist. Auf jeder Seite wird ein Blog-Beitrag angezeigt und direkt vor dem Fußzeilenbereich wird eine Paginierungs-Navigationsleiste angezeigt. Diese Einstellung eignet sich für kleine Websites mit geringem Inhaltsvolumen.

Die besten WordPress Paginierungs-Plugins

Der einfachste Weg, eine Paginierung zu implementieren, ist die Verwendung von a WordPress Plugin. Viele kostenlose und Premium-Paginierungs-Plugins sind in der verfügbar Offizielles Plugin-Verzeichnis. Als nächstes behandeln wir die drei wichtigsten Plugins.

Alle diese Plugins sind über Ihr Menü anpassbar Einstellungen während der Installation und Aktivierung.

1. WP-PageNavi

Da gehört WP-PageNavi dazu Wordpress-Plugins beliebte Freebies, die Chancen stehen gut, dass Ihr WordPress-Theme eine integrierte Unterstützung enthält. Andernfalls müssen Sie Ihren Themencode manuell ändern, damit dieses Plugin mit dem benutzerdefinierten Code funktioniert, der auf der offiziellen Plugin-Seite bereitgestellt wird.

WP-PageNavi bietet einfache Einstellungen, die auch Anfänger leicht ändern können. Außerdem können Sie Beschriftungen von Navigationselementen und Seitenzahlen ändern. Darüber hinaus können Sie mit dem Plugin das Format wechseln Alte Artikel et Aktuelle Artikel auf einer nummerierten Navigationsleiste zur einfacheren Steuerung.

Um auf weitere Styling-Optionen zuzugreifen, sollten Sie auch das Addon erwerben Stile für WP PageNavi.

2. WP-Paginieren

WP-Paginate ist ein Open-Source-Plugin, das einfache Einstellungen zum Hinzufügen von Paginierung zu Ihrer WordPress-Website bietet. Es bietet auch eine Registerkarte Benutzerdefiniertes CSS um benutzerdefinierten Code für Ihre Paginierungslinks hinzuzufügen.

Abgesehen von Blog-Posts kann WP-Paginate auch Post-Kommentare bearbeiten, was praktisch für beliebte Blogs ist, die viele Kommentare erhalten. Weitere anpassbare Elemente sind Beschriftungen und Schaltflächen sowie deren Position.

Die kostenlose Version enthält alle wesentlichen Funktionen, die Sie benötigen. Allerdings Upgrade auf Version Pro bietet Ihnen mehr Styling-Optionen sowie Zugriff auf die Plugin-Dokumentation und einen einjährigen dedizierten Support.

3. Alphabetische Paginierung

Getreu seinem Namen können Sie mit Alphabetic Pagination Posts und Seiten alphabetisch unterteilen und organisieren. Dieses Paginierungsformat ist nützlich, um Elemente nach ihren Schlüsselwörtern und Themenkategorien zu sortieren, wodurch der Suchprozess effizienter wird.

Einige der grundlegenden Funktionen des Plugins umfassen automatische Paginierung, alphabetische Gruppierung und DOM-Positionierung. Verschiedene Stile und Sprachauswahlen sind für unterschiedliche Bedürfnisse und Vorlieben verfügbar. Durch das Upgrade auf die Premium-Version erhalten Sie Zugriff auf benutzerdefinierte Shortcodes für Paginierung und Benutzerlisten.

Darüber hinaus ist die alphabetische Paginierung kompatibel mit WooCommerce Shop- und Produktkategorieseiten.

Wie behebt man den WordPress-Paginierungsfehler 404?

Fehler 404 ist eine Fehlermeldung, die bei der Implementierung der Paginierung in WordPress erscheinen kann. In den meisten Fällen wird dies durch einen Permalink-Konflikt verursacht, der verhindert, dass der Browser die fehlerhafte Seite erkennt.

Der Fehler tritt normalerweise auf, wenn Sie zur nächsten Seite klicken. Die benutzerdefinierte Permalink-Struktur /%category%/%postname%/ funktioniert normal auf der ersten Seite, aber die /page/2 URL hinzugefügt https://www.domaine.com/taxonomie_personnalisee/page/2 kann mit benutzerdefinierten Permalink-Einstellungen in Konflikt stehen.

Abhängig von Ihrer Situation gibt es mehrere mögliche Lösungen für dieses Problem.

Ändern des Werts WP_Query posts_per_page

Wenn Sie zugreifen Einstellungen -> Lesen Aus dem WordPress-Dashboard sehen Sie, dass die Standardeinstellung für Blogseiten maximal angezeigt ist 10.

Überprüf den Permanentlink personalisiert ab WP_Query  und was wäre wenn posts_per_page hat den gleichen Wert. Ändern Sie andernfalls das eine oder das andere, damit sie nicht in Konflikt geraten.

Fügen Sie eine Paging-Umschreibungsregel hinzu

Bei dieser Methode wird der problematische Teil gelöscht, indem eine Umschreibregel erstellt wird. Fügen Sie dieses Code-Snippet in die Datei ein functions.php :

function my_pagination_rewrite() {
    add_rewrite_rule(category_name/page/?([0-9]{1,})/?$', 'index.php?category_name=blog&paged=$matches[1]', 'top');
}
add_action('init', 'my_pagination_rewrite');

Navigieren Sie nach dem Hinzufügen des Codes zu Einstellungen -> Permalinks von deinem Dashboard WordPress und klicken Änderungen speichern um den Regel-Cache zu löschen.

Letztendlich ist die Paginierung eine nützliche Funktion, die inhaltsintensive WordPress-Sites benutzerfreundlich und einfach zu navigieren macht und eine bessere Benutzererfahrung bietet. Glücklicherweise kann es mit benutzerdefiniertem Code oder einem Plugin implementiert werden, was es für Benutzer aller technischen Fähigkeiten praktisch macht.

Wir haben einige Möglichkeiten zum Hinzufügen von Paginierung zu einer WordPress-Website sowie die drei besprochen beste WordPress-Plugins Freeware, die diese Funktion implementiert.

Andere empfohlene Ressourcen

Wir laden Sie außerdem ein, die unten aufgeführten Ressourcen zu konsultieren, um die Kontrolle und Kontrolle Ihrer Website und Ihres Blogs zu verbessern.

Zusammenfassung

Das war es für diesen Leitfaden, der Ihnen erklärt, wie Sie die Paginierung in WordPress implementieren. Wenn Sie Bedenken oder Vorschläge haben, teilen Sie uns dies bitte innerhalb mit commentaires.

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

In der Zwischenzeit Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.   

...