Springe zum Hauptinhalt

So fügen Sie eine Fortschrittsanzeige für das Lesen in WordPress hinzu

Divi: das am einfachsten zu verwendende WordPress-Theme

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]

Ist Ihnen jemals aufgefallen, dass auf einigen beliebten Websites ein Fortschrittsbalken angezeigt wird, der sich mit Artikeln befasst? Diese kleine Leiste teilt dem Benutzer die verbleibende Länge mit, um das Ende eines Artikels zu erreichen.

In diesem Tutorial zeigen wir Ihnen, wie Sie Ihrem WordPress-Blog einen Fortschrittsbalken zum Lesen hinzufügen.

wie eine Wiedergabe Fortschrittsbalken auf Wordpress hinzufügen

Wenn auf eine Wiedergabe-Fortschrittsleiste

Die Benutzer verbringen nur wenige Sekunden auf einer Webseite, bevor sie entscheiden, ob sie die Website verlassen möchten oder nicht. Das Einbeziehen von Benutzern wird schwierig, insbesondere wenn lange Elemente vorhanden sind, da sie alle zum Scrollen nach unten gebracht werden, was für manche langweilig sein kann.

Einige Websitebesitzer fügen ähnliche Beiträge hinzu, andere verwenden Videos oder Bildergalerien, um Benutzer zu motivieren.

Ein Lesefortschrittsbalken fügt ein wenig zur Verbesserung der Benutzeroberfläche hinzu, die Benutzer zum Scrollen nach unten ermutigt. Es motiviert Benutzer auch, den Artikel, den sie lesen, zu beenden.

Viele beliebte Websites wie " The Daily Beast Verwenden Sie die Lesefortschrittsindikatoren, um ihre Leser einzubeziehen. Sie müssen jedoch auch sicherstellen, dass die Anzeige für den Lesevorgang subtil ist und die Benutzererfahrung auf Ihrer Website nicht beeinträchtigt.

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]

Das heißt, wir werden sehen, wie einfach die Wiedergabe Fortschrittsanzeige Artikel für Ihre Wordpress hinzufügen.

Wie ein Fortschrittsbalken auf Wordpress hinzufügen

Als erstes müssen Sie das Plugin installieren und aktivieren. " Worth The lesen “. Für weitere Details, Lesen Sie unsere Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung müssen Sie " Einstellungen> Lesenswert Plugin konfigurieren.

Worth Die Read Plugin-Konfiguration

Zunächst müssen Sie den Fortschrittsbalken für die Wiedergabe aktivieren, indem Sie die Option " Aktivieren (Aktivieren) Danach müssen Sie den Ort auswählen, an dem Sie die Fortschrittsleiste anzeigen möchten.

Divi: Das beste WordPress-Theme aller Zeiten!

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

Die Standardoption zeigt die Leiste oben an. Es stehen mehrere Websites zur Auswahl. Sie können dies ändern, um den Fortschrittsbalken rechts, links oder unten auf der Seite anzuzeigen.

Mit dem Plugin können Sie die Vordergrund- und Hintergrundfarben des Fortschrittsbalkens entsprechend Ihrem WordPress-Thema auswählen. Die Hintergrundfarbe wird verwendet, um den leeren Fortschrittsbalken zu füllen, und diese Vordergrundfarbe wird verwendet, um den Fortschritt anzuzeigen, den der Benutzer beim Scrollen der Seite macht.

Sie können auch Kommentare zur Gesamtlänge des Fortschrittsbalkens einfügen, indem Sie die Option " schließen Kommentare “. Wenn Sie Kommentare hinzufügen, können Sie auch eine andere Hintergrundfarbe für den Kommentarfortschrittsbereich auswählen.

Mit der letzten Option auf der Seite können Sie einen transparenten Hintergrund für den Fortschrittsbalken verwenden. Wenn Sie diese Option aktivieren, wird die Hintergrundfarbe überschrieben und nur die Vordergrundfarbe wird angezeigt, wenn Benutzer die Seite scrollen. Denken Sie daran, Ihre Einstellungen zu speichern, wenn Sie die Einstellungen abgeschlossen haben.

Das war's für dieses Tutorial. Ich hoffe, Sie können Ihrem WordPress-Blog einen Fortschrittsbalken hinzufügen.

Beispiel Progression Wordpress

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]

Dieses Plugin funktioniert nur bei Artikeln. Sie können diese Funktion nicht für benutzerdefinierte Seiten oder Publikationsformate verwenden.

Wenn Sie Fragen haben, zögern Sie nicht, uns zu fragen.

Dieser Artikel enthält Kommentare 0

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
0 Aktien
Aktie
tweet
Registrieren