Gib deinen Abschnitten des Kreativen Editors mit benutzerdefinierten Bewegungen und Effekten auf Blöcken ein einzigartiges Erscheinungsbild.

Du kannst Animationen für einige Blöcke hinzufügen und anpassen. Animationen sind eine großartige Möglichkeit, die Aufmerksamkeit der Besucher auf wichtige Inhalte zu lenken und deine Marke von anderen abzuheben.

Diese Block-Animationen sind für bestimmte Blöcke in Abschnitten des Kreativen Editors in Version 7.1 verfügbar. Auf jeder Squarespace-Website kannst du weitere Bild-Block-Animationen hinzufügen.

Animationen zu einem Block hinzufügen

Block-Animationen sind spezifisch für einzelne Blöcke und überschreiben alle Animationen für die gesamte Website, die du aktiviert hast. So fügst du Block-Animationen hinzu:

1. Öffne das Seiten-Menü und klicke dann auf die Seite mit dem Abschnitt „Kreativer Editor“.
2. Klicke auf der Seite auf Bearbeiten, klicke dann auf Block hinzufügen und füge einen Block hinzu, der Animationen unterstützt.
3. Klicke auf den Block und dann auf das Bleistiftsymbol in der Block-Werkzeugleiste. Du kannst auch Animationen zu Stapeln hinzufügen.
4. Klicke auf Animation und dann auf +.
5. Wähle im Drop-down-Menü einen Auslöser aus . Der Auslöser aktiviert die Animation für Besucher.
6. Wähle eine anpassbare voreingestellte Animationsoption aus oder klicke auf Leer beginnen , um deine Animation von Grund auf neu zu erstellen.
7. Klicke auf den Zurück -Pfeil und dann auf + , um weitere Animationen hinzuzufügen.

Wähle einen Auslöser für deine Block-Animation

Wenn du eine Animation hinzufügst, wählst du zunächst aus, durch welche Aktion die Wiedergabe der Animation gestartet wird. Du kannst wählen aus:

• Bei Mouseover – Animation wird abgespielt, wenn ein Besucher mit der Maus über den Block fährt
• Beim Drücken – Animation wird abgespielt, wenn ein Besucher auf den Block klickt oder tippt
• Loop – Animation wird kontinuierlich abgespielt
• Beim Scrollen – Animation wird abgespielt, während ein Besucher durch die Seite scrollt
• Beim Erscheinen – Animation wird abgespielt, wenn der Block auf der Seite angezeigt wird
• Folgen – Animation folgt dem Cursor des Besuchers

Passe deine Block-Animationen an

Je nach Auslöser kannst du das allgemeine Timing einer Animation anpassen und wie der Block an verschiedenen Stellen während einer Animation angezeigt wird.

So bearbeitest du die benutzerdefinierten Einstellungen einer Animation:

• Klicke beim Hinzufügen einer Animation auf Leer beginnen .
• Klicke auf eine Voreinstellung und dann auf das Symbol Bearbeiten oben rechts.
• Klicke im Tab Animation des Blocks auf eine beliebige benutzerdefinierte Animation, die du hinzugefügt hast.

Vorschau von Block-Animationen

Du kannst eine Vorschau einzelner Animationen auf einem Block oder eine Vorschau aller Animationen auf der Seite anzeigen.

Vorschau einzelner Block-Animationen

Um eine Vorschau einer Block-Animation während der Bearbeitung anzuzeigen, klicke unter den benutzerdefinierten Einstellungen auf Vorschau .

So kannst du eine Vorschau einer Block-Animation anzeigen, die du bereits zum Block hinzugefügt hast:

1. Klicke beim Bearbeiten der Seite auf den Block und dann auf das Bleistiftsymbol .
2. Klicke auf Animation.
3. Klicke auf den Wiedergabe- Button neben der Animation, die du in der Vorschau anzeigen möchtest.

Alle Blockanimationen in der Vorschau anzeigen

Um eine Vorschau aller Block-Animationen auf einer Seite mit „Fluid Engine“-Abschnitten anzuzeigen, klicke auf den Vorschau- Button in der oberen rechten Ecke der Seite. Du kannst dies verwenden, um in der Vorschau anzuzeigen, wie eine beliebige Seite deiner Website für Besucher angezeigt wird.

Eine Block-Animation löschen

So löschst du eine Animation:

1. Klicke beim Bearbeiten der Seite auf den Block und dann auf das Bleistiftsymbol .
2. Klicke auf Animation.
3. Fahre mit der Maus über die Animation, die du löschen möchtest, und klicke dann auf das Papierkorb-Symbol.