Darstellung & Anzeige
Alle Optionen auf dieser Seite sind in der kostenlosen Version verfügbar. Pro-Nutzer erben all das und fügen weitere Funktionen hinzu (siehe den Abschnitt Pro-Funktionen in der Seitenleiste).
Auf die Einstellungen zugreifen
Alle Einstellungen befinden sich im Menü Fortschrittsleiste in der Seitenleiste Ihres WordPress-Admins (Menü der obersten Ebene, nicht unter Einstellungen). Die Darstellungsoptionen sind im Tab Stil gruppiert.
Darstellung der Leiste
Steuert das visuelle Erscheinungsbild der Fortschrittsleiste.
| Option | Werte | Standard |
|---|---|---|
| Leistenfarbe | Beliebige Farbe | #1D9E75 |
| Höhe | 2 – 20 px | 4 px |
| Position | oben / unten / individuell | oben |
| Individueller CSS-Selektor | Beliebiger CSS-Selektor | — |
| Track-Hintergrund | Beliebige Farbe (optional) | — |
| Deckkraft | 10 – 100 % | 100 % |
| Z-Index | 1 – 99.999 | 9999 |
| Sticky-Header-Versatz | auto oder 0 – 500 px | auto |
Der individuelle CSS-Selektor ermöglicht es Ihnen, die Leiste an ein beliebiges Element auf der Seite zu verankern — nützlich, wenn Sie sie direkt unter einem benutzerdefinierten Header platzieren möchten, anstatt am Fensterrand.
Der Sticky-Header-Versatz verhindert, dass die Leiste hinter fixierten Headern verschwindet. Der Standardwert auto erkennt die Header-Höhe automatisch. Wenn die Erkennung bei Ihrem Theme nicht korrekt funktioniert, legen Sie einen festen Pixelwert fest.
Anzeigesteuerung
Steuert wo die Leiste auf Ihrer Website erscheint.
| Option | Werte | Standard |
|---|---|---|
| Auf Beiträgen aktivieren | Aktiviert / Deaktiviert | Aktiviert |
| Auf Seiten aktivieren | Aktiviert / Deaktiviert | Deaktiviert |
| Auf Startseite ausblenden | Aktiviert / Deaktiviert | Aktiviert |
| Gerätesichtbarkeit | Alle / Nur Desktop / Nur Mobil / Mobil ausblenden | Alle |
Fortschrittsquelle
ReadNinja kann den Lesefortschritt auf zwei verschiedene Arten berechnen.
- Nur Inhalt — die Leiste beginnt sich zu füllen, wenn der Leser den Artikeltext erreicht, und endet beim letzten Absatz. ReadNinja erkennt automatisch gängige Inhalts-Container wie
.entry-content,.post-contentundarticle. - Ganze Seite — die Leiste spiegelt das gesamte Scrollen der Seite wider (vom Anfang des Fensters bis zum Ende des Dokuments).