So fügen Sie die Schaltfläche „Mehr Beiträge laden“ in WordPress hinzu

Als Blogger und Ersteller von Inhalten möchten Sie dafür sorgen, dass die Leute Ihre Beiträge lesen und mit Ihnen interagieren. Es gibt viele Möglichkeiten, dies zu tun: ein gutes Such- oder Tagging-System, eine Seitenleiste mit Links zu den letzten Posts, eine Galerie mit älteren Posts, sobald ein Leser das Ende der Seite erreicht hat, und so weiter.

Eine weitere großartige Möglichkeit ist die Schaltfläche „Weitere Beiträge laden“, die auch als unendliches Scrollen bezeichnet wird. Dadurch werden interessierte Leser Ihre Inhalte so lange durchsehen, wie sie möchten. Wenn Sie bereit sind, Plugins herunterzuladen oder etwas zu programmieren, können Sie diese unschätzbare Funktion ganz einfach zu Ihrer WordPress-Site hinzufügen. Lass uns anfangen.

Warum unendliches Scrollen?

Wenn ein Benutzer zur nächsten Seite navigiert, muss die gesamte Website neu geladen werden. Navigationsleisten, Hintergrund und mehr – und obwohl diese Elemente wahrscheinlich zwischengespeichert sind, dauert es einige Sekunden länger. Beim unendlichen Scrollen muss nur der neue Beitrag geladen werden, was nur einen Moment dauert.

Darüber hinaus hält das unendliche Scrollen die Besucher beim Lesen. Sie lesen möglicherweise nicht weiter, wenn sie suchen müssen, um ältere Beiträge zu finden. Aber mit einem Knopf genau dort bleiben sie vielleicht etwas länger.

Wenn Sie bereit sind, WordPress einen „Load More“-Button hinzuzufügen, gibt es nur ein paar Dinge, die Sie beachten sollten.

• Sichern Sie immer Ihre WordPress-Site, bevor Sie Vorlagendateien oder Code bearbeiten. Oder verwenden Sie ein untergeordnetes Thema , um zu experimentieren, bevor Sie Ihre Änderungen auf die Hauptseite übertragen.
• Um ein WordPress-Plugin zu installieren, gehen Sie zu Ihrem WordPress-Adminbereich und klicken Sie auf die Schaltfläche „Neu hinzufügen“ unter „Plugins“. Suchen Sie dort nach dem gewünschten Plugin, installieren Sie es und aktivieren Sie es. Einfach so!
• Wenn das nicht funktioniert, laden Sie das Plugin von dort herunter, wo Sie es gefunden haben. Gehen Sie erneut zu „Neu hinzufügen“, aber klicken Sie diesmal auf „Hochladen“, um die Datei hochzuladen. Anschließend installieren und aktivieren Sie das Plugin.
• Einige Plugins werden mit anderen Installationsanweisungen geliefert, wenn diese Methoden nicht zu funktionieren scheinen!

Ohne Plugin

Keine Plugin-Person? Wenn Sie dies lieber selbst tun möchten, keine Sorge. Wenn Sie dies lieber selbst codieren oder Ihr eigenes Plugin erstellen möchten, folgen Sie dieser Anleitung oder dieser . Beide können Ihnen helfen, diese Funktion selbst einzurichten – obwohl Sie möglicherweise zusätzliche Funktionen und einfache Anpassungen verpassen, die ein Plugin bieten kann.

Diese Tutorials beinhalten viel gruseligen Code, aber solange Sie die Anweisungen befolgen, sollte es nicht zu schwierig sein. Sie werden einige Parameter einrichten, um sicherzustellen, dass die Schaltfläche nicht angezeigt wird, wenn nicht genügend Posts vorhanden sind, den Basiscode einrichten und ihn mit CSS hübsch machen.

Einfach mehr laden

Wenn Sie ein Plugin bevorzugen, ist dies eine großartige Wahl. Easy Load More ist, wie der Name schon sagt, ein Lazy-Loading-Plugin. Es verwendet Ajax, um zusätzliche Beiträge auf derselben Seite zu laden, und erfordert nur sehr wenig Bearbeitung Ihrer Designdateien. Das Plugin wurde speziell entwickelt, um so wenig Spuren wie möglich zu hinterlassen, mit einer minimalistischen und anpassbaren Standardschaltfläche, kleiner Javascript-Größe und Ladesymbolen, die mit SVG gerendert wurden, sodass Bilddateien nicht heruntergeladen werden müssen.

Sobald Sie das Plugin heruntergeladen haben, ist es wirklich einfach, es einzurichten. Zuerst müssen Sie das Plugin auf seiner Einstellungsseite im Plugin-Menü konfigurieren. Suchen Sie dann die Seite, auf der Sie das unendliche Scrollen wünschen, und fügen Sie die Funktion „load_more_button()“ zu den Vorlagendateien Ihres Designs hinzu. Es funktioniert mit benutzerdefinierten Vorlagen und auf jeder Seite, von der Homepage bis zu Archivseiten.

Ajax mehr laden

Wenn Sie etwas Fortgeschritteneres suchen, bietet Ajax Load More viele zusätzliche Funktionen.

Es gibt einen Shortcode-Builder, mit dem Sie eine benutzerdefinierte Abfrage anderer Seiten, Beiträge oder Kommentare erstellen können. Abfrageparameter bedeuten, dass die geladenen Beiträge in bestimmte Kategorien oder Beitragstypen fallen können, und Sie können auch bestimmte Beiträge herausfiltern. Sie können auch Vorlagen erstellen, damit das Plugin perfekt zu Ihrem Thema passt.

Zusätzlich zu all diesen Funktionen gibt es Add-Ons, die die Funktionalität weiter erweitern. Laden Sie Beiträge vorab, ersetzen Sie Lazy Load durch Seiten oder ändern Sie das Aussehen und Layout des Plugins!

Während Ajax Load More von fortgeschrittenen Benutzern umfassend angepasst und optimiert werden kann, ist es eine ziemlich kleine Tortur, es einzurichten. Verwenden Sie einfach den Shortcode Builder, um Ihren benutzerdefinierten Shortcode zu erstellen, und fügen Sie ihn entweder direkt über den Inhaltseditor oder durch Platzieren in Ihren Vorlagendateien zu Ihrer Website hinzu. Und das ist alles, was Sie tun müssen!

Laden Sie weitere Produkte für WooCommerce

Wenn Sie E-Commerce verwenden, verwendet diese spezialisierte Art der Schaltfläche „Mehr laden“ eine ähnliche Ajax-Codierung, um unendlich viele Produkte zu laden. Es ist mit mehreren WooCommerce-Plugins kompatibel. Die kostenlose Version bietet Ihnen Zugriff auf unendliches Scrollen mit einer Schaltfläche und einigen grundlegenden Anpassungsfunktionen. Das kostenpflichtige Plugin verfügt über mehrere Lazy-Loading-Optionen mit Animationen, Schaltflächenanpassung und unterschiedlichem Laden für mobile Geräte.

Einfach mehr laden

Wenn Sie nur etwas einfaches und leicht zu aktivierendes benötigen, erledigt Simple Load More die Arbeit. Es wird automatisch auf Ihrer Homepage aktiviert. Wenn das alles ist, was Sie brauchen, können Sie es einfach installieren, einrichten und fertig.

Wenn Sie es auf anderen Seiten benötigen, nehmen Sie einfach eine einfache Einrichtung vor und fügen Sie die Funktion „simple_more_button()“ oder den Shortcode „[load_more button_text=“ABC“]“ zu den Vorlagendateien der Seite hinzu, auf der Sie die Schaltfläche haben möchten.

Laden Sie mehr alles

Wenn Sie ein einfaches jQuery-Load-More-Plugin ausprobieren möchten, sehen Sie sich dieses an. Mehr laden Alles funktioniert überall, auf jeder Seite und für jeden Inhalt. Beiträge, Kommentare, Produkte, Bilder – alles und überall.

Dazu benötigen Sie ein wenig technisches Wissen. Obwohl Sie sich nicht mit Designdateien herumschlagen müssen, müssen Sie das „div“-Tag finden, das sich darauf bezieht, wo die Schaltfläche angezeigt werden soll und woher sie Inhalte bezieht. Der einfachste Weg ist, „Inspect Element“ an der Stelle zu verwenden, an der Sie die Schaltfläche haben möchten, und zu versuchen, die richtigen div-, class- oder aside-Tags zu finden. Wenn Sie kein Webentwickler sind oder nicht wissen, wie man in Inspect Element navigiert, sollten Sie dieses vielleicht überspringen.

Begeistern Sie Leser ganz einfach mit Load More

Das war nicht so schwer, oder? Unendliches Scrollen ist eine großartige Möglichkeit, Besuchern einfachen Zugriff auf weitere Inhalte zu ermöglichen, ohne mehrere Seiten laden oder Navigationslinks durchlaufen zu müssen. Es ist einfach und beseitigt jede mögliche Verwirrung. Wenn Sie auf Ihrer Website noch keinen „Mehr laden“-Button haben, worauf warten Sie noch?

Wenn Ihnen dieser Leitfaden weitergeholfen hat, besuchen Sie doch unsere Facebook- und Twitter-Seite für weitere WordPress-Tipps und Tutorials. Und wenn es WordPress-Tutorials gibt, die Sie von uns sehen möchten, teilen Sie uns dies in den Kommentaren unten mit.