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>
