Beschreibung
Scroll Progress Bar – WordPress Plugin
Was macht dieses Plugin?
Die Scroll Progress Bar zeigt eine dezente Fortschrittsleiste am oberen Rand der Seite an. Sie zeigt Besuchern, wie weit sie auf der aktuellen Seite bereits gescrollt haben – ein modernes UX-Element, das besonders bei längeren Beiträgen für bessere Orientierung sorgt. Das beste daran? Das Plugin ist mit 1,88kb ein ultraleichtes Plugin und verlangsamt deine Website nicht.
🛠️ Installation
Möglichkeit 1: Manuell per ZIP-Datei
-
Entpacke das Plugin-Paket nicht, sondern laden es direkt hoch:
-
Gehe in WordPress zu Plugins > Installieren > Plugin hochladen.
-
Wähle die Datei
scroll-progress-bar.zipund klicken auf Jetzt installieren. -
Danach auf Aktivieren klicken.
-
Möglichkeit 2: Per FTP hochladen
-
Entpacke die ZIP-Datei lokal.
-
Lade den Ordner
scroll-progress-barvia FTP in folgendes Verzeichnis:-
/wp-content/plugins/
-
-
Aktiviere das Plugin im WordPress-Backend unter Plugins > Installierte Plugins.
⚙️ Einstellungen anpassen
Nach der Aktivierung findest du die Einstellungen hier:
👉 Einstellungen > Scroll Progress Bar
Du kannst folgende Optionen konfigurieren:
| Einstellung | Beschreibung |
|---|---|
| 🎨 Farbe der Leiste | Wähle die Startfarbe der Leiste per Farbauswahl (Color Picker). |
| 📏 Höhe der Leiste | Bestimme die Höhe der Leiste in Pixel (z. B. 4 px). |
| 🌫️ Transparenz | Stelle die Sichtbarkeit über einen Wert von 0.1 (sehr durchsichtig) bis 1.0 (voll sichtbar) ein. |
| 📝 Nur bei Beiträgen anzeigen | Aktiviere diese Option, wenn die Leiste nur auf Einzelbeiträgen (Blog) sichtbar sein soll. |
Änderungen speicherst du per Klick auf „Änderungen übernehmen“.
🎨 Beispielkonfiguration
-
Farbe:
#ff6600 -
Höhe:
6 -
Transparenz:
0.8 -
✅ Nur auf Beiträgen anzeigen: aktiviert
❓ Häufige Fragen
🔹 Die Leiste wird nicht angezeigt. Warum?
→ Prüfe bitte, ob du gerade eine „Einzelseite“ (Beitrag) aufrufst – evtl. ist die Option „Nur bei Beiträgen anzeigen“ aktiviert.
🔹 Kann ich die Leiste auf allen Seiten anzeigen?
→ Ja – deaktiviere in den Einstellungen die Option „Nur bei Beiträgen anzeigen“.
🔹 Ist das Plugin mit meinem Theme kompatibel?
→ Das Plugin funktioniert mit fast allen Themes, die den Standard-WordPress-Hook wp_body_open unterstützen (seit WordPress 5.2).
🔧 Technische Hinweise
-
Keine externen Bibliotheken – 100 % lokal & performant.
-
Der Farbverlauf wird dynamisch erzeugt.
-
JavaScript und CSS sind inline und werden nur geladen, wenn nötig.
