Wix Harmony Editor: Den Hintergrund deines Abschnitts anpassen
7 Min.
In diesem Artikel
- Den Hintergrund deines Abschnitts ändern
- Den Hintergrund deines Abschnitts animieren
Der Hintergrund eines Abschnitts gibt den Ton für deine Seite an, lenkt den Fokus und beeinflusst, wie sich Besucher beim Scrollen fühlen. Gestalte Abschnitte so, dass sie zur Marke deiner Website passen, und verfeinere jedes Detail – wähle eine einfarbige Option, ein Bild oder ein Video aus der Mediathek und wende dezente Effekte für mehr Tiefe an.
Gut zu wissen:
Spare Zeit bei der Gestaltung, indem du aus einer großen Auswahl an vorgefertigten, vollständig responsiven Abschnitten wählst. Wenn du einen neuen Abschnitt hinzufügst, klicke auf „Designed Sections“, um mit dem Stöbern zu beginnen.
Den Hintergrund deines Abschnitts ändern
Ändere den Hintergrund deines Abschnitts, um das Design deiner Seite sofort anzupassen. Wähle eine Farbe, ein Bild oder ein Video, das zu deinem Stil passt und Aufmerksamkeit erregt.
Um den Hintergrund deines Abschnitts zu ändern:
- Öffne deinen Editor.
- Wähle den entsprechenden Abschnitt aus.
- Klicke auf Hintergrund ersetzen.
- Wähle den Hintergrundtyp aus und passe ihn an deine Bedürfnisse an:
Farbe
.
, um eine bestimmte Farbe von deiner Seite zu übernehmen.Farbverlauf
.
, Radial 
, Konisch 
oder Fluid Layout 
.Bild
.
.
, um den Anpassungsmodus deines Bildes zu wählen (Anpassen oder Kacheln) und ihm einen barrierefreien Namen (
.
, um auf das Video
.
klickst. Den Hintergrund deines Abschnitts animieren
Erwecke deinen Abschnitt zum Leben, indem du eine Scroll-Animation für den Hintergrund hinzufügst. Während Besucher auf deiner Seite nach oben und unten scrollen, erzeugt die Animation einen dynamischen, ansprechenden Effekt. Probiere Optionen wie Parallax, 3D oder Zoom aus und passe die Einstellungen an deinen Stil an.
Um den Hintergrund deines Abschnitts zu animieren:
- Öffne deinen Editor.
- Wähle den entsprechenden Abschnitt aus.
- Klicke auf das Symbol für Animation
. - Wähle eine Animation aus.
- (Optional) Klicke auf Anpassen, um deine Animationseinstellungen zu verfeinern:
- Vorschau beim Scrollen: Klicke auf das Symbol für Vorschau
, um eine Vorschau davon zu erhalten, wie deine Animation abgespielt wird, während Besucher scrollen. - Zoom: Ziehe den Slider, um anzupassen, wie weit du hinein- oder hinauszoomen möchtest.
- Ausrichtung: Passe die Ausrichtung der Animation mithilfe der verfügbaren Optionen an (zum Beispiel im Uhrzeigersinn oder gegen den Uhrzeigersinn, hinein oder hinaus usw.).
- Geschwindigkeit: Ziehe den Slider, damit sich die Animation schneller oder langsamer bewegt.
- Skalierung: Ziehe den Slider, um zu entscheiden, wie weit der Hintergrund zurücktritt.
- Winkel: Lege den Rotationswinkel der Animation fest.
- Stretch: Lege die Tiefe und das 3D-Gefühl der Animation fest.
- Animationstyp: Wähle aus, ob deine Animation ein- oder ausgeblendet werden soll.
- Vorschau beim Scrollen: Klicke auf das Symbol für Vorschau
Hinweise:
- Die verfügbaren Animationen hängen von dem Hintergrundtyp ab, den du für deinen Abschnitt wählst (das heißt Farbe, Bild oder Video).
- Die Anpassungseinstellungen variieren je nach der Animation, die du auswählst.