Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

So fügen Sie numerische Paginierung in Ihr WordPress-Theme ein

Möchten Sie eine numerische Paginierung in Ihrem WordPress-Theme hinzufügen?

Standardmäßig fügen WordPress-Themes am Ende von Archivseiten Links für die nächste/vorherige Seite hinzu. Die Herausforderung ist, dass diese nicht sehr benutzerfreundlich sind. Deshalb verwenden viele beliebte Blogs numerische Paginierung, um es den Besuchern zu erleichtern, ihre Archivseiten zu durchsuchen.

In diesem Artikel zeigen wir Ihnen, wie Sie die numerische Paginierung in Ihrem WordPress-Theme hinzufügen.

So fügen Sie eine numerische Paginierung in Ihr WordPress-Theme ein

Warum numerische Paginierung in Ihrem WordPress-Theme hinzufügen?

Die meisten Themes haben eine Archivseite, die eine Liste von Beiträgen anzeigt. Wenn Sie mehr WordPress-Blog-Beiträge veröffentlichen, wird Ihre Archivseite mehrere Seiten umfassen.

Paginierungslinks helfen Besuchern, zwischen den Archivseiten zu wechseln, und erscheinen normalerweise am unteren Rand Ihrer WordPress-Website.

Einige WordPress-Themes verwenden 'Ältere Beiträge' und 'Neuere Beiträge'-Links für die Paginierung. Dies ermöglicht dem Besucher jedoch nur, eine Seite vor und zurück zu gehen.

Es zeigt auch nicht den aktuellen Standort des Besuchers im Archiv an. Dies kann es für Besucher schwieriger machen, das Archiv Ihres Blogs zu navigieren.

Hier kommt die numerische Paginierung ins Spiel.

Anstatt Links wie „Älter“ und „Neuer“ anzuzeigen, zeigt die numerische Paginierung eine Reihe von Zahlen, mit denen Besucher zu einer bestimmten Seite im Archiv springen können.

Numerische Paginierung kann auch Hervorhebungen oder unterschiedliche Farben verwenden, um die aktuelle Seitenzahl anzuzeigen, damit der Besucher immer genau weiß, wo er sich im Archiv befindet.

Bei WPBeginner verwenden wir numerische Paginierung und heben die aktuelle Seitenzahl orange hervor. Wir bieten auch direkte Links zu den 4 Seiten, die die aktuelle Seite des Besuchers umgeben.

Wir haben sogar einen Link zur letzten Seite in unserem Archiv, damit Besucher schnell und einfach unsere ältesten Beiträge sehen können, wie Sie im folgenden Bild sehen können.

Numerische Paginierungslinks auf der WPBeginner-Website

Nach unserer Erfahrung erleichtert diese Art der numerischen Paginierung die Navigation auf Ihrer Website im Vergleich zu den standardmäßigen Links 'Ältere Beiträge' und 'Neuerer Beitrag'.

Wenn Ihr WordPress-Theme eine Paginierung mit „Älter“ und „Neuer“ hat, empfehlen wir immer, diese durch eine numerische Paginierung zu ersetzen.

In diesem Leitfaden behandeln wir zwei verschiedene Möglichkeiten, numerische Paginierung in Ihr WordPress-Theme einzufügen. Wenn Sie lieber direkt zu einer bestimmten Methode springen möchten, können Sie die untenstehenden Links verwenden.

Methode 1. So fügen Sie numerische Paginierung in WordPress mit WP-PageNavi hinzu

Der einfachste Weg, numerische Paginierung in WordPress hinzuzufügen, ist die Verwendung des WP-PageNavi Plugins.

Um dieses Plugin zu verwenden, müssen Sie immer noch einige Änderungen am Code Ihres Themes vornehmen, aber es ist viel einfacher als die vollständige Code-Methode, da WP-PageNavi Ihnen die vollständige Kontrolle über die Paginierung Ihrer Website gibt.

First thing you need to do is install and activate the WP-PageNavi plugin. For more details, please see our step by step guide on how to install a WordPress plugin.

Nach der Aktivierung des Plugins gehen Sie zu Einstellungen » PageNavi, um die Plugin-Einstellungen zu konfigurieren.

So fügen Sie numerische Paginierung in WordPress hinzu

Hier können Sie jeden der Standard-Paginierungstexte durch Ihre eigene Formulierung ersetzen. Sie können beispielsweise den Text ändern, den Ihre Website für die Links zur „Ersten Seite“ und „Letzten Seite“ verwendet.

Sie können die Links für die numerische Paginierung auch anpassen.

Im Abschnitt „Anzahl der anzuzeigenden Seiten“ können Sie auswählen, wie viele Seiten das Plugin in der Paginierungssektion Ihrer Website anzeigen soll.

Das WP-PageNavi WordPress-Plugin

Dieser Wert ist standardmäßig auf 5 gesetzt, was bedeutet, dass WP-PageNavi direkte Links zu 5 Seiten anzeigt.

Wie Sie im folgenden Screenshot sehen können, sehen Sie auf Seite 4 Links zu den Seiten 2, 3, 4, 5 und 6.

Ein Beispiel für numerische Paginierung in WordPress

Sie möchten vielleicht mehr oder weniger Seiten anzeigen. Um diese Änderung vorzunehmen, geben Sie einfach die neue Zahl in das Feld „Anzahl der anzuzeigenden Seiten“ ein.

Standardmäßig zeigt das Plugin mehrere größere Zahlen an. Dies ermöglicht es Besuchern, mit nur einem Klick mehrere Seiten vorwärts zu navigieren.

Standardmäßig zeigt das Plugin drei größere Zahlen an, die sich jeweils um 10 erhöhen. Zum Beispiel 10, 20 und 30.

Möchten Sie ein anderes Intervall verwenden, z. B. 5 oder 20? Geben Sie dann einfach das neue Intervall in das Feld 'Größere Seitenzahlen in Vielfachen von anzeigen' ein.

Anpassen der WordPress-Paginierungseinstellungen

Jede WordPress-Website ist anders, daher ist es eine gute Idee, verschiedene Einstellungen auszuprobieren, um zu sehen, welche Paginierungseinstellungen für Sie am besten funktionieren.

Wenn Sie Änderungen an den WP-PageNavi-Einstellungen vorgenommen haben, vergessen Sie nicht, zum Ende der Seite zu scrollen und auf die Schaltfläche Änderungen speichern zu klicken.

Als Nächstes müssen Sie ein Template-Tag in Ihrem WordPress-Theme hinzufügen. Wir empfehlen, dazu ein Child-Theme zu erstellen und dann den Code des Child-Themes zu bearbeiten.

Durch das Erstellen eines Child-Themes können Sie Ihr WordPress-Theme weiterhin sicher aktualisieren, ohne Ihre benutzerdefinierte numerische Paginierung zu verlieren. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zum Erstellen eines WordPress-Child-Themes: Erstellen eines WordPress-Child-Themes.

Unabhängig davon, ob Sie ein übergeordnetes oder ein untergeordnetes Theme bearbeiten, benötigen Sie einen FTP-Client. Wenn Sie FTP zum ersten Mal verwenden, können Sie unseren vollständigen Leitfaden zum Verbinden mit Ihrer Website über FTP lesen.

Wenn Sie über FTP mit Ihrem WordPress-Hosting-Konto verbunden sind, können Sie Ihren WordPress-Theme-Code bearbeiten.

Diese Schritte variieren je nach Ihrem WordPress-Theme. Sie müssen jedoch normalerweise den Code in Ihrer index.php- oder archive.php-Datei sowie in allen anderen Archiv-Template-Dateien Ihres WordPress-Themes bearbeiten.

Öffnen Sie einfach diese Dateien und suchen Sie dann nach den Tags previous_posts_link und next_posts_link.

Wenn Sie diese Tags finden, ersetzen Sie sie durch den folgenden Code-Schnipsel:

<?php wp_pagenavi(); ?>

Einige Themes haben möglicherweise keine vorherige_posts_link- oder nächste_posts_link-Tags.

Wenn Sie diese Tags in Ihrem Theme nicht finden können, suchen Sie stattdessen nach the_posts_navigation. Zum Beispiel finden Sie in der archive.php-Datei des Twenty Twenty-One-Themes Folgendes:

<?php /*twenty_twenty_one_the_posts_navigation();*/ 

Sie können dann diese Zeile durch den folgenden Code-Schnipsel ersetzen:

<?php wp_pagenavi(); ?>

Speichern Sie nach diesen Änderungen und schließen Sie dann alle geöffneten WordPress-Theme-Dateien.

Wenn Sie nun Ihre WordPress-Archivseite besuchen, sollten Sie Ihre neue numerische Paginierung live auf Ihrer Website sehen.

An diesem Punkt möchten Sie vielleicht die Farbe und den Stil der numerischen Paginierung ändern, damit sie besser zu Ihrem Theme oder Ihrem Markenauftritt passt.

Sie können dies tun, indem Sie den Code des Plugins bearbeiten.

Wir empfehlen jedoch, den WP-PageNavi-Code in die style.css-Datei Ihres Themes einzufügen und dann Ihre Änderungen innerhalb der Theme-Datei vorzunehmen. Das bedeutet, dass Sie Ihre Anpassungen nicht verlieren, wenn Sie das WP-PageNavi-Plugin aktualisieren.

Um Ihren Plugin-Code zu kopieren, gehen Sie zu Einstellungen » PageNavi. Sie finden dann den Abschnitt „Use pagenavi-css.css“ und klicken auf die Schaltfläche „Nein“ daneben.

Vergessen Sie nicht, auf die Schaltfläche „Änderungen speichern“ zu klicken, um Ihre Änderungen zu speichern.

Ändern des Stylings Ihrer WordPress-Paginierung

Gehen Sie als Nächstes zu Plugins » Plugin-Datei-Editor.

Sie können dann das Dropdown-Menü „Plugin zum Bearbeiten auswählen“ öffnen und „WP-Page Navi“ auswählen. Danach sind Sie bereit, auf „Auswählen“ zu klicken.

Der WordPress-Code-Editor

Klicken Sie im rechten Menü auf die Datei pagenavi-css.css.

Kopieren Sie dann den gesamten Code in dieser Datei.

Der WordPress-Plugin-Editor

Gehen Sie als Nächstes einfach zu Darstellung » Theme-Datei-Editor.

Klicken Sie im rechten Menü auf die style.css-Datei Ihres Themes.

Der WordPress Theme-Editor

Sie können nun Ihren pagenavi-css.css-Code in die style.css-Datei des Themes einfügen und mit Ihren Änderungen beginnen.

Schauen wir uns ein Beispiel an. Hier ist eine modifizierte Version des Codes für die numerische Paginierung, die Sie Ihrer style.css-Datei hinzufügen können:

wp-pagenavi {
    clear: both;
}
 
.wp-pagenavi a, .wp-pagenavi span {
    color: #FFF;
    text-decoration: none;
    background-color:#6FB7E9;
    border: 1px solid #B2D1E5;
    padding: 5px 5px;
    margin: 2px;
}
 
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #E9F2F9;
    background-color:#6FB7E9;
}
 
.wp-pagenavi span.current {
    font-weight: bold;
    background-color:#3C8DC5;
}

Im folgenden Bild sehen Sie, wie diese numerische Paginierung auf Ihrer Website aussehen wird.

Benutzerdefinierte numerische Paginierung in einem WordPress-Theme

Es lohnt sich, verschiedene Stile auszuprobieren, um zu sehen, was auf Ihrer WordPress-Website am besten aussieht.

Wenn Sie mit dem Aussehen Ihrer numerischen Paginierung zufrieden sind, klicken Sie auf die Schaltfläche Datei aktualisieren, um Ihre Änderungen zu speichern.

Methode 2. So fügen Sie manuell numerische Paginierung in Ihr WordPress-Theme ein

Eine weitere Option ist, die numerische Paginierung manuell in Ihrem WordPress-Theme per Code hinzuzufügen.

Viele WordPress-Themes werden mit integrierten Links „Älter“ und „Neuer“ oder einer standardmäßigen numerischen Paginierung geliefert. Zum Beispiel fügt das beliebte Astra Theme automatisch seine eigene numerische Paginierung zu Ihren Archivseiten hinzu, wie Sie im folgenden Bild sehen können.

Paginierung im Astra WordPress-Theme

Sie können diese Methode verwenden, um die integrierte Paginierung eines Themes anzupassen. Zum Beispiel könnten Sie das Styling ändern, um es besser an Ihre Website anzupassen.

Um die numerische Paginierung manuell hinzuzufügen, öffnen Sie die Datei functions.php Ihres Themes. Hier können Sie entweder einen FTP-Client oder den Dateimanager Ihres WordPress-Hosting cPanel verwenden. Wenn Sie FTP verwenden, finden Sie hier unsere vollständige Anleitung, wie Sie sich mit Ihrer Website über FTP verbinden.

Sobald Sie erfolgreich eine Verbindung zu Ihrer Website hergestellt haben, öffnen Sie die Datei functions.php und fügen Sie den folgenden Code hinzu:

function wpbeginner_numeric_posts_nav() {
 
    if( is_singular() )
        return;
 
    global $wp_query;
 
    /** Stop execution if there's only 1 page */
    if( $wp_query->max_num_pages <= 1 )
        return;
 
    $paged = get_query_var( 'paged' ) ? absint( get_query_var( 'paged' ) ) : 1;
    $max   = intval( $wp_query->max_num_pages );
 
    /** Add current page to the array */
    if ( $paged >= 1 )
        $links[] = $paged;
 
    /** Add the pages around the current page to the array */
    if ( $paged >= 3 ) {
        $links[] = $paged - 1;
        $links[] = $paged - 2;
    }
 
    if ( ( $paged + 2 ) <= $max ) {
        $links[] = $paged + 2;
        $links[] = $paged + 1;
    }
 
    echo '<div class="navigation"><ul>' . "\n";
 
    /** Previous Post Link */
    if ( get_previous_posts_link() )
        printf( '<li>%s</li>' . "\n", get_previous_posts_link() );
 
    /** Link to first page, plus ellipses if necessary */
    if ( ! in_array( 1, $links ) ) {
        $class = 1 == $paged ? ' class="active"' : '';
 
        printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( 1 ) ), '1' );
 
        if ( ! in_array( 2, $links ) )
            echo '<li>…</li>';
    }
 
    /** Link to current page, plus 2 pages in either direction if necessary */
    sort( $links );
    foreach ( (array) $links as $link ) {
        $class = $paged == $link ? ' class="active"' : '';
        printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $link ) ), $link );
    }
 
    /** Link to last page, plus ellipses if necessary */
    if ( ! in_array( $max, $links ) ) {
        if ( ! in_array( $max - 1, $links ) )
            echo '<li>…</li>' . "\n";
 
        $class = $paged == $max ? ' class="active"' : '';
        printf( '<li%s><a href="%s">%s</a></li>' . "\n", $class, esc_url( get_pagenum_link( $max ) ), $max );
    }
 
    /** Next Post Link */
    if ( get_next_posts_link() )
        printf( '<li>%s</li>' . "\n", get_next_posts_link() );
 
    echo '</ul></div>' . "\n";
 
}

Dieser Code ruft die Anzahl der Seiten ab, bereit zur Anzeige in Ihrem WordPress-Theme.

Die nächsten Schritte hängen von Ihrem Theme ab.

Wenn Ihr Theme keine integrierte Standard-Paginierung hat, können Sie einfach das folgende Template-Tag in Ihre index.php, archive.php, category.php oder jede andere Seite einfügen, auf der Sie eine numerische Paginierung anzeigen möchten.

<?php wpbeginner_numeric_posts_nav(); ?>

Seien Sie sich bewusst, dass die Stelle, an der Sie diesen Code hinzufügen, beeinflusst, wo die numerische Paginierung auf Ihrer Website angezeigt wird.

Normalerweise möchten Sie die Paginierung am Ende Ihrer Archivseiten anzeigen, daher möchten Sie das Template-Tag normalerweise zu Ihrem Footer-Code hinzufügen.

Hat Ihr Theme bereits eine Form der Paginierung, wie z. B. Links zu 'Ältere Beiträge' und 'Neuere Beiträge'?

In diesem Fall müssen Sie den Paginierungscode finden und ihn durch den obigen Ausschnitt ersetzen.

Zum Beispiel ist Ashe eines der besten kostenlosen WordPress-Blog-Themes und fügt Ihren Archivseiten bereits Links für die erste und letzte Seite hinzu.

Um diese integrierten Links durch numerische Paginierung zu ersetzen, müssen Sie die Dateien templates/grid.php und templates/blog-pagination.php Ihres Themes bearbeiten.

Suchen Sie in jeder dieser Dateien einfach nach dem folgenden Abschnitt:

<?php get_template_part( 'templates/grid/blog', 'pagination' ); ?>

Sie können dann diese Zeile durch den folgenden Code-Schnipsel ersetzen:

<?php wpbeginner_numeric_posts_nav(); ?>

Vergessen Sie nicht, Ihre Änderungen zu speichern, nachdem Sie den Code hinzugefügt haben.

Der nächste Schritt ist die Gestaltung Ihrer benutzerdefinierten numerischen Paginierung.

Um Besuchern die Navigation im Archiv zu erleichtern, heben wir die aktuelle Seitenzahl mit einer anderen Farbe hervor. Öffnen Sie dazu die Datei style.css Ihres Themes und fügen Sie den folgenden Code in diese Datei ein:

.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    color: #fff;
    text-decoration:none;
}
 
.navigation li {
    display: inline;
}
 
.navigation li a,
.navigation li a:hover,
.navigation li.active a,
.navigation li.disabled {
    background-color: #6FB7E9;
    border-radius: 3px;
    cursor: pointer;
    padding: 12px;
    padding: 0.75rem;
}
 
.navigation li a:hover,
.navigation li.active a {
    background-color: #3C8DC5;
}

Speichern Sie nach all dem einfach Ihre Änderungen, indem Sie auf die Schaltfläche Datei aktualisieren klicken.

Wenn Sie nun die Archivseite besuchen, sehen Sie die numerische Paginierung live auf Ihrer Website.

Numerische Paginierung manuell in WordPress hinzufügen

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie eine numerische Paginierung in Ihrem WordPress-Theme hinzufügen. Sie können auch unseren Leitfaden zu Möglichkeiten durchgehen, online Geld mit dem Bloggen auf WordPress verdienen und wie Sie ein benutzerdefiniertes WordPress-Theme erstellen, ohne Code schreiben zu müssen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

121 CommentsLeave a Reply

    • Sie müssten CSS verwenden, um dies zu gestalten. Wenn Sie WP-PageNavi verwenden, empfehlen wir Ihnen, sich an deren Support zu wenden, um deren empfohlene Methode zu erfahren oder ob sie eine integrierte Option dafür haben.

      Admin

  1. das ist hilfreich, aber woher weiß ich, ob mein Theme mit Paginierung funktioniert? und was passiert, wenn ich den Elementor-Paginierungsbutton für den Abschnitt mit verwandten Beiträgen verwende

    • If your theme or page builder already has a pagination option, we would recommend using that first instead of the method from this guide :)

      Admin

  2. Ich verwende das Generate Press Theme und habe einen Ausschnitt gefunden, der hervorragend funktioniert, um die Paginierungsleiste auf mehr Seiten zu erweitern. Laut diesem Artikel sehe ich jetzt jedoch, dass ich die Paginierungsleiste auch an das Aussehen meiner Website anpassen könnte. Ich werde Ihren Leitfaden zur Anpassung wahrscheinlich sehr bald ausprobieren und versuchen, die Leiste besser an die Farben meiner Website anzupassen. Es ist ein kleines Detail, aber diese Leiste ist ziemlich sichtbar und wichtig. Danke.

  3. There’s little bug in last lines which shows next link. You’re missing $ sign at two places get_next_posts_link() . Can you please fix that so code works well for new visitors :-)

    /** Nächster Beitrag Link */
    if ( $get_next_posts_link() )
    printf( ‘%s’ . “\n”, $get_next_posts_link() );

    • Ihr Theme hat möglicherweise einige benutzerdefinierte Stile. Sie sollten sich an den spezifischen Support Ihres Themes wenden, und sie sollten Ihnen helfen können.

      Admin

  4. Danke.
    Normalerweise zeigt home.php den Schleifeninhalt für die Beitragsseite an, aber da mein Theme home.php nicht standardmäßig bereitstellt, habe ich wpbeginner_numeric_posts_nav(); in index.php (unter endwhile;) eingefügt und es funktioniert.

  5. Ich benutze das WordPress-Theme „X Blog“ und versuche herauszufinden, wie ich das zu diesem Theme hinzufügen kann. Alles, was ich versuche, gibt mir Fehler. Ich bin mir nicht sicher, warum das Theme damit nicht funktioniert. Jede Hilfe wäre willkommen. Danke.

  6. Dies ist ein wirklich nützliches Tutorial, danke. Ich habe das Genesis-Codebeispiel erfolgreich verwendet!

    Mein einziges Problem war, dass das einfache Kopieren und Einfügen des Codes von dieser Website einen Kodierungsfehler verursachte, wo die Ellipsen in der nummerierten Paginierung stehen. Auf der Website wurde also ein Diamant-/Fragezeichen-Zeichen anstelle der Ellipse angezeigt. Ich habe stattdessen die HTML-Entität (dezimal) Ellipse: … verwendet, was diesen Fehler behoben hat. Dies trat nur auf einer der beiden implementierten Websites auf, wahrscheinlich aufgrund von Unterschieden in der Meta-Zeichensatzkodierung oder etwas Ähnlichem.

  7. Paginierung funktioniert nach Seite 2 nicht mehr. Es wird eine 404-Seite angezeigt, wenn man auf 3, 4 usw. klickt... Ich habe den gleichen Code wie oben verwendet. Wie kann ich das lösen?

  8. Ich verwende Ihre manuelle Methode für die Paginierung, und Sie sagen "fügen Sie das folgende Template-Tag in Ihre theme's index.php, archive.php, category.php und jede andere Archivseiten-Vorlage ein".

    Die Website ist eine normale Website mit einem Blog, der einen benutzerdefinierten Post-Typ verwendet.

    Es hat auf meiner archive.php-Seite gut funktioniert, aber ich möchte es auch auf meiner Blog-Seite verwenden, die eine Seiten-Vorlage ist, page-blog.php. Ich bekomme es dort überhaupt nicht zum Laufen. Warum ist das so? Kann ich etwas tun, damit es funktioniert?

  9. Hallo, ich habe zu einigen Vorlagen hinzugefügt und mein WordPress konnte nicht mehr funktionieren, nicht einmal mehr einloggen und meine Homepage wurde zu einer leeren Seite und es scheint, als ob die gesamte Website zusammengebrochen ist, was kann ich tun?

  10. Das funktioniert bei mir mit benutzerdefinierten Beitragstypen einwandfrei, aber ich kann es nicht für Suchergebnisse zum Laufen bringen. Es wird überhaupt nichts angezeigt. Irgendwelche Ratschläge?

  11. Sehr schöner Artikel und ich habe eine Frage.

    Wie zeige ich die Gesamtzahl der Seiten am Ende an? In Ihrer Demo wird „9“ angezeigt.

    Danke!

  12. Wie Rajath hatte ich ein paar Probleme damit, dass die Paginierung auf Mobilgeräten nicht gut gerendert wurde. In meinem Fall überlappten sich die Zeilen. Ich habe dies gelöst, indem ich der CSS eine Zeilenhöhe hinzugefügt habe:

    line-height: 2.5em;

  13. Hallo, ich habe diesen Code für mein Theme verwendet (ohne wp-nav-Plugin), er funktioniert auf anderen Seiten außer der Startseite. Was genau ist das Problem?

  14. Hallo, ich benutze diese Paginierung in meinem Theme und sie funktioniert einwandfrei auf allen Seiten und Kategorien, außer auf den Seiten, auf denen ich benutzerdefinierte wp_query verwende. Ich habe gelesen, dass du einen Code ähnlich dem im Genesis Framework verwendest und ich habe wp_reset_query() verwendet, aber es funktioniert nicht. Vielen Dank im Voraus für die Hilfe.

  15. Hallo
    Ich benutze deinen gegebenen Code und füge ihn in die Funktion .php ein und füge auch CSS in style.css hinzu, aber dies zeigt das Paginierungsdesign, aber es funktioniert nicht

  16. Hallo! Zuerst möchte ich Ihnen für diesen Beitrag danken. Ich weiß, dass dieser Beitrag jetzt ziemlich alt ist, aber er ist immer noch sehr nützlich!

    Die Paginierung wird größtenteils angezeigt und funktioniert einwandfrei; aber die Links für die erste und letzte Seite fehlen bei mir. Es spielt keine Rolle, auf welcher Seite ich mich befinde (erste, zweite, dritte usw.), es werden keine Links für die erste oder letzte Seite angezeigt. Irgendwelche Ideen, wie ich das beheben kann?

    Vielen Dank im Voraus für jede Hilfe!

  17. Numerische Paginierung wird nur auf dem PC angezeigt, aber nicht auf dem Handy. Ich möchte diese Paginierung auf beiden Versionen anzeigen.
    Wie kann ich das beheben?

    • Vielen Dank für das ausgezeichnete Tutorial. Ich möchte die Nicht-Plugin-Lösung (das PHP-Skript) verwenden, aber ohne Kürzung/Auslassungspunkte für Seitenlinks (statt 1…2 3 4 5 6…10 möchte ich einfach alle Seiten immer anzeigen – 1 2 3 4 5 6 7 8 9 10). Wie kann ich das Skript ändern, um dies zu tun? Sollte für Sie Experten einfach sein, aber nicht für mich! Vielen Dank im Voraus für jede Hilfe!

  18. Hallo, ich möchte die Standard-WP-Paginierung in meinem Theme "freshlife von theme junkie" zurückgeben. Ich mag die numerische Paginierung nicht, weil sie die Gesamtzahl der Beiträge auf meiner Website anzeigt. Bitte helfen Sie WPbeginner

  19. Hallo, NIce Tutorial und Ihre Website haben mir bei vielen Problemen bei der Entwicklung meines eigenen Themes geholfen. Ich habe mich für die hier gezeigte manuelle Paginierung anstelle eines Plugins entschieden. Aber die Paginierung ist nicht responsiv und sieht schlecht aus, wenn die Bildschirmgröße reduziert wird. Wie kann ich sie responsiv machen oder gibt es Alternativen (bitte keine Plugins)? Ich werde dieses Theme nicht veröffentlichen, also baue ich es nur für meine Bedürfnisse…

    • Schauen Sie sich die Stylesheet-Datei Ihres WordPress-Themes an. Untersuchen Sie, wie Ihr Theme die Responsivität handhabt. Einige Themes verwenden Media Queries, um die Bildschirmbreite zu erkennen und dann verschiedene Elemente entsprechend anzupassen. Einige Themes verwenden relative Breiten, um sicherzustellen, dass alle Elemente innerhalb ihres Design-Layouts auf die Bildschirmbreite reagieren.

      Admin

      • Ich entwickle das Theme. Ich kann die Paginierung nicht responsiv gestalten. Also habe ich einfach den Abstand um die Links entfernt, wodurch sie wie ein Button aussehen. Stattdessen habe ich sie wie Zahlen belassen, was auch auf kleinen Bildschirmen gut funktioniert. Danke für die Antwort.

  20. Hallo
    Ich habe zuerst Code in der Funktion verwendet, aber die WP-Sprache hat sich in unleserliche Wörter geändert, warum????

  21. Ich versuche, die Paginierung von meiner Homepage zu entfernen, die unter jeder Beitragszusammenfassung angezeigt wird. Ich finde, dass sie nicht gut aussieht. Gibt es eine Möglichkeit, dies zu tun?

  22. Eigentlich bin ich neu bei WordPress, aber ich kenne PHP gut… Ich möchte eine Paginierung aus einer benutzerdefinierten Tabelle in der Datenbank hinzufügen.

  23. Die nummerierte Paginierung ohne das Plugin funktioniert auf dem lokalen Rechner einwandfrei, aber wenn ich die Dateien hochlade, sehe ich nichts, aber wenn ich das Element inspiziere, finde ich nur ein leeres Div mit Klassen, aber ohne Inhalt. Ich habe alle Dateien korrekt hochgeladen und doppelt geprüft, aber ohne Erfolg. Bitte leiten Sie mich an.

  24. Dieses Skript funktioniert nicht in der neuen WordPress-Version 4.3.1
    omdat bij de oude versie heeft die script wel gewerkt en nu niet meer

    Bitte helfen Sie…

Kommentar hinterlassen

Vielen Dank, dass Sie einen Kommentar hinterlassen. Bitte beachten Sie, dass alle Kommentare gemäß unserer Kommentarrichtlinie moderiert werden und Ihre E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwenden Sie KEINE Schlüsselwörter im Namensfeld. Führen wir ein persönliches und bedeutungsvolles Gespräch.