Ein Element, das einfach auf der Schriftrolle erscheint, ist in Ordnung Ein Element, das ist FreigelegtWenn eine farbige Platte weggleitet, um sie freizulegen, fühlt sie sich gestaltet an Die Erweiterung aufdecken In Master Addons Pro Fügt hinzu, dass ein durch Bildlauf ausgelöster Block den Elementor-Widgets und -Spalten den Effekt offenbart: Eine farbige Überlagerung wischt über das Element, wenn es in den Ansichtsfenster gelangt, und löscht sich dann, um den Inhalt darunter anzuzeigen. Sie steuern die Überlagerungsfarbe, die Richtung des Wischs, die Geschwindigkeit und die Verzögerung, alles vom Elementor-Panel aus.
Was ist die Reveal-Erweiterung? #
Die Enthüllen Extension ist eine Master Addons Pro Animationserweiterung, die eine Block-Enthüllung auf einem Widget oder einer Spalte abspielt, sobald sie in Sichtweite scrollt, Statt zu verblassen oder hineinzurutschen, sitzt das Element hinter einem einfarbigen Panel, das wegfegt, um es zu enthüllen Da die Animation an die Bildlaufposition gebunden ist, offenbart sich jedes Element genau dann, wenn der Besucher es erreicht, was den Blick auf die Seite nach unten zieht Es wird einmal pro Seitenladung abgespielt.
Sobald die Erweiterung aktiviert ist, erhalten Widgets und Spalten eine Option Aufdecken unter der Fortgeschritten Tab, mit vier Einstellungen: die Enthüllung Farbe (das Panel, das das Element abdeckt), die Richtung Das Panel bewegt sich, während es sich lichtet, das Geschwindigkeit, und die Verzögerung. Es funktioniert auf Überschriften, Bildern, Schaltflächen und anderen Widgets, und auf Spalten in Legacy-Abschnitten Flexbox-Container und - Abschnitte erhalten nicht die Option.
Bevor Sie beginnen #
- WordPress Mit Elementor Installiert und aktiv.
- Master-Addons für Elementor Installiert und aktiv Neu im Plugin? folgen Sie dem Installationsführung Zuerst.
- Master Addons Pro Aktiv, da Reveal eine Pro-Erweiterung ist.
So aktivieren Sie die Reveal-Erweiterung #
Von Ihrem WordPress-Dashboard aus öffnen Sie Master Addons Und gehen Sie zu den Erweiterungen Tab. Enthüllung sitzt in der Animations-widgets Gruppe, neben Eingangsanimation (Pro) und Transformiert. Klicken Sie auf den Knebel, damit er eingeschaltet wird, und drücken Sie dann Änderungen speichern und warten Sie auf den Bestätigungshinweis Die Option Aufdecken ist jetzt auf Widgets und Spalten im Elementor-Editor verfügbar.
Fügen Sie einem Element eine Enthüllungsanimation hinzu #
Wählen Sie im Elementor-Editor das Element aus, das Sie animieren möchten, und öffnen Sie dann das Fortgeschritten Tab und erweitern Sie die Enthüllen Abschnitt. Einschalten Aktivierte Offenbarung und stellen Sie die Steuerung ein:
- Farbe: Das massive Panel, das das Element abdeckt, bevor es aufgedeckt wird Passen Sie es für ein nahtloses Abwischen an den Hintergrund Ihres Abschnitts an oder verwenden Sie eine Markenfarbe für einen kräftigeren Sweep.
- Richtung: Mitte, von links nach rechts, von rechts nach links, von oben nach unten oder von unten nach oben.
- Geschwindigkeit: 0 bis 10, wobei die Standard-5 eine halbe Sekunde ist Niedriger ist schneller.
- Verzögerung: 0 bis 20, bis zu zwei Sekunden bevor sich das Panel bewegt Benutze es, um mehrere Elemente zu staffeln.
Die Enthüllung ist scroll-ausgelöst, es spielt also nichts, bis das Element in den Viewport scrollt, im Editor spielt es kurz nach dem Laden der Seite, auf der Live-Seite wird es einmal abgespielt, wenn das Element in den Viewport gelangt, und ein Reload spielt es erneut ab.
Das Ergebnis auf der Seite #
Veröffentlichen oder Vorschau und scrollen Sie die Seite nach unten, wenn jedes Element mit aktiviertem Reveal den Bildschirm betritt, fegt sein Farbfeld in die von Ihnen gewählte Richtung und mit der von Ihnen festgelegten Geschwindigkeit weg und deckt den Inhalt darunter auf Da der Effekt die Bildlaufposition deaktiviert, kaskadiert ein Stapel offenbarter Elemente, während sich der Besucher die Seite hinunterbewegt Erweiterungsseite aufdecken Demo hat.
Wo der Reveal-Effekt seinen Platz einnimmt #
- Abschnittsüberschriften. Eine Enthüllung auf einem H2 signalisiert den Beginn eines neuen Abschnitts, wenn der Leser zu diesem gelangt.
- Heldenbilder. Das Aufdecken eines Heldenfotos mit farbigem Wisch macht einen stärkeren ersten Eindruck als ein schlichtes Ausbleichen.
- Feature - oder Portfolioraster. Das Enthüllen von Karten eine Reihe nach der anderen auf der Bildlaufrolle sorgt dafür, dass sich das Auge durch das Gitter bewegt.
- Handlungsaufforderungen. Eine Enthüllung auf einem Knopf oder Angebotsblock lenkt die Aufmerksamkeit direkt auf sich, während sie in Sichtweite scrollt.
- Statistiken und Zitate. Das Aufdecken einer Zahl oder eines Erfahrungsberichts gibt ihr einen Moment des Fokus.
Tipps für die Verwendung von Reveal #
- Halten Sie die Geschwindigkeit angenehm. Eine sehr langsame Enthüllung kann dazu führen, dass Besucher auf das Lesen warten; Ein flottes Wischen fühlt sich normalerweise reaktionsschneller an.
- Passen Sie die Farbe dem Abschnitt an. Wenn Sie die Farbe der Enthüllung auf den Abschnittshintergrund setzen, wird das Panel unsichtbar, bis es sich bewegt, sodass das Element aussieht, als würde es gelöscht.
- Sparsam damit umgehen. Jedes Element auf der Seite zu enthüllen, verwässert den Effekt Reservieren Sie es für die Elemente, die Sie am meisten bemerkt haben möchten.
- Mobil überprüfen. Kurze Bildschirme scrollen schneller, bestätigen Sie also, dass die Enthüllung immer noch feuert und auf Telefonen und Tablets gut lesbar ist.
- Koppeln Sie es mit anderen Animationserweiterungen. Kombinieren Sie Reveal mit Eingangsanimation oder erkunden Sie die gesamte Bandbreite von Elementoranimationseffekte für eine reichere Bewegung.
Video-Tutorial #
Sehen Sie sich die Reveal-Erweiterung in Aktion an, von der Aktivierung bis zur Einstellung von Farbe, Richtung und Geschwindigkeit auf einem Element:
Häufig gestellte Fragen #
Was ist die Reveal-Erweiterung in Master Addons?
Die Reveal-Erweiterung ist eine Master Addons Pro-Animationserweiterung, die Elementor-Widgets und - Spalten einen durch Bildlauf ausgelösten Block-Enthüllungseffekt hinzufügt Ein einfarbiges Panel deckt das Element ab und fegt es dann weg, um es aufzudecken, während das Element in Sichtweite scrollt Sie aktivieren es in der Registerkarte Erweiterungen, dann stellen Sie die Farbe, Richtung, Geschwindigkeit und Verzögerung auf jedem Element von der Registerkarte Erweitert ein.
Wie füge ich eine Enthüllungsanimation auf dem Bildlauf in Elementor hinzu?
Aktivieren Sie die Erweiterung Aufdecken im Reiter Master Addons Extensions, wählen Sie dann ein Element aus und öffnen Sie den Reiter Erweitert. Erweitern Sie den Abschnitt Aufdecken, schalten Sie den Effekt ein und wählen Sie die Farbe, Richtung und Geschwindigkeit der Aufdeckung. Die Animation wird scrollgesteuert, sodass sie automatisch abgespielt wird, wenn das Element in den Ansichtsfenster eintritt.
Was kann ich am Enthüllungseffekt anpassen?
Es gibt vier Bedienelemente: die Farbe des Panels, das das Element abdeckt (durchgezogen oder mit Farbverlauf), die Richtung, in die sich das Panel bewegt, wenn es sich lichtet, die Geschwindigkeit und die Verzögerung. Zusammen können Sie die Enthüllung mit Ihrem Abschnittshintergrund oder Ihrer Markenfarbe abgleichen und steuern, wie schnell das Element freigelegt wird.
Funktioniert Reveal auf einem Elementorelement?
Nicht jedes Element Die Option Aufdecken erscheint unter der Registerkarte Erweitert von Widgets und von Spalten in Legacy-Abschnitten Flexbox-Container und - Abschnitte erhalten es nicht, also wenden Sie Reveal auf die darin enthaltenen Widgets an.
Ist die Reveal-Erweiterung kostenlos?
Nr. Reveal ist Teil von Master Addons Pro. Es erscheint in der Gruppe Animation Widgets des Reiters Erweiterungen, sobald Pro aktiv ist Die Preisseite listet die Pläne auf.
Einwickelnd #
Die Reveal-Erweiterung verwandelt eine einfache Schriftrolle in eine gestaltete: Ein farbiges Panel wischt weg, um jedes Element beim Betreten des Ansichtsfensters freizulegen, wobei Farbe, Richtung und Geschwindigkeit alle vom Elementorpanel aus eingestellt sind Beginnen Sie mit einer Überschrift oder einem Heldenbild, stimmen Sie die Farbe auf Ihren Abschnitt ab und bauen Sie von dort aus auf. Es passt sich auf natürliche Weise mit dem zusammen Eingangsanimation und Transformiert Erweiterungen und die gesamte Palette Master Addons Widgets und Erweiterungen Den Rest deckt.
