...

Navigate Your Digital Future with Internetgates

Problem mit Divi & WP PageNavi

In einem normalen Blog werden am Ende der Seite die Buttons für “ältere Einträge” und “neuere Einträge” angezeigt.
Schöner wäre natürlich eine Seitenpaginierung mit Zahlen, welches sich mit dem Plugin WP PageNavi sehr leicht realisieren lässt.

Beim Lesen des Blogs ergibt sich aber folgendes Problem:
Z.B. klickt der User am Ende der ersten Seite auf die Seite 3 des Blogs, wählt dort auf der Seite 3 einen Beitrag zum Lesen aus und geht dann mit dem Browser-Button zurück, landet er immer auf der ersten Blogseite statt wieder auf Seite 3. Das passiert auf allen Seiten und ist natürlich nicht gewollt.

Die Lösung:
Das Blog-Modul von Divi verwendet Ajax. Beim Klick auf den “ältere Einträge”-Button lädt das Blog-Modul die Seite neu anstatt nur zu “refreshen”.
Ein kleines Script verhindert die Ausführung von Ajax und WP PageNavi funktioniert wunderbar:

Ajax für den ganzen Blog ausschalten:

Gehe zu Divi > Theme Options > Integration > Add code to the < head >

<script>
(function($) {
    $(document).ready(function() {

        $(".et_pb_module.et_pb_posts .pagination a, .et_pb_blog_grid .pagination a").click(function() {
            window.location.href = $(this).attr('href');

            return false;
        });

    });
})(jQuery);
</script>

Ajax nur für eine Seite ausschalten:

Im Blog-Modul selber in den erweiterten Einstellungen die CSS Klasse ajax_ausschalten eingeben und dann in
Divi > Theme Options > Integration > Add code to the < head > folgendes Script eintragen:

<script>
(function($) {
    $(document).ready(function() {

        $(".ajax_ausschalten .pagination a").click(function() {
            window.location.href = $(this).attr('href');

            return false;
        });

    });
})(jQuery);
</script>

Mehr Artikel im Blog

AdwCleaner

AdwCleaner

Mit dem AdwCleaner entfernen Sie nervige Werbung und Spyware schnell und effektiv. Einmal bei einer Installation nicht aufgepasst, schon ist es passiert: Eine Toolbar oder Werbe-Software (Adware) hat sich im System festgesetzt. Solche Störenfriede, die im Verruf…

Read More
Interessante Plugins Februar 2024

Interessante Plugins Februar 2024

Woocommerce Variation Swatches for WooCommerce von Emran Ahmed Variation Swatches for WooCommerce von Cartflows Grafische Darstellung der Farbauswahl für die Produkte / Mengenangaben WP Debugging Fehlersuche in WordPress von Andy Fragen Benötigt Query Monitor von John…

Read More
Schriftgrössen nachträglich per CSS ändern

Schriftgrössen nachträglich per CSS ändern

Um Schriftgrößen nachträglich für verschiedenste Bildschirmgrößen anzupassen, kann folgender CSS-Code im Customizer verwenden werden: /* Groessere Bildschirme über 1400px */ @media only screen and ( min-width: 1401px ) { body { font-size:110% !important; } } /*…

Read More
Cookie Consent mit Real Cookie Banner Seraphinite AcceleratorOptimized by Seraphinite Accelerator
Turns on site high speed to be attractive for people and search engines.