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

Unendliches Scrollen ist ein Website-Trend, der sich im Laufe der Jahre entwickelt hat und auf vielen beliebten Websites seinen Platz gefunden hat. Es eignet sich hervorragend für inhaltsreiche Websites wie Blogs, Nachrichtenportale und soziale Medienplattformen, 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? 🔍

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

Nach unserer Erfahrung funktioniert der unendliche Scrollbalken am besten, wenn Ihre Besucher Inhalte auf natürliche Weise durchsuchen und entdecken möchten.

Denken Sie an Instagram-ähnliche Fotogalerien oder Nachrichtenseiten wie BuzzFeed, auf denen Leser nahtlos Inhalte erkunden können. Es kann es für Besucher einfacher und angenehmer machen, Ihre Inhaltsfeeds (wie Blogbeiträge oder Produktlisten) zu durchsuchen, insbesondere wenn sie sich auf Mobilgeräten befinden.

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

Eine weitere wichtige Überlegung? Während unendliches Scrollen das Engagement steigern kann, muss es korrekt implementiert werden, um eine Verlangsamung Ihrer Website oder Probleme mit der Barrierefreiheit zu vermeiden. Wenn Sie es also ausprobieren möchten, ist es eine gute Idee, die Leistung Ihrer WordPress-Website zu optimieren.

Unendlicher Scrollbalken: Vor- und Nachteile

Vorteile des unendlichen Scrollbalkens	Nachteile des unendlichen Scrollbalkens
Nahtloses Surfen: Benutzer genießen eine ununterbrochene Inhalts Erkundung, ohne auf „nächste Seite“ klicken zu müssen.	Benutzerfrustration: Kann für zielorientierte Benutzer (z. B. E-Commerce, Verzeichnisse), die nach bestimmten Artikeln suchen, ärgerlich sein.
Erhöhte Interaktion: Ermutigt Benutzer, mehr Zeit auf inhaltsreichen Websites (Blogs, Nachrichten, soziale Medien) zu verbringen.	Leistungsprobleme: Kann die Ladezeiten der Website ohne ordnungsgemäße Optimierung verlangsamen, insbesondere bei großen Mediendateien.
Mobilfreundlich: Die natürliche Scrollbewegung ist ideal für mobile Geräte und verbessert die Benutzererfahrung.	Barrierefreiheitsprobleme: Kann die Navigation für Benutzer mit Bildschirmlesegeräten oder Tastaturnavigation erschweren.
Inhaltsentdeckung: Ideal für Websites wie Fotogalerien (im Instagram-Stil), bei denen die Entdeckung im Vordergrund steht.	SEO-Bedenken: Ohne spezielle Optimierung (AJAX, eindeutige URLs, Schema) werden Suchmaschinen möglicherweise nicht alle Inhalte indexieren.

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

Während unserer Tests und Recherchen haben wir festgestellt, dass das Plugin Catch Infinite Scroll eine großartige Möglichkeit ist, unendliches Scrollen schnell hinzuzufügen. Es ist nicht nur einfach zu bedienen, sondern ermöglicht Ihnen auch, das Verhalten des unendlichen Scrollens auf Ihrer Website anzupassen.

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, wie man ein WordPress-Plugin installiert.

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. Diese Einstellungen helfen dem Plugin zu verstehen, welche Inhalte geladen und wo sie auf Ihrem spezifischen Theme angezeigt werden sollen.

Oft funktionieren die Standardeinstellungen gut, aber wenn Sie feststellen, dass der unendliche Scrollvorgang nicht wie erwartet funktioniert, sind dies die Einstellungen, die Sie anpassen möchten.

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, werden Sie das unendliche Scrollen in Aktion sehen.

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

YITH Infinite Scrolling ist ein Plugin für unendliches Scrollen von YITH, einem Entwickler von WooCommerce-Plugins. Wenn Sie also unendliches Scrollen 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 wurde entwickelt, um nahtlos mit WooCommerce zu funktionieren. Daher können Sie es normalerweise einfach installieren und aktivieren, um unendliches Scrollen zu Ihren Produktseiten hinzuzufügen. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung, wie man ein WordPress-Plugin installiert.

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 Repeater-Vorlage, 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 zur Erstellung eines „Mehr Beiträge laden“-Buttons 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 die WordPress-SEO sein. Suchmaschinen indexieren möglicherweise nicht alle Inhalte, 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 „Mehr laden“ mit AJAX hinzufügen, damit Suchmaschinen zusätzliche Inhalte erkennen, Schema-Markup verwenden, um Ihre Inhalte für Suchmaschinen zu verdeutlichen, und Links vorladen zu kommenden Inhalten.

Ist unendlicher Scroll besser als Paginierung?

Ob Infinite Scroll besser als Paginierung ist, hängt davon ab, was für Ihre Website und 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 Infinite Scroll zu Ihrer WordPress-Site hinzufügen. Möglicherweise möchten Sie auch unseren Leitfaden für Anfänger zum Thema Bearbeiten Ihrer WordPress-Website und unsere Expertenauswahl der besten Canva-Alternativen für Website-Grafiken lesen.

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.