Ein Lesefortschrittsbalken zeigt Ihnen genau, wie weit Sie in einem Artikel gescrollt sind und wie viel noch übrig ist. GutenKit bietet einen Lesefortschrittsbalkenblock, der Sie an Ihren Lesefortschritt erinnert und Ihnen hilft, leicht motiviert zu bleiben.

Mal sehen, wie der Block funktioniert.

GutenKit Lesefortschrittsbalken #

Öffnen Sie in Ihrem WordPress-Dashboard die Seite/den Beitrag, in dem/dem Sie den Lesefortschrittsbalken verwenden möchten.

Suchen Sie jetzt den GutenKit Reading Progress Bar-Block und klicken bzw. ziehen Sie ihn per Drag & Drop.

Inhaltsteil bearbeiten #

Fortschrittstracker: Um den Fortschrittstracker zu bearbeiten, nutzen Sie die folgende Funktion.

• Tracker-Typ – Sie können die Leiste horizontal oder kreisförmig anzeigen.
• Fortschritt im Zusammenhang mit – Der Fortschritt kann sich auf die gesamte Seite, den Beitragsinhalt oder den Selektor beziehen.
  • Wähler- Wenn Sie einen Selektor wählen, müssen Sie die CSS-ID oder Klasse des spezifischen Elements hinzufügen, um dessen Fortschritt separat zu verfolgen.
• Richtung – Sie können die Fortschrittsrichtung auf Links oder Rechts einstellen.
• Prozentsatz anzeigen – Wenn Sie den Prozentsatz des Lesefortschritts anzeigen möchten, können Sie die Schaltfläche aktivieren.
• Prozentuale Position – Stellen Sie die Prozentposition auf Links, Bauch oder Rechts ein.

Stil #

Fortschrittsanzeige: Wenn Sie den Fortschrittsindikator gestalten möchten, können Sie dies von hier aus tun.

• Hintergrundfarbe - Ändern Sie die Hintergrundfarbe des Indikators nach Ihren Wünschen.
• Farbe - Wählen Sie eine beliebige Farbe, die zum Indikator passt.
• Grenze - Passen Sie den Rand hier mit einer schönen Farbe und einem schönen Stil an.
• Randradius – Damit können Sie den Randradius des Indikators anpassen.

Tracker-Hintergrund: Mit dieser Option können Sie Hintergrundfarbe, Farbe, Höhe, Rahmen, Rahmenradius, Kastenschatten und Polsterung des Trackers anpassen.

Inhalt: Hier können Sie Inhaltsfarbe, Typografie, Textschatten und Ränder bearbeiten.

Abschließender Ausblick #

Ein angepasster Lesefortschrittsbalken.