Pagination in WordPress-Theme einbauen

Sobald man viele Artikel erstellt hat, sind die einfachen Links auf die vorherige oder nächste Seite meiner Meinung nach nicht mehr ausreichend. Aufgrund dessen habe ich mir ein paar Pagination-Plugins angeschaut, war aber mit keinem so recht zufrieden. Deshalb habe ich mir nun eine eigene einfache und schnelle Pagination geschrieben.

Hier kannst du ein Paket aus der PHP-Datei und dem zugehörigen Stylesheet herunterladen. Den Quellcode musst du einfach in deine functions.php kopieren oder anderweitig in dein WordPress-Theme einbinden.

Um die Pagination nutzen zu können, musst du folgenden Code an die passende Stelle deines Themes einfügen:

<?php if(function_exists('pagination')) pagination(); ?>

Die Funktion kann auch parametriert aufgerufen werden:

<?php if(function_exists('pagination')) pagination($start_end_links, $middle_links); ?>

Der erste Parameter gibt dabei an, wieviele Links immer am Anfang und am Ende der Pagination angezeigt werden sollen. Der zweite Parameter bestimmt, wieviele Links “um den Link der aktiven Seite” angezeigt werden. Für den zweiten Parameter empfiehlt sich deshalb eine ungerade Zahl.

Das Ganze sieht dann so aus:

P.S.: Nicht vergessen, den alten Code für die herkömmliche Navigation auszukommentieren bzw. zu löschen ;)

Veröffentlicht am 31.12.2009

17 Kommentare

  • Alex L. schrieb am 2. Januar 2010

    Die Thematik Seitennummerierung im WordPress-Blog machte mir neulich ebenfalls viel Spass und ich habe eine Pagination im Blog zum ersten Mal eingesetzt.

    Jedoch hatte ich dafür ein Plugin namens WP-Page Numbers verwendet. Bei vielen Unterseiten im Blog ist eine Seitennummerierung nicht verkehrt.

  • ap schrieb am 1. Februar 2010

    Vielen Dank für den Code, den ich sofort in meine functions.php gepackt habe. Ich hatte drauf verzichtet, weil ich kein Plugin einsetzen wollte. So ist mir das lieber. Die Performance hat sich lt. YSlow nicht verschlechtert. Das ist bei den Plugins für diesen Zweck nicht immer so. Prima!

  • Luigi schrieb am 1. Februar 2010

    Feine Sache, feine Sache! Vielen Dank für diesen tollen Code!

  • plerzelwupp schrieb am 3. Februar 2010

    So, das hab ich bei mir nun auch umgesetzt – eine feine Sache. Herzlichen Dank dafür :-)

    mit “$wp_query->max_num_pages;” müssten doch alle Seiten geladen werden – verstehe ich das richtig? Ich wundere mich, dass nicht alle Seiten angezeigt werden(?)

  • Patrick schrieb am 4. Februar 2010

    Wie meinst du das mit allen Seiten?
    Je nachdem, welche Parameter du beim Funktionsaufruf eingibst, werden Seiten per [...] ausgeblendet, weil die Navigation später nicht mehr alles aufnehmen kann.

  • plerzelwupp schrieb am 4. Februar 2010

    Ja das weiß ich wohl. So doof bin ich nun auch nicht ;-)

    Nein, es werden nicht alle Artikel (Seiten) erfasst. Da fehlt noch ein ganzer Schwung (am Ende).

  • Patrick schrieb am 4. Februar 2010

    Hmm… eigentlich sollte das so laufen… bei mir läuft das wunderbar :)

  • plerzelwupp schrieb am 4. Februar 2010

    Um genau zu sein – die ersten 21 Artikel (chronologisch gesehen) fehlen am Ende der Pagination. Bei 8 Artikeln pro Seite fehlen ergo 3 Seiten.

    Sehr seltsam.

  • Patrick schrieb am 4. Februar 2010

    Also wenn ich auf deine Seite gehe und dort auf die letzte Seite klicke, dann ist es auch die letzte mögliche Seite. Durch manuelles umschreiben der URL auf eine Seite weiter, bekommst du ein Error 404, also muss bei dir irgendwas falsch laufen.

  • plerzelwupp schrieb am 4. Februar 2010

    Ich hab den Fehler gefunden.

    Mensch, das ist aber auch bekloppt: In meinem Theme kann ich einstellen, wieviel Beiträge pro Seite eingestellt werden – das Stand auf 8.

    In WordPress (unter Einstellungen/ Lesen) waren allerdings 10 eingestellt.

    Sobald ich diese beiden Werte angleiche, stimmt das Ganze.

    Ist aber auch bekloppt, dieses zusätzliche Theme-Feature im WP-Frontend – das hab ich ganz vergessen. Außerdem wundert’s mich, dass die Theme-Macher da eine weitere Variable verwenden.

    Naja egal – es funzt – herzlichen Dank :-)

  • Thomas schrieb am 4. März 2011

    Moin Patrick,

    vielen Dank für Deinen Code. Habe es gerade installiert, einfach super und wieder ein Plugin gespart.

    Gruß aus Heide

  • ThilliMilli schrieb am 19. März 2011

    Hallo Patrick,

    besten Dank für Deinen Hinweis. Momentan nutze ich noch das WP-Pagenavi Plugin für meinen blog.
    Kennst Du eine Möglichkeit für folgenden Aufbau:
    vor (linksbündig) Seitenzahlen (zentriert) zurück (rechtsbündig)?

    Beste Grüße aus dem Süden.

  • Ralph schrieb am 23. Juni 2011

    Hallo Patrick,

    lieben Dank für die schlanken und sauber programmierten Codeschnipsel.

    Dein Zitat:
    “[...] Aufgrund dessen habe ich mir ein paar Pagination-Plugins angeschaut, war aber mit keinem so recht zufrieden”

    MEINE Rede! Das WP-PlugIN “Pagebar2″ hat mir zum Beispiel den kompletten Header in der Darstellung zerhackt.
    Deine Lösung finde ich daher am besten.
    Die CSS-Farbdaten konnte ich von “Pagebar2″ geradezu übernehmen und es in deinen CSS-Block pasten.

    Beste spätnächtliche Grüße,
    Ralph

  • Bernhard schrieb am 7. Februar 2012

    Funktioniert prima! Vielen Dank!

  • Tobi schrieb am 11. Februar 2012

    …irgendwie bekomm ichs grad nicht hin, hat jemand eine Schritt für Schritt anleitung da? Danke im Vorraus…

  • Patrick schrieb am 12. Februar 2012

    1. Den Inhalt der pagination.php in die functions.php deines Themes kopieren (oder functions.php mit dem Inhalt anlegen, falls nicht vorhanden).

    2. Den Inhalt der pagination.css an das Ende des Stylesheets (style.css) deines Themes kopieren

    3. Einen der beiden oben angegebenen Codes an die entsprechende Stelle deines Themes kopieren. Wo das genau ist, kann ich dir nicht sagen, das ist von Theme zu Theme unterschiedlich.

  • Tobi schrieb am 12. Februar 2012

    Vielen Dank, eigentlich kinderleicht…hatte aber gestern nach der Nachtschicht irgendwie einen Totalblackout ;) ….heute eingebaut, bissel die CSS angepasst und funktioniert super ;)

    Danke nochmal…

Hinterlasse eine Antwort

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

*

Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>