Zum Inhalt springen
/ Home / Knowledge / So deaktivierst du AJAX im Blog-Modul – Divi Theme

So deaktivierst du AJAX im Blog-Modul – Divi Theme

Marius Marzian
SEO-Experte
OIT GmbH
Profil ansehen

Das Blog-Modul verwendet AJAX, um ältere Posts zu laden. Wenn Sie auf die Schaltfläche für ältere Einträge klicken, lädt das Blog-Modul neu, anstatt die gesamte Seite zu aktualisieren. So funktioniert AJAX.

Die Paginierungslinks haben die?et_blog -Parameter, um Konflikte bei der Paginierung mit der Hauptabfrage zu vermeiden. Es hat keine Auswirkung auf SEO, da die URLs die „kanonische“ URL auf die Hauptseite gesetzt haben.

In einigen Fällen möchten Sie möglicherweise die Seite aktualisieren, um benutzerdefinierte Stile anzuwenden oder um die URL der nächsten Seite anzuzeigen.

Um AJAX zu deaktivieren, geben Sie diesen Code in Divi ein> Themenoptionen> Integration> Fügen Sie Code hinzu< Kopf> deines Blogs :

<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>

Wenn Sie AJAX nur auf einer Seite deaktivieren müssen, können Sie diesen Code in das Codemodul einfügen.

Um AJAX für ein bestimmtes Blog-Modul zu deaktivieren, fügen Sie eine benutzerdefinierte CSS-Klasse zur Registerkarte „Erweiterte Einstellungen“ des Moduls hinzu, zum Beispiel:

disable_ajax

Geben Sie als Nächstes diesen Code in Divi ein> Themenoptionen> Integration> Fügen Sie Code hinzu< Kopf> deines Blogs :

<script>
(function($) {
    $(document).ready(function() {
   
        $(".disable_ajax .pagination a").click(function() {
            window.location.href = $(this).attr('href');
           
            return false;
        });
   
    });
})(jQuery);
</script>

Verwandte Artikel

Weitere Divi Blog-Modul Optimierungen

Ladezeit verbessern

AJAX im Blog-Modul deaktivieren ist nur der erste Schritt. Kombiniere es mit Lazy Loading für Beitragsbilder (loading="lazy") und einem Caching-Plugin wie LiteSpeed Cache für maximale Performance.

Pagination statt AJAX

Ohne AJAX nutzt das Blog-Modul klassische Seitennummerierung. Diese ist SEO-freundlicher – Google kann alle Unterseiten eigenständig crawlen und indexieren, was bei AJAX-Pagination oft nicht gelingt.

Masonry-Layout aktivieren

Divi bietet ein Masonry-Grid für das Blog-Modul an. Es füllt Lücken zwischen unterschiedlich hohen Kacheln automatisch auf und sieht moderner aus – in den Modul-Einstellungen unter „Fullwidth" → „Aus" aktivierbar.

Marius Marzian
Dein Ansprechpartner
OIT GmbH
Profil ansehen

Hast du eine Frage zu diesem Artikel?

Schreib uns – wir antworten in der Regel innerhalb eines Werktages.