So fügen Sie unendliches Scrollen zu Ihrer WordPress-Website hinzu (Schritt für Schritt)

Unendliches Scrollen ist einer dieser Website-Trends, die wir im Laufe der Jahre kommen und gehen gesehen haben. Es ist großartig für inhaltsreiche Websites wie Blogs, Nachrichtenportale und Social-Media-Plattformen, auf denen Benutzer endloses Surfen genießen.

Wenn Sie Besucher an Ihre Inhalte binden möchten, könnte der unendliche Scroll-Effekt die Lösung sein, nach der Sie suchen. Diese Funktion lädt automatisch neue Inhalte, während Benutzer nach unten scrollen, sodass sie nicht zur nächsten Seite klicken müssen.

Aber wie fügen Sie das Ihrer WordPress-Website hinzu? Keine Sorge, denn wir haben 3 einfache Möglichkeiten entwickelt, unendliches Scrollen zu implementieren, unabhängig von Ihren technischen Fähigkeiten.

Zum unendlichen Scrollen oder nicht? 🔍

Seien wir ehrlich: Unendliches Scrollen ist nicht jedermanns Sache. Während dieses WordPress-Webdesign-Element für inhaltsreiche Websites wie Social-Media-Feeds und Nachrichtenportale wunderbar funktioniert, kann es Benutzer auf einer E-Commerce-Website frustrieren, die nach bestimmten Produkten suchen.

Basierend auf unseren Beobachtungen, die Millionen von WordPress-Nutzern helfen, funktioniert der unendliche Scroll am besten, wenn Ihre Besucher Inhalte natürlich durchsuchen und entdecken möchten.

Denken Sie an Fotogalerien im Instagram-Stil oder Nachrichtenseiten wie BuzzFeed, auf denen Leser die nahtlose Erkundung von Inhalten genießen. Es kann es Besuchern erleichtern und angenehmer machen, Ihre einzelnen Beiträge zu durchsuchen, insbesondere wenn sie sich auf Mobilgeräten befinden.

Aber es kann frustrierend sein auf Websites oder Webverzeichnissen, wo Benutzer eine klare Navigation benötigen oder schnell spezifische Informationen finden möchten.

Eine weitere wichtige Überlegung? Während Infinite Scroll das Engagement steigern kann, muss es korrekt implementiert werden, um zu vermeiden, dass Ihre Website verlangsamt wird oder Barrierefreiheitsprobleme entstehen. Wenn Sie es also ausprobieren möchten, ist es eine gute Idee, die Leistung Ihrer WordPress-Website zu optimieren.

Mit diesen Worten wollen wir uns ansehen, wie Sie WordPress Infinite Scroll zu Ihrer Website hinzufügen können. Sie können diese Schnelllinks verwenden, um zu einer bestimmten Methode zu springen:

• Option 1: Verwenden Sie Catch Infinite Scroll für eine schnelle Einrichtung
• Option 2: Unendlichen Scroll zu WooCommerce mit YITH hinzufügen
• Option 3: Advanced Customization with Ajax Load More

Option 1: Verwenden Sie Catch Infinite Scroll für eine schnelle Einrichtung

Während unserer Tests und Recherchen haben wir festgestellt, dass der beste Weg, Infinite Scrolling hinzuzufügen, das Catch Infinite Scroll Plugin ist. Es ist nicht nur einfach zu bedienen, sondern ermöglicht Ihnen auch, anzupassen, wie das Infinite Scroll auf Ihrer Website funktioniert.

Das erste, was Sie tun müssen, ist, das Catch Infinite Scroll Plugin zu installieren und zu aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung sehen Sie einen neuen Menüpunkt mit der Bezeichnung 'Catch Infinite Scroll' in Ihrem WordPress-Dashboard. Klicken Sie einfach darauf, um die Plugin-Einstellungen zu konfigurieren.

Wir möchten den unendlichen Scroll auslösen, wenn der Benutzer beginnt, nach unten auf der Seite zu scrollen.

Mit diesem Gedanken im Hinterkopf öffnen Sie das Dropdown-Menü 'Laden bei' und wählen 'Scrollen'. Wenn Sie 'Klicken' wählen, zeigt Catch Infinite Scroll stattdessen eine Schaltfläche 'Mehr laden' an.

Als Nächstes können Sie den Navigationsselektor, den nächsten Selektor, den Inhaltsselektor und den Elementselektor anpassen. Die Standardeinstellungen funktionieren recht gut, sodass Sie keine Änderungen vornehmen müssen.

Der Abschnitt „Bild“ zeigt das Lade-Icon, das Infinite Scroll beim Laden von Inhalten anzeigt.

Standardmäßig wird ein Loader-GIF-Bild verwendet, aber Sie können dies ändern, wenn Sie möchten. Klicken Sie einfach auf 'Hochladen' und wählen Sie dann ein Bild aus der Mediathek oder laden Sie eine neue Datei hoch.

Wenn Sie mit der Einrichtung des unendlichen Scrollens zufrieden sind, klicken Sie auf die Schaltfläche „Änderungen speichern“, um Ihre Änderungen zu speichern.

Wenn Sie nun Ihre WordPress-Website besuchen, sehen Sie das unendliche Scrollen in Aktion.

Option 2: Unendlichen Scroll zu WooCommerce mit YITH hinzufügen

YITH Infinite Scrolling ist ein Infinite-Scroll-Plugin von YITH, einem WooCommerce-Plugin-Entwickler. Wenn Sie also Infinite Scroll zu Ihren Produktseiten hinzufügen möchten, ist dies das Plugin, das wir empfehlen. Es funktioniert hervorragend mit anderen YITH-Plugins wie YITH WooCommerce Points and Rewards.

Dieses Plugin funktioniert sofort, sodass Sie es einfach installieren und aktivieren können, um unendliches Scrollen zu Ihrer WordPress-Website hinzuzufügen. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zum Thema Installieren eines WordPress-Plugins.

Nach der Aktivierung können Sie Ihre Website besuchen, um die neue Funktion für unendliches Scrollen in Aktion zu sehen.

Wenn Sie den unendlichen Scroll anpassen möchten, finden Sie einige einfache Einstellungen, indem Sie in Ihrem WordPress-Dashboard zu YITH » Infinite Scrolling gehen.

Hier können Sie das unendliche Scrollen aktivieren und deaktivieren.

Sie können auch das Bild oder GIF ändern, das YITH beim Laden von Inhalten anzeigt. Scrollen Sie einfach zum Abschnitt „Ladebild“ und laden Sie Ihr Bild hoch. Sie können auch ein Bild über eine URL hochladen.

Vergessen Sie nicht, auf die Schaltfläche „Optionen speichern“ zu klicken.

Option 3: Erweiterte Anpassung mit Ajax Load More

Ajax Load More verfügt über eine erweiterte Benutzeroberfläche mit vielen verschiedenen Optionen, darunter eine Wiederholungsvorlage, einen Shortcode-Builder und WordPress-Abfragen.

Das Plugin bietet auch weitere Anpassungseinstellungen, darunter viele Stile für das Lade-Icon und Schaltflächenstile.

In diesem Sinne hat es eine steilere Lernkurve und wird für Anfänger nicht empfohlen. Es gibt jedoch fortgeschrittenen Benutzern die vollständige Kontrolle über das Infinite Scroll ihrer Website.

Eine detaillierte Anleitung finden Sie in unserem Tutorial zum Erstellen einer Schaltfläche 'Mehr Beiträge laden' in WordPress mit dem Ajax Load More Plugin.

Unendlichen Scroll in WordPress hinzufügen: FAQs

Haben Sie noch Fragen zum Hinzufügen von unendlichem Scroll zu Ihrer WordPress-Website? Lassen Sie uns einige häufig gestellte Fragen zu diesem Designmerkmal besprechen.

Ist Infinite Scroll gut oder schlecht?

Unendliches Scrollen hat seine Vor- und Nachteile. Es eignet sich hervorragend für Websites wie soziale Medien, Blogs und Nachrichtenseiten, auf denen Benutzer gerne eine Vielzahl von Inhalten durchsuchen. Für zielorientierte Seiten wie E-Commerce kann es jedoch frustrierend sein, wenn Benutzer versuchen, bestimmte Artikel zu finden.

Verbessert unendlicher Scroll die Leistung?

Unendlicher Scroll kann es Benutzern erleichtern, schnell auf mehr Inhalte zuzugreifen, insbesondere auf mobilen Geräten, wo Scrollen natürlich ist.

Ohne entsprechende Optimierung kann dies jedoch die Ladezeiten von Seiten verlangsamen, insbesondere bei großen Mediendateien. Deshalb ist es eine gute Idee, die besten Praktiken für Website-Geschwindigkeit und -Leistung zu befolgen.

Ist Infinite Scroll schlecht für SEO?

Ohne richtige Optimierung kann Infinite Scroll schlecht für das WordPress SEO sein. Suchmaschinen können möglicherweise nicht alle Inhalte indizieren, da sie nicht automatisch nach unten scrollen.

Aber es gibt Möglichkeiten, es für eine bessere SEO zu optimieren. Sie können eine Schaltfläche zum Laden weiterer Inhalte mit AJAX hinzufügen, damit Suchmaschinen zusätzliche Materialien erkennen, Schema-Markup verwenden, um Ihre Inhalte für Suchmaschinen zu verdeutlichen, und Links zu kommenden Inhalten vorab laden.

Ist unendlicher Scroll besser als Paginierung?

Ob Infinite Scroll besser ist als Paginierung, hängt davon ab, was für Ihre Website und Ihre Benutzer am besten funktioniert. Infinite Scroll bietet ein nahtloses Erlebnis, während Paginierung eine klarere Struktur bietet. Beide haben ihre Vorteile, wählen Sie also basierend auf Ihren Inhalts- und Zielgruppenpräferenzen.

Erfahren Sie mehr Möglichkeiten, Ihr WordPress-Blogdesign zu optimieren

Möchten Sie weitere Tipps und Tricks, um Ihren WordPress-Blog zu verbessern? Sehen Sie sich diese Anleitungen an:

• So fügen Sie jedem WordPress-Theme einen Parallax-Effekt hinzu
• Wie man einen Schriftgrößen-Änderer in WordPress für Barrierefreiheit hinzufügt
• So erstellen Sie einen benutzerdefinierten Form-Teiler in WordPress
• WordPress Sidebar-Tricks für maximale Ergebnisse
• So fügen Sie eine benutzerdefinierte Scrollleiste zu jedem Element in WordPress hinzu
• Text in WordPress hervorheben (Anfängerleitfaden)
• Dynamische Inhalte in WordPress hinzufügen (Anfängerleitfaden)

Wir hoffen, dieses Tutorial hat Ihnen geholfen zu lernen, wie Sie den unendlichen Scroll-Effekt zu Ihrer WordPress-Website hinzufügen. Möglicherweise möchten Sie auch unseren Leitfaden für Anfänger zum Bearbeiten Ihrer WordPress-Website und unsere Expertenauswahl der besten Canva-Alternativen für Website-Grafiken ansehen.

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