Scroll-Effekte im Divi Builder hinzufügen

[ad_1]

Das Hinzufügen von Scroll-Effekten ist eine tolle Idee, um deine Website-Besucher zu beeindrucken. Wenn du eine WordPress-basierte Website mit Divi Builder erstellt hast, brauchst du kein zusätzliches Plugin mehr zu installieren, denn Divi Builder verfügt über eine integrierte Funktion zum Hinzufügen von Scrolleffekten. Anstelle von einem gibt es 6 Scroll-Effekttypen, die Divi Builder anbietet. In diesem Artikel erfährst du, wie du Scroll-Effekte in Divi Builder hinzufügen kannst.

Bevor wir einen Schritt weitergehen, lass uns mit einer kurzen Einführung über Scroll-Effekte beginnen. Was ist ein Scroll-Effekt?

Ein Scrolleffekt ist die Art von Animation, die auftritt, wenn ein Besucher auf deiner Website nach unten oder oben scrollt. In diesem Zusammenhang basiert die Zeitachse der Animation auf der Position des Objekts im Browser-Viewport. Wenn du in Divi Builder einen Scrolleffekt hinzufügst, kannst du den Viewport steuern. Die Geschwindigkeit richtet sich danach, wie schnell ein Nutzer die Seite scrollt und wie groß der Effekt ist.

Hinzufügen von Scrolleffekten in Divi Builder

Divi Builder bietet drei Elementtypen, die du zur Gestaltung deiner Seite verwenden kannst: Abschnitt, Zeile und Modul. Du kannst diesen drei Elementen Scrolleffekte hinzufügen. Divi Builder bietet 6 Arten von Scrolleffekten an. Du kannst einen Effekt verwenden oder zwei oder drei – oder sogar sechs auf einmal – Scrolleffekte kombinieren, um einen atemberaubenden Animationseffekt für ein Element zu erzeugen.

Um Scroll-Effekte hinzuzufügen, öffnest du zunächst das Einstellungsfenster, indem du auf das Zahnradsymbol am Griff des Elements klickst (blau für Abschnitt, grün für Zeile und grau für Modul).

In den Einstellungsfeldern gehst du zu den Erweitert und öffnen Sie die Registerkarte Scroll-Effekte Block. Auf der Scroll-Transform-Effekte Abschnitt die Art des Scrolleffekts aus, den du hinzufügen möchtest, und schaltest die Vertikale Bewegung einschalten Schalter.

Nach dem Umschalten des Vertikale Bewegung aktivieren Schalter kannst du das obere und untere Ansichtsfenster einstellen. Du kannst auch den Auslöser für den Bewegungseffekt festlegen.