Technologische Neuigkeiten, Bewertungen und Tipps!

So fügen Sie Ihrer WordPress-Site Infinite Scroll hinzu (Schritt für Schritt)

Möchten Sie Ihrem WordPress-Blog eine unendliche Schriftrolle hinzufügen?

Infinite Scroll ist eine Webdesign-Technik, die den Inhalt Ihrer nächsten Seite automatisch lädt, wenn Benutzer den unteren Rand einer Seite erreichen. Benutzer können mehr Inhalte in Ihrem Blog sehen, ohne auf die Paginierung oder die Schaltfläche "Mehr laden" klicken zu müssen.

In diesem Artikel zeigen wir Ihnen, wie Sie auf einfache Weise (Schritt für Schritt) eine unendliche Schriftrolle in Ihrem WordPress-Blog hinzufügen können.

Was ist Infinite Scroll?

Infinite Scroll ist ein Webdesign-Trend, bei dem anstelle der numerischen Seitennavigation das Laden von AJAX-Seiten verwendet wird, um den Inhalt der nächsten Seite automatisch zu laden und am Ende der aktuellen Seite anzuzeigen. Das unendliche Scrollen erleichtert das Durchsuchen weiterer Inhalte durch einfaches Scrollen nach unten. Der Inhalt wird kontinuierlich und unendlich geladen, während die Benutzer weiter scrollen.

Normalerweise müssen Nutzer auf die Schaltflächen "Nächste", "Vorherige" oder Seitenzahlen klicken, um ältere Blog-Artikel anzuzeigen.

Bei Verwendung von AJAX, kurz für Asynchronous Javascript und XML, können Webseiten mit dem Server kommunizieren, ohne die gesamte Seite neu zu laden. Es ermöglicht Web-Apps, Benutzeranforderungen zu verarbeiten und Daten ohne Aktualisierung bereitzustellen.

Die besten Beispiele für unendliches Scroll-Design sind die beliebten Social-Media-Sites wie Facebook, Twitter, Instagram, Pinterest, und mehr. Wenn Sie eines von ihnen verwenden, wissen Sie, wie Inhalte endlos auf Ihrer Social Media-Timeline geladen werden.

Ist Infinite Scrolling für jede Website geeignet?

Viele Content-Websites im Internet verwenden die Infinite-Scroll-Technik, um das Surferlebnis zu verbessern und das Engagement zu steigern. Dies führt dazu, dass sich viele Anfänger fragen, ob es für jede Website geeignet ist oder ob es für meine Website gut ist.

Das unendliche Scrollen eignet sich hervorragend für Websites, die Inhalte in einer Zeitleiste oder in einem Feed darstellen, z. B. für Social Media-Apps. Es bietet Nutzern, die nach zeitbasierten Inhalten suchen, ein fantastisches Surferlebnis.

Als nächstes ist das unendliche Scroll-Design perfekt für Mobil- und Touch-Geräte. Für mobile Benutzer ist das Scrollen benutzerfreundlicher als das Aufzeichnen winziger Seitenlinks.

Touchscreen-Webinteraktion

Der wichtigste Vorteil der Infinite-Scroll-Technik ist ein reibungsloses Browsen. Benutzer müssen nicht manuell auf die Paginierungslinks klicken. Der Inhalt wird durch Scrollen schnell geladen und die Benutzer sind immer beschäftigt.

Auf der anderen Seite kann dies jedoch auch die Navigation auf Ihrer Website erschweren. Beim kontinuierlichen Laden ist es schwierig herauszufinden, wo (auf welcher Seite) sich ein Blog-Artikel befindet. Einige Benutzer finden es sogar überwältigend, viele Artikel auf einmal zu sehen.

Ein weiterer Nachteil des Designs mit unendlichen Schriftrollen besteht darin, dass Sie keine Fußzeile haben können. Selbst wenn Sie es haben, wird es unter endlosen Artikeln versteckt, die kontinuierlich geladen werden. Viele Websites fügen wichtige Links in die Fußzeile ein, sodass einige Benutzer enttäuscht werden können, wenn sie diese nicht haben.

Das vielleicht größte Problem beim unendlichen Scrollen ist, dass es Ihre Website verlangsamen oder sogar den Server zum Absturz bringen kann. Als wir einem unserer kleineren Blogs einen unendlichen Bildlauf hinzufügten, kam es zu einem Serverabsturz, nachdem Benutzer auf einem kleinen WordPress-Hosting-Konto unnötigerweise einen Bildlauf durchführten, der zu Speichermangel führte. Wir empfehlen Ihnen, verwaltetes WordPress-Hosting zu verwenden, wenn Sie das unendliche Scrollen ausprobieren möchten.

Jetzt, da Sie die Vor- und Nachteile des Designs für unendliche Schriftrollen kennen, können Sie entscheiden, ob Sie es Ihrem Blog hinzufügen möchten oder nicht.

Wenn Sie sich entschieden haben, Ihrem WordPress-Blog unendliches Scrollen hinzuzufügen, können Sie dies ganz einfach tun. Wir zeigen Ihnen mehrere Plugins, die Sie verwenden können, damit Sie das Plugin auswählen können, das Ihren Anforderungen am besten entspricht.

Hinzufügen von Infinite Scroll zu Ihrem WordPress-Blog mit Catch Infinite Scroll

Als erstes müssen Sie das installieren und aktivieren Fange die unendliche Schriftrolle Plugin. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Bei der Aktivierung fügt WordPress Ihrem WordPress-Admin-Bereich einen neuen Menüeintrag mit der Bezeichnung "Catch Infinite Scroll" hinzu. Sie müssen darauf klicken, um die Plugin-Einstellungen zu konfigurieren.

Catch Infinite Scroll-Einstellungen

Zunächst können Sie eine Auslöseoption zum Laden von Artikeln auswählen. Mit dem Plugin können Sie Inhalte automatisch laden, wenn Benutzer die Seite nach unten scrollen oder eine Schaltfläche zum Laden weiterer Inhalte hinzufügen.

Beim Scrollen oder Klicken laden - Einstellungen für das Plug-in für unbegrenzten Bildlauf abfangen

Wählen Sie die Option "Bildlauf", um den automatischen Ladevorgang mit Bildlauf auszulösen. Alternativ können Sie die Option "Klicken" auswählen, wenn Sie eine Schaltfläche zum Laden weiterer Elemente hinzufügen möchten.

Als Nächstes sehen Sie die Navigationsauswahl, die nächste Auswahl, die Inhaltsauswahl und die Elementauswahl. Sie müssen an diesen Optionen nichts ändern, da die Standardoptionen recht gut funktionieren.

Danach gibt es eine Image-Option, mit der Sie das Content Loader-Symbol hinzufügen können. Standardmäßig verfügt es über ein Loader-GIF-Bild. Wenn Sie ein besseres Bild haben, können Sie es ändern.

Laden Sie ein neues Ladebild für WordPress Infinite Scroll hoch

Die Option "Text fertig stellen" enthält die Nachricht, die angezeigt wird, sobald ein Benutzer die Anzeige Ihrer Artikel abgeschlossen hat. Standardmäßig lautet der Text "Keine weiteren Elemente zum Anzeigen". Sie können diesen Text problemlos nach Bedarf bearbeiten.

Artikel laden Fertig - Text fertig stellen Option Unendliche Schriftrolle fangen

Klicken Sie anschließend auf die Schaltfläche Änderungen speichern.

Das ist es! Das unendliche Scrollen ist jetzt in Ihrem Blog aktiv. Sie können Ihren Blog besuchen und das unendliche Scrollen in Aktion sehen.

WordPress Infinite Scroll Preview

Alternative WordPress-Plugins zum Hinzufügen von Infinite Scroll in WordPress

Catch Infinite Scroll funktioniert gut mit den meisten WordPress-Themes. Bei einigen Themen kann dies jedoch fehlschlagen. In einem solchen Szenario können Sie eines der folgenden WordPress-Plug-ins mit unendlichem Bildlauf verwenden.

1. Ajax Mehr laden

Ähnlich wie bei Catch Infinite Scroll können Sie mit dem Ajax Load More-Plugin Ihrer WordPress-Site auch endlose Bildlauf- und klickbare Load More-Schaltflächen hinzufügen.

Das Plugin bietet weitere Anpassungsoptionen, darunter viele Seitenlade-Symbolstile, Schaltflächenstile usw. Eine ausführliche Anleitung finden Sie in unserem Tutorial zum Erstellen einer Schaltfläche zum Laden weiterer Beiträge in WordPress mithilfe des Ajax Load More-Plugins.

Das Plugin hat jedoch einige Lernkurven für Anfänger. Es hat eine erweiterte Oberfläche mit vielen Optionen, einschließlich Repeater-Vorlage, Shortcode Builder, WordPress-Abfragen und mehr.

Es werden einige Programmierkenntnisse benötigt, um mit diesem Plugin das unendliche Scrollen anzuwenden.

2. YITH Endloses Scrollen

YITH Infinite Scrolling ist eine einfache Alternative zum Ajax Load More- oder Catch Infinite Scroll-Plugin.

Ähnlich wie beim Catch Infinite Scroll-Plugin gibt es nur minimale Optionen zum Einrichten der scrollbasierten Webinteraktion auf Ihrer Website. Sie müssen nur das Plugin installieren und aktivieren und das unendliche Scrollen aktivieren.

YITH Infinite Scrolling Plugin Einstellungen

Jeder, auch Anfänger, kann mit diesem Plugin problemlos das unendliche Scrollen einrichten. Es gibt jedoch keine Option für die Schaltfläche "Mehr laden", die in den beiden anderen oben genannten Plugins enthalten ist.

Wir hoffen, dieser Artikel hat Ihnen geholfen, zu lernen, wie Sie Ihrem WordPress-Blog ein unendliches Scroll-Design hinzufügen können. Vielleicht möchten Sie auch unseren Leitfaden zum Hinzufügen von Bildlauftiefen-Tracking in WordPress lesen.

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