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 Enthüllen Erweiterung in Master-Addons für Elementor Fügt hinzu, dass ein durch Scrollen ausgelöster Block jedem Elementorelement einen Aufdeckungseffekt verleiht: 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 und die Geschwindigkeit der Animation, alles über das Elementor-Panel.
Was ist die Reveal-Erweiterung? #
Die Enthüllen Extension ist ein kostenloses Master Addons Animationstool, das eine Blockfreigabe auf einem beliebigen Elementorelement abspielt, sobald es 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 Scrollposition gebunden ist, offenbart sich jedes Element genau dann, wenn der Besucher es erreicht, was den Blick Abschnitt für Abschnitt die Seite nach unten zieht.
Sobald die Erweiterung aktiviert ist, erhält jedes Elementorelement eine Wiederholungsoption unter seiner Fortgeschritten Tab, mit drei Kerneinstellungen: die Enthüllung Farbe (das Panel, das das Element abdeckt), die Richtung Das Panel bewegt sich, während es sich lichtet, und das Geschwindigkeit Der Animation Es funktioniert auf Überschriften, Bildern, Schaltflächen, ganzen Spalten oder jedem anderen Element und fügt kein separates Plugin hinzu.
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.
- Reveal ist eine kostenlose Erweiterung, daher ist keine Pro-Lizenz erforderlich.
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 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 jedem Element 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. Schalten Sie den Effekt ein und stellen Sie die drei Bedienelemente 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: Die Art und Weise, wie sich das Panel beim Freiwerden bewegt, beispielsweise nach links, rechts, oben oder unten, wodurch festgelegt wird, ob das Element horizontal oder vertikal freigelegt ist.
- Geschwindigkeit: Wie schnell die Enthüllung spielt Eine kürzere Dauer rastet das Element in Sicht; eine längere gibt ein langsameres, bewussteres Abwischen.
Die Enthüllung ist scroll-ausgelöst, es läuft also nichts, bis das Element in den Ansichtsfenster scrollt Scrollen Sie die Seite in der Vorschau nach oben und wieder nach unten, um den Animationsbrand im richtigen Moment zu beobachten.
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 auf natürliche Weise, während sich der Besucher den Abschnitt hinunterbewegt.
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 ein kostenloses Master Addons Animationstool, das jedem Elementorelement einen Scroll-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 und Geschwindigkeit auf jedes 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 drei Kernsteuerelemente: die Farbe des Panels, das das Element abdeckt, die Richtung, in die sich das Panel bewegt, wenn es klar wird, und die Geschwindigkeit der Animation. Zusammen können Sie die Enthüllung mit dem Hintergrund oder der Markenfarbe Ihres Abschnitts abgleichen und steuern, wie schnell das Element freigelegt wird.
Funktioniert Reveal auf einem Elementorelement?
Ja. Sobald die Erweiterung aktiviert ist, erscheint die Option Aufdecken unter der Registerkarte Erweitert jedes Elementorelements, sodass Sie sie auf Überschriften, Bilder, Schaltflächen, Spalten oder jedes andere Element anwenden können, das Sie auf dem Bildlauf aufdecken möchten.
Ist die Reveal-Erweiterung kostenlos?
Ja. Reveal versendet mit der kostenlosen Version von Master Addons for Elementor, in der Gruppe Animation Widgets des Reiters Erweiterungen, so dass keine Pro-Lizenz erforderlich ist, um sie zu verwenden Die Preisseite behandelt, was die Pro-Pläne hinzufügen.
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.
