Springe zum Hauptinhalt

So fügen Sie einem WordPress-Blog unendliches Scrollen hinzu

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 600.000 Downloads, Divi ist das beliebteste WordPress-Theme der Welt. Es ist vollständig, einfach zu bedienen und enthält mehr als 62-freie Vorlagen. [Empfohlen]

Gibt es etwas Süchtigeres als den Newsfeed von Facebook? Ich sitze hier und schreibe dieses Tutorial, aber diese süchtig machende Funktion wird immer wieder gescrollt ... immer wieder ... und immer wieder.

Dies ist eine Funktion, die Facebook nutzt und die so heißt: " unendliche Schriftrolle "Oder" endloses Scrollen », für den Newsfeed.

Anstatt auf eine Schaltfläche zu klicken oder " folgende "Oder" Mehr lesen ", Der Inhalt wird weiterhin geladen, wenn Sie die Seite nach unten scrollen.

Und wissen Sie was? Sie können den gleichen Effekt auf Ihrem WordPress-Blog erzielen, indem Sie unendliches Scrollen hinzufügen.

In diesem Tutorial werde ich einige Vor- und Nachteile des unendlichen Bildlaufs erläutern und Ihnen dann zeigen, wie Sie einen unendlichen Bildlauf in Ihrem WordPress-Blog einrichten.

Aber vorher, wenn Sie WordPress Discover noch nie installiert haben Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren

Dann zurück zu warum wir hier sind.

Vorteile des unendlichen Scrollens

Viele große Marken haben das unendliche Scrollen erlebt, wodurch wir den Vorteil haben, ihre Daten überprüfen zu können. Hier sind einige der Vorteile, die soziale Netzwerke erfahren haben:

Übrigens entdecken Wie erstelle ich einen Lauftext auf Divi?

  • mehr Ansichten - NBC News stellte fest, dass Festnetznutzer 20% mehr Seiten pro Besuch mit unendlichem Bildlauf besuchten. Ebenso Mal Msgstr "" "Außerdem wurde festgestellt, dass 21% seiner Benutzer sich für den Rest des Inhalts mit unendlichem Bildlauf entschieden haben.
  • Sehr niedrige Absprungrate - " Mal Außerdem wurde die 15-Absprungrate (%) reduziert, als sie sich für das unendliche Scrollen entschieden haben.
  • Verbesserte Benutzererfahrung - Damit sind sich alle einig. Einige Experten haben das festgestellt unendliche Schriftrolle UX erhöht den Bekanntheitsgrad von Inhalten für Benutzer und zwingt Benutzer, weniger zu klicken, während sie gleichzeitig ein besseres mobiles Erlebnis bieten.

Ich kann nicht mit Sicherheit sagen, dass Sie die gleichen Ergebnisse erzielen wie diese großen Marken, aber wenn Sie viel Blog-Post haben, ist das Scrollen sicherlich eine gute Option.

Entdecken Sie Wann und wie installiere ich WordPress in einem Unterverzeichnis?

Die meisten sozialen Netzwerke verwenden aus denselben Gründen das unendliche Scrollen.

Nachteile beim unendlichen Scrollen

Beim unendlichen Scrollen ist nicht immer alles rosig. Es gibt sicherlich einige mögliche negative Punkte, die Sie berücksichtigen sollten:

  • keine Fußzeile - Sie verlieren in Ihrer Fußzeile, wenn Sie sich für das unendliche Scrollen entscheiden. Dies ist ein großes Handicap, wenn Sie mehr Informationen in der Fußzeile anbieten möchten. Wenn Sie beispielsweise in Ihrer Fußzeile Partnerinformationen anzeigen, müssen Sie nach einer neuen Methode suchen, um diese Informationen anzuzeigen.
  • Bouncing Scrollbar verursacht eine schlechte Erfahrung - Da die Website noch geladen wird, ist es wahrscheinlich, dass sich die Länge der Ladebalken ändert, was zu einem Leseverlust führen und zu einer schlechten Benutzererfahrung führen kann.
  • Kein Gefühl der "Vollendung" - Es geht nicht um Anspielungen. Nielsen-Forscher haben festgestellt, dass Benutzer die Fertigstellung erfahren, wenn sie das Ende einer Seite erreichen. Unbegrenztes Scrollen macht dies unmöglich.

Außerdem ist das unendliche Scrollen im Abschnitt "Vorteile" gut, wenn Sie viele Blog-Posts von gleicher Bedeutung haben. Das Gegenteil ist auch der Fall:

Siehe auch in diesem Artikel So beheben Sie den Fehler "Temporärer Ordner fehlt" in WordPress

Wenn Ihre Artikel von ungleicher Bedeutung sind (Einige Artikel enthalten beispielsweise bis zu 2.000-Wörter, andere nur 300-Wörter), also unendliches Scrollen, ist sicherlich keine gute Idee für Ihre Website.

Erstellen Sie ganz einfach Ihre Website mit Elementor

Mit Elementor können Sie auf einfache Weise jedes Website-Design mit einem professionellen Look erstellen. Zahlen Sie nicht mehr teuer für das, was Sie selbst tun können. [Kostenlos]

Wie unendlich Scroll auf Wordpress hinzufügen

Um unendliches Scrollen in WordPress hinzuzufügen, können Sie ein kostenloses Plugin mit dem Namen " Mehr Ajax Loader “. Dieses Plugin bietet Unmengen an Premium-Erweiterungen, mit denen die Funktionalität verbessert werden kann. Die kostenlose Version sollte jedoch ausreichen, um Ihrer Website einfach einen unendlichen Bildlauf hinzuzufügen.

Gehen Sie auch nach Absprache weiter Javascript auf Wordpress: Bei der Verwendung von AJAX

Das Basis-Plugin generiert einen Shortcode, den Sie einer Seite hinzufügen. Diese Seite zeigt dann Ihre Blog-Beiträge in einer unendlichen Schriftrolle an. Während des gesamten Kurses müssen Sie noch einige weitere kleine Schritte ausführen. So platzieren Sie alles:

Die Installation und Konfiguration des Plugins

Sie finden " Mehr Ajax Loader Im WordPress-Plugins-Verzeichnis. Installieren und aktivieren Sie das Plugin wie jedes andere Plugin.

Nach der Aktivierung sehen Sie eine brandneue Option Ajax Mehr laden “. Gehe zu " Ajax Load More> → Repeater-Vorlage So erstellen Sie Ihr Modell.

« Ihr Modell> Repeater Ist die Vorlage, die definiert, wie Artikel beim unendlichen Scrollen angezeigt werden sollen. Sie können es ändern, aber Sie müssen ein wenig PHP kennen. Die Standardvorlage sollte jedoch für die meisten Benutzer in Ordnung sein:

Bau-dun-model-Wordpress

Wichtig ist nur, dass in der Standard-Repeater-Vorlage nur Artikelschnipsel und keine vollständigen Artikel angezeigt werden. Wenn Sie die vollständigen Artikel anzeigen möchten, müssen Sie ersetzen " the_excerpt () „Mit“ the_content () ".

Wenn Sie PHP kennen, können Sie dieses Modell trotzdem anpassen. Ansonsten ist es in Ordnung, das Modell zu verlassen " Verstärker Standardmäßig.

Lesen Sie auch unseren Artikel über 9 WordPress-Plugins zum Erstellen von Preisgittern in einem Blog

Es gibt eine Menge Dinge, die Sie hier konfigurieren können. Sie haben die Möglichkeit zu ändern, was in der unendlichen Schriftrolle angezeigt wird und wie es sich verhält.

Suchst du nach den besten WordPress Themes und Plugins?

Laden Sie die besten Plugins und WordPress-Themes auf Envato herunter und erstellen Sie ganz einfach Ihre Website. Schon mehr als 49.720.000 Downloads. [EXCLUSIVE]

Ich kann nicht alle Möglichkeiten in diesem Artikel nennen, aber hier sind einige der Felder, die Sie definitiv ausfüllen möchten:

  • post_type - Standardmäßig werden nur Elemente einbezogen. Sie können jedoch auch benutzerdefinierte Seiten oder Publikationsformate einbeziehen.
  • Kategorie - Sie können nur bestimmte Kategorien einschließen oder bestimmte Kategorien nicht ausschließen.
  • Autor - Dies ist eine interessante Funktion, mit der Sie einen unendlichen Bildlauf für einen bestimmten Autor hinzufügen können.
  • posts_per_page - Definieren Sie die Anzahl der Elemente, die " Mehr Ajax Loader Sollte immer dann aufgeladen werden, wenn es abkühlt.
  • Pause - Es ist sicherlich ein wichtiges Element. Für ein wahres unendliches Scrollen sollten Sie es hier auf "falsch" setzen. Andernfalls müssen Benutzer auf klicken, um die anderen Artikel aufzurufen.
  • blättern - Wichtig ist, dass Sie diese Funktion aktivieren, damit Artikel automatisch geladen werden, wenn Benutzer auf der Seite nach unten scrollen.

Entdecken Sie auch unsere 5 WordPress-Themes für Podcaster

Sobald Sie alles konfiguriert haben, kopieren Sie die Kurzwahlnummern auf der rechten seite der seite:

die Kopie-Shortcode-Ajax-loader-mehr

Alles, was Sie tun müssen, ist, diesen Shortcode zu der Seite hinzuzufügen, auf der Ihr unendlicher Bildlauf angezeigt werden soll. Sie können es beispielsweise zu einer Seite mit dem Namen " Blog So machen Sie es zu Ihrer Standard-Blog-Seite.

Entdecken Sie auch einige Premium-WordPress-Plugins

Sie können andere WordPress-Plugins verwenden, um ein modernes Erscheinungsbild zu erhalten und den Grip Ihres Blogs oder Ihrer Website zu optimieren.

Wir bieten Ihnen hier einige Premium-WordPress-Plugins an, die Ihnen dabei helfen werden.

1. Youtube & Vimeo Pagination Gallery

Dieses Premium-WordPress-Plugin ist eine reaktionsschnelle und mobile Galerie mit vielen vollständig konfigurierbaren Funktionen. Es kann Videos aus einer YouTube-Wiedergabeliste, Stichwörter oder Suche nach Vimeo-Album, -Kanal, -Gruppe oder -Schlüsselwort anzeigen. Gitter können auf verschiedene Arten angepasst werden. In der Lightbox-Galerie kann der Player mit allen Details des Videos einschließlich Kommentaren angezeigt werden.

Dieses WordPress-Plugin kann in jedem Publikations- oder Seitenbereich unter Verwendung von Shortcodes oder direkt in PHP-Seiten verwendet werden. Sie müssen lediglich eine neue Galerie erstellen, beispielsweise die YouTube-Kanal-ID hinzufügen und einen Shortcode generieren. Auf einer Seite können mehrere Galerien verwendet werden.

Download | Demo | Web-Hosting

2. Unendlich WooCommerce Scroll und Ajax Paginierung

WooCommerce Infinite Scroll und Ajax Pagination ist eine Premium-WordPress-Erweiterung (WooCommerce), mit der die Standardpaginierung eines Produkts in eine unbegrenzte Bildlauf-Paginierung oder Ajax konvertiert werden kann. Wenn ein Benutzer einen Bildlauf nach unten durchführt, wird die nächste Produktseite automatisch abgerufen und hinzugefügt. Dies bedeutet, dass er nicht auf "Nächste Seite" klicken muss.

WooCommerce endlose Rolle und Ajax Paginierung

Sie können auch eine Schaltfläche "Mehr laden" anstelle von "Unbegrenztes Scrollen" hinzufügen oder die Standard-Paginierung beibehalten und in "Ajax-Paginierung" konvertieren.

Lesen Sie auch: 5 WordPress-Plugins zum Einfügen von Formularen in Ihre Website

Darüber hinaus können Sie verschiedene Arten von Paging für Mobilgeräte festlegen, z. B. unbegrenztes Scrollen für Großbildgeräte und die Schaltfläche "Mehr laden" für Mobilgeräte.

Download | Demo | Web-Hosting

3. YouTube-Videos zu WordPress-Posts

YouTube-Videos zu WordPress-Posts ist ein kostenloses Plugin, mit dem Benutzer Videos auf einfachste Weise von YouTube zu WordPress importieren können. Sie können Videos nach Benutzer, Kanal, Anfrage, ID importieren und sie auch in großen Mengen importieren, um Zeit zu sparen.

Seine Hauptmerkmale sind: die Möglichkeit, alle Funktionen vor dem Kauf des Plugins zu testen, ahöfliche und reaktionsschnelle Kundenbetreuung, a Einfaches Design und leistungsstarke Optionen für Sie, um den Import Ihrer Videos einfach zu konfigurierenBulk oder Paginierung oder geplanter Import, Einfügen von YouTube-Videos in jede Art von Inhalten, die auf Ihrer Website verfügbar sind, die Möglichkeit, Kommentare, Tags, Kategorien und alle anderen Videoinformationen (Miniaturbild, Anzahl der Aufrufe, Vorlieben, Abneigungen, Dauer usw.) zu importieren, a ausführliche Dokumentation und mehr.

Erstellen Sie einfach Ihren Online-Shop

Laden Sie kostenlos WooCommerce herunter, die besten E-Commerce-Plugins, um Ihre physischen und digitalen Produkte auf WordPress zu verkaufen. [Empfohlen]

Download | Demo | Web-Hosting

Empfohlene Ressourcen

Entdecken Sie weitere empfohlene Ressourcen, die Sie bei der Erstellung und Verwaltung Ihrer Website unterstützen.

Fazit

Das war's Das ist alles für dieses Tutorial, jetzt haben Sie die Möglichkeit, eine unendliche Schriftrolle in Ihrem WordPress-Blog einzurichten. Zögern Sie nicht zu Teile es mit deinen Freunden in deinen bevorzugten sozialen Netzwerken.

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung.

Wenn Sie Vorschläge oder Anmerkungen haben, hinterlassen Sie diese in unserer Rubrik commentaires.

...

Dieser Artikel enthält Kommentare 3

Hinterlassen Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert *

Diese Website verwendet Akismet, um unerwünschte Inhalte zu reduzieren. Erfahren Sie mehr darüber, wie Ihre Kommentardaten verwendet werden.

Zurück nach oben
16 Aktien
Aktie12
tweet1
Registrieren3