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 ... wieder ... 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

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 Verzeichnis von Wordpress-Plugins. 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:

  • 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 verwenden Wordpress-Plugins um ein modernes Erscheinungsbild zu geben und die Handhabung 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.

Herunterladen | Demo | Web-Hosting

2. Unendlich WooCommerce Scroll und Ajax Paginierung

WooCommerce Infinite Scroll und Ajax Pagination ist ein WordPress-Plugin (WooCommerce) Premium, das hilft, die Standard-Produktpaginierung in unbegrenztes Scrollen oder Ajax-Paginierung umzuwandeln. 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.

Herunterladen | Demo | Web-Hosting

3. Slider Revolution

Slider Revolution ist ein innovatives und reaktionsfreudiges WordPress-Karussell-Plugin, das Ihre Inhalte wunderschön anzeigt. Ob es ein Schieber oder ein Karussell ist, sein visueller Editor per Drag & Drop Damit können Sie zum Beispiel die Geschichte Ihres Unternehmens erzählen, Ihre besten Produkte, Ihre besten Artikel und vieles mehr hervorheben

beste Slider WordPress Plugins - Slider Revolution

Wir laden Sie auch ein, unsere zu entdecken 9 Easy Digital Downloads-Plugins zur Verwaltung digitaler Downloads

Seine Funktionen sind: eine hervorragende Benutzeroberfläche zum Erstellen von Folien, ein Drag & Drop-Foliendesign, ein vollständig ansprechendes Layout, perfekte Verwaltung von Multimedia-Inhalten, optimierte Leistung, Mehrsprachige Unterstützung, geliefert mit fast 340 grafischen Elementen, zahlreiche angebotene Diashow-Vorlagen, Kompatibilität mit den meisten WordPress-Themes, exzellenter Kundensupport, Unterstützung für Touchscreens, kostenlose und regelmäßige Updates, Dokumentation und Video-Tutorials und vieles mehr.

Herunterladen | DemoWeb-Hosting

Empfohlene Ressourcen

Informieren Sie sich über andere empfohlene Ressourcen, die Sie beim Erstellen und Verwalten Ihrer Website unterstützen.

Zusammenfassung

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.

...