Springe zum Hauptinhalt

Wie man ein unendliches Scrollen in einem WordPress hinzufügt

Divi: das am einfachsten zu verwendende WordPress-Theme

Divi: Das beste WordPress-Theme aller Zeiten!

Mehr 901.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]

Möchten Sie das unendliche Scrollen in WordPress hinzufügen?

Gibt es etwas süchtig machender als den Newsfeed von Facebook? Ich meine, ich sitze hier und schreibe dieses Tutorial, aber diese süchtig machende Funktion scrollt einfach weiter… 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.

füge unendliches Scrollen in WordPress hinzu

Und rate was? Sie können den gleichen Effekt in 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 mit unendlichem Scrollen experimentiert, was uns den Vorteil gibt, ihre Daten untersuchen 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. Gleichfalls, " Schadenkalkulation Msgstr "" "Außerdem wurde festgestellt, dass 21% seiner Benutzer sich für den Rest des Inhalts mit unendlichem Bildlauf entschieden haben.
  • Sehr niedrige Absprungrate  - " Schadenkalkulation 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 sicher sagen, dass Sie die gleichen Ergebnisse wie diese Top-Marken erzielen, aber wenn Sie viele Blog-Beiträge haben, ist das Scrollen definitiv 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 unendliches Scrollen entscheiden. Es ist ein großes Handicap, wenn Sie mehr Informationen in der Fußzeile anbieten möchten. Wenn Sie beispielsweise Ihre Fußzeile zum Anzeigen von Partnerinformationen verwenden, müssen Sie einen neuen Weg finden, um diese Informationen anzuzeigen.
  • Bouncing Scrollbar verursacht eine schlechte Erfahrung  - Da die Website noch geladen wird, ist es sehr wahrscheinlich, dass sich die Länge der Ladeleisten ändert, was dazu führen kann, dass Sie den Überblick über das Lesen verlieren, was zu einer schlechten Benutzererfahrung führt.
  • Kein Gefühl der "Vollendung" - Dies ist keine Anspielung. Nielsen-Forscher haben herausgefunden, dass Benutzer ein Gefühl der Vollendung verspüren, wenn sie das Ende einer Seite erreichen. Unendliches Scrollen macht dies unmöglich.

Im Abschnitt "Vorteile" ist das unendliche Scrollen auch gut, wenn Sie viele gleich wichtige Blog-Beiträge haben. Nun, das Gegenteil ist auch der Fall:

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

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]

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.

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: AJAX Anwendungsfall

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.

Sobald es aktiviert ist, 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

Das einzig Wichtige ist, dass in der Standardvorlage „Repeater“ nur Artikelauszüge und keine vollständigen Artikel angezeigt werden. Wenn Sie die vollständigen Artikel anzeigen möchten, müssen Sie " 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

Hier können Sie viele Dinge konfigurieren. Sie haben die Möglichkeit zu ändern, was in der unendlichen Schriftrolle angezeigt wird und wie sich alles verhält.

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

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]

  • post_type - Standardmäßig werden nur Artikel eingeschlossen. Sie können aber auch benutzerdefinierte Seiten oder Postformate einfügen.
  • 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 Artikel, die " Mehr Ajax Loader Sollte jedes Mal aufgeladen werden, wenn es aktualisiert wird.
  • Pause - Es ist sicherlich ein wichtiges Element. Für echtes unendliches Scrollen sollten Sie es hier auf "falsch" setzen. Andernfalls müssen Benutzer klicken, um die anderen Artikel aufzurufen.
  • blättern - Wichtig ist, dass Sie diese Funktion aktivieren, damit die Artikel automatisch geladen werden, wenn Benutzer die 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 Ihre unendliche Schriftrolle angezeigt werden soll. Sie können es beispielsweise 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 Paginierungsgalerie

Dieses Premium-WordPress-Plugin ist eine reaktionsschnelle und mobile Galerie mit vielen vollständig konfigurierbaren Funktionen. Es kann Videos von YouTube-Wiedergabelisten, Keywords anzeigen oder nach Album, Kanal, Gruppe oder Keyword von Vimeo suchen. Die Gitter können auf verschiedene Arten personalisiert werden. In der Lightbox-Galerie kann der Player mit allen Details des Videos einschließlich Kommentaren angezeigt werden.Youtube Vimeo Paginierung Galerie Plugin WordPress

Dieses WordPress-Plugin kann in jedem Post- oder Seitenbereich mit Shortcodes oder direkt auf PHP-Seiten verwendet werden. Sie müssen lediglich eine neue Galerie erstellen, beispielsweise die YouTube-Kanal-ID hinzufügen und einen Shortcode generieren. Auf derselben 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 unbegrenztes Scrollen oder Ajax-Paginierung umgewandelt werden kann. Wenn ein Benutzer die Seite nach unten scrollt, 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" hinzufügen, anstatt unbegrenzt zu scrollen, oder Sie können die Standardpaginierung 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 mobile Geräte festlegen, z. B. unbegrenztes Scrollen für Geräte mit großem Bildschirm und die Schaltfläche „Mehr laden“ für mobile Gerä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, Abfrage und ID importieren und sie auch in großen Mengen importieren, um Zeit zu sparen.Youtube Videos zu WordPress Beiträge Youtube WordPress Plugin

Seine Hauptmerkmale sind:  die Möglichkeit, alle Funktionen vor dem Kauf des Plugins zu testen, a shöfliche und reaktionsschnelle Kundenbetreuung, a einfaches Design und leistungsstarke Optionen, mit denen Sie Ihren Videoimport einfach konfigurieren können,Massenimport oder Paginierung oder sogar geplant, das 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

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten 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ögere 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 *

Zurück nach oben