Fortschrittsanzeige lesen
Fangen Sie jemals an, einen langen Artikel zu lesen und fragen Sie sich, wie viel noch übrig ist? So auch Ihre Besucher Die Reading Progress Bar von Master Addons behebt das Es ist eine dünne, intelligente Leiste, die sich füllt, während Sie die Seite nach unten scrollen Sie können sie in Sekundenschnelle von rechts in den Seiteneinstellungen von Elementor zu jeder Seite oder jedem Beitrag anpassen Passen Sie ihre Farben, Position und Geschwindigkeit an, um perfekt zu Ihrer Website zu passen Es ist eine winzige Berührung, die Ihren Inhalt ansprechender und einfacher zu navigieren macht Lassen Sie Ihre Leser ihren Fortschritt sehen und bleiben Sie bis zum Schluss dabei.
Schalten Sie es ein und platzieren Sie es dort, wo Sie möchten
Kein Codieren, kein Aufhebens. Einfach den Schalter “Lesefortschrittsleiste aktivieren” in deinen Seiteneinstellungen umdrehen, dann entscheiden, wo er leben soll – oben im Ansichtsport ist der klassische Spot, aber es ist deine Wahl. Es erkennt automatisch die volle Seitenhöhe und beginnt sich zu füllen, sobald ein Besucher mit dem Scrollen beginnt.
- One-Switch-Enable: Suchen Sie sich die Einstellung direkt im Panel Seiteneinstellungen unter “Allgemeine Einstellungen” und schalten Sie sie global oder für nur eine Seite ein.
- Oben oder unten: Wählen Sie Position, um die Leiste am oberen oder unteren Bildschirmrand zu verriegeln, damit sie immer sichtbar ist.
- Automatische Verfolgung: Die Leiste berechnet intelligent die Gesamtseitenlänge und aktualisiert die Ausfüllung in Echtzeit, während der Benutzer scrollt.
Lassen Sie es wie einen Teil Ihrer Marke aussehen
Ein standardmäßiger blauer Balken passt möglicherweise nicht zu Ihrer Website. Deshalb haben Sie die volle Kontrolle darüber, wie sie aussieht. Passen Sie die Farben Ihrer Marke an, passen Sie die Dicke an und steuern Sie, wie reibungslos sie animiert. Machen Sie es subtil oder heben Sie es hervor - es liegt ganz bei Ihnen und Ihrem Design.
- Benutzerdefinierte Farben: Legen Sie zwei Farben fest: die Hintergrundfarbe für die leere Spur und die Füllfarbe für den Bewegungsfortschritt.
- Passen Sie die Dicke an: Verwenden Sie das Höhenfeld (z. B. 5 x oder 10 x), um den Balken dünn und diskret oder dick und fett zu machen.
- Schalten Sie die Animation ein: Steuern Sie die Animationsgeschwindigkeit, damit sich die Leiste reibungslos füllt und sich natürlich anfühlt, nicht sprunghaft oder langsam.
Häufig gestellte Fragen zum Lesen der Fortschrittsanzeige
Funktioniert die Fortschrittsanzeige auf Mobiltelefonen?
Ja, das tut es auf jeden Fall! Die Leiste reagiert vollständig. Sie wird oben (oder unten) auf dem Bildschirm von Telefonen und Tablets angezeigt und passt ihre Größe und ihr Verhalten an, um auf kleineren Bildschirmen perfekt zu funktionieren.
Kann ich das auf einigen Seiten hinzufügen, auf anderen nicht?
Absolut. Da es von den Seiteneinstellungen für jede einzelne Seite oder jeden Beitrag, den Sie mit Elementor erstellen, gesteuert wird, haben Sie die totale Kontrolle Aktivieren Sie es auf Ihren langen Blogbeiträgen und Tutorials, und lassen Sie es von Ihrer kurzen Kontaktseite Es ist eine per-page-Entscheidung.
Wird das meine Website verlangsamen?
Gar nicht Es ist ein sehr leichtes Feature, das nur minimale Ressourcen verbraucht Es ist nur ein bisschen CSS und JavaScript, um die Scrollposition zu berechnen Auswirkungen auf die Ladegeschwindigkeit Ihrer Seite werden Sie nicht feststellen.
Was ist, wenn die Balkenfarbe mit meinem Kopfzeilenmenü kollidiert?
Das ist der beste Teil – das können Sie in Sekundenschnelle beheben Gehen Sie einfach in die Einstellungen und ändern Sie die Hintergrundfarbe und die Füllfarbe in alles, was Sie möchten Wählen Sie Farben aus, die einen schönen Kontrast zu Ihrem Header bilden, sodass die Leiste immer sichtbar ist, aber nie kollidiert.
Trendige Elementor-Widgets und -Erweiterungen
Erstellen Sie anspruchsvolle Websites in kürzerer Zeit.
Glasmorphie
Container-extras
Muster
Post-/Seitenduplikator
