So fügen Sie es Ihrer Website hinzu

Möchten Sie unendliches Scrollen in WordPress hinzufügen?

Infinite Scroll stellt sicher, dass Ihre Seiten jedes Mal automatisch neue Inhalte laden, wenn ein Besucher das Ende einer Seite erreicht. Auf diese Weise können Sie Ihre Besucher binden und die Absprungraten Ihrer Website reduzieren.

Wir zeigen Ihnen , wie Sie unendliches Scrollen zu Ihrer WordPress-Website hinzufügen können . Aber zuerst werden wir auf ein paar grundlegende Dinge eingehen, die Sie darüber wissen sollten. Die Gliederung dieses Beitrags ist wie folgt:

Lass uns anfangen.

Mit unendlichem Scrollen lädt Ihre Website neue Inhalte, wenn ein Benutzer nach unten scrollt, anstatt dass er manuell auf einen Link klicken muss, um eine neue Seite zu öffnen.

Bei WordPress wäre ein gängiges Beispiel, neue Beiträge automatisch auf Ihre Blog-Seite zu laden, sobald der Besucher das Ende erreicht hat, anstatt sich auf andere Techniken wie Paginierung zu verlassen.

Die Technik wird häufig auf Social-Media-Plattformen wie Facebook und Twitter verwendet, um den Benutzern ein ungehindertes Surferlebnis zu bieten.

Sollten Sie Ihrer Website unendliches Scrollen hinzufügen? Vor-und Nachteile

Trotz der positiven Auswirkungen, die es auf die Benutzerinteraktion und das Surferlebnis haben kann, ist unendliches Scrollen nicht jedermanns Sache.

Werfen wir einen Blick auf die Vor- und Nachteile, um zu entscheiden, ob Sie die Technik auf Ihrer WordPress-Website implementieren müssen.

Vorteile der Verwendung von unendlichem Scrollen

Die Vorteile der Verwendung des Endlos-Scrolls auf Ihrer Website sind:

Nachteile der Verwendung von unendlichem Scrollen

Die Nachteile der Verwendung des Endlos-Scrolls auf Ihrer Website sind:

• Es kann verwirrend sein, auf Ihrer Website zu navigieren, da sich der Inhalt nahtlos ändert und es schwierig ist, zu erkennen, auf welcher Seite Sie sich befinden.
• Die kontinuierliche Anzeige von Inhalten, insbesondere von Text, kann für einige Besucher überwältigend sein und sie entscheiden sich möglicherweise dafür, Ihre Website zu verlassen und eine Konkurrenz-Website zu suchen.
• Die Fußzeile Ihrer Website wird überflüssig, weil der Besucher es nie erreichen kann.
• Schnelles Scrollen kann Ihre Webserver überfordern und dazu führen, dass Ihre Website einfriert und abstürzt .
• Einige Tools können es schwierig finden, Metriken pro Seite zu verfolgen , da unendliches Scrollen dazu führen kann, dass Ihre Website wie eine große Seite erscheint.
• Und wenn Ihre Website als eine durchgehende Seite betrachtet wird, kann sich dies negativ auf die SEO und das Suchranking der Website auswirken . Richtig implementiertes unendliches Scrollen kann dies jedoch vermeiden, indem jeder Seite weiterhin ihre eigene eindeutige URL zugewiesen wird.

Dies sind die Vor- und Nachteile der Implementierung von Infinite Scroll auf Ihrer Website. Wenn Sie nach diesen Überlegungen immer noch unendliches Scrollen zu Ihrer WordPress-Site hinzufügen möchten, lesen Sie weiter.

Es gibt zwei verschiedene Möglichkeiten, wie Sie unendliches Scrollen zu Ihrer WordPress-Site hinzufügen können:

1. Verwenden Sie ein WordPress-Theme, das unendliches Scrollen unterstützt
2. Verwenden Sie ein Infinite-Scroll-Plugin

Lassen Sie uns in jede Methode eintauchen und Sie können diejenige implementieren, die zu Ihnen passt.

Aber bevor Sie beginnen, machen Sie eine Sicherungskopie Ihrer gesamten Website, da Sie für die Implementierung von Infinite Scroll Ihr Design ändern und ein neues Plugin auf Ihrer Website installieren müssen. Die Durchführung dieser Schritte ist mit einem gewissen Risiko verbunden und Sie können feststellen, dass Ihre Website aufgrund eines einzigen Fehltritts kaputt ist. In solchen Fällen ist das Backup Ihr ​​Sicherheitsnetz, also machen Sie ein Backup.

1. Fügen Sie unendliches Scrollen mit dem WordPress-Thema hinzu (Neve)

Neve ist eines der wenigen kostenlosen WordPress-Themes, das die unendliche Scroll-Funktion bietet. Es ist eine ideale Lösung, wenn Sie unendliches Scrollen nur auf Ihrer Blog-Listing-Seite (oder anderen Archivseiten) aktivieren möchten.

Das Aktivieren des unendlichen Scrollens mit Neve ist super einfach.

Installieren und aktivieren Sie das Design auf Ihrer WordPress-Website.

Gehen Sie dann zu Aussehen → Anpassen → Layout → Blog / Archiv .

Scrollen Sie nach unten zur Option „ Reihenfolge und Inhalt “ und wählen Sie „ Infinite Scroll “ unter „ Post Pagination “ aus.

Klicken Sie auf die Schaltfläche „ Veröffentlichen “, um Ihre Einstellung zu speichern.

Wenn Sie jedoch unendliches Scrollen für Ihre einzelnen Posts oder Seiten aktivieren möchten, müssen Sie ein Plugin verwenden. Das heißt, wenn jemand die vollständige einzelne Blog-Beitragsseite öffnet und nach unten scrollt, möchten Sie, dass Ihre Website einen weiteren vollständigen Beitrag lädt.

In den nächsten beiden Abschnitten zeigen wir Ihnen, wie Sie Plugins verwenden, um unendliches Scrollen zu implementieren.

2. Verwenden Sie ein WordPress-Infinite-Scroll-Plugin

Es gibt eine Reihe von Plugins, die Ihnen helfen, unendliches Scrollen auf Ihrer Website zu ermöglichen, aber die beliebtesten sind:

1. Fange die unendliche Schriftrolle
2. YITH Unendliches Scrollen
3. Ajax mehr laden

Werfen wir einen kurzen Blick auf jedes Plugin, bevor wir Ihnen zeigen, wie Sie es verwenden.

Fange die unendliche Schriftrolle

Catch Infinite Scroll ist ein einfaches und kostenloses Infinite-Scroll-Plugin, mit dem Sie den Inhalt Ihrer Website horizontal auf einer einzigen Seite anzeigen können.

Wenn Sie den Trigger so ändern, dass er klickt, anstatt zu scrollen, wird auf Ihrer Website eine Schaltfläche „Mehr laden“ hinzugefügt.

Eine Anpassung ist möglich, und Sie können unter anderem das Ladebild und die Farbe, Schriftgröße und Schriftfamilie auf der Schaltfläche "Mehr laden" ändern.

Mit der kostenlosen Version können Sie unendliches Scrollen auf Ihrer Website aktivieren. Um jedoch Farbe, Schriftfamilie und Schriftgröße ändern zu können, müssen Sie die Premium-Version für eine Jahresgebühr von 24,99 $ erwerben.

Um das kostenlose Plugin zu verwenden, müssen Sie es nur auf Ihrer Website installieren und aktivieren , und schon können Sie loslegen.

Indem Sie in Ihrem WordPress-Dashboard zu Catch Infinite Scroll gehen, können Sie ein neues Ladebild hochladen und den Text „Load More“ und den Text ändern, der angezeigt wird, wenn kein Inhalt mehr angezeigt werden kann.

YITH Unendliches Scrollen

YITH Infinite Scrolling ist ein kostenloses Plugin und wie das vorherige Plugin bietet YITH Infinite Scrolling auch Optionen zur Auswahl Ihres Paginierungstyps – unendliches Scrollen oder Schaltfläche „Mehr laden“.

Sie können den Text der Schaltfläche "Mehr laden" ändern, der Schaltfläche zusätzliche Klassen hinzufügen und sogar Animationen (wie Einblenden, Einschieben) zum Laden neuer Inhalte verwenden.

Es stehen eine Reihe von Ladebildern zur Auswahl, zusammen mit der Option, Ihre eigenen hochzuladen.

Zwei unserer Lieblingsfunktionen sind die Option, das unendliche Scrollen auf Mobilgeräten zu aktivieren oder zu deaktivieren und die URL einer Seite zu ändern, wenn neue Elemente geladen werden ( wichtig für SEO ).

Mit der kostenlosen Version des Plugins dürfen Sie nur zwei Dinge tun:

1. Laden Sie ein benutzerdefiniertes Ladebild hoch.
2. Aktivieren Sie unendliches Scrollen nur für Ihren Beitrag.

Um unendliches Scrollen auf all Ihren Archivseiten zu ermöglichen und auf alle Funktionen des Plugins zuzugreifen, benötigen Sie die Premium-Version des Plugins, die 59,99 $ pro Jahr kostet.

Die Verwendung von YITH Infinite Scrolling ist ganz einfach. Installieren und aktivieren Sie einfach das kostenlose Plugin auf Ihrer Website, und es ermöglicht das unendliche Scrollen Ihrer Beiträge.

Sie können zu YITH → Infinite Scrolling navigieren, um die Plugin-Konfiguration anzupassen, aber die Standardeinstellungen funktionieren einwandfrei.

Ajax mehr laden

Ajax Load More ist ein komplexes Plugin, mit dem Sie unendliches Scrollen zusammen mit Optionen wie AJAX-Filterung, Repeater-Vorlagen, Shortcode-Builder, benutzerdefinierten Abfragen usw. aktivieren können.

Im Vergleich zu den vorherigen Plugins ist Ajax Load More etwas komplizierter einzurichten. Während Sie kein Entwickler sein müssen, um es zu verwenden, möchten Anfänger vielleicht bei einem anderen Plugin bleiben, weil Sie sich mit Begriffen wie „Abfrageparameter“ und „Repeater-Vorlagen“ auseinandersetzen müssen.

Der Vorteil dieser zusätzlichen Komplexität besteht jedoch darin, dass Sie eine Vielzahl von Optionen zum Konfigurieren und Anpassen des Endlos-Scroll-Verhaltens auf Ihrer Website erhalten.

Wenn Sie also in der Lage sein möchten, alles auf Ihrer Website unendlich zu scrollen, von Beiträgen über Seiten, Kommentare und mehr, könnte dies eine gute Option sein.

Beginnen Sie mit dem unendlichen Scrollen von WordPress

Weitere Möglichkeiten zur Verbesserung Ihrer Website finden Sie in unseren sieben Tipps zur Verbesserung der Benutzererfahrung.

Das ist alles für diesen! Wenn Sie Fragen zum Hinzufügen von unendlichem Scrollen auf einer WordPress-Site haben, teilen Sie uns dies in den Kommentaren unten mit.