Der Hintergrund eines Abschnitts bestimmt die Stimmung deiner Seite. Er lenkt den Blick und beeinflusst, wie sich Besucher beim Scrollen fühlen. Gestalte deine Abschnitte passend zur Marke deiner Website und passe jedes Detail an. Wähle eine einfarbige Fläche, ein Bild oder ein Video aus der Medienbibliothek aus. Wende dezente Effekte an, um mehr Tiefe zu erzeugen.
Den Hintergrund deines Abschnitts ändern
Ändere den Hintergrund deines Abschnitts, um deiner Seite sofort ein neues Design zu geben. Wähle eine Farbe, ein Bild oder ein Video aus, das zu deinem Stil passt und Aufmerksamkeit weckt.
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 Anforderungen an:
Klicke auf das Symbol für Farbe 
.
Klicke auf den Farbkreis.
Wähle in der Farbauswahl eine deiner Markenfarben oder eine benutzerdefinierte Farbe aus.
Tipp: Klicke auf das Symbol für Pipette 
, um eine bestimmte Farbe von deiner Seite zu übernehmen.
Klicke auf das Symbol für Bild 
.
Klicke auf das Symbol für Bild hinzufügen 
.
(In der Medienverwaltung) Wähle ein Bild aus oder lade direkt ein neues hoch.
Klicke zum Bestätigen auf Aktualisieren.
Passe die folgenden Einstellungen an:
Fokuspunkt: Ziehe den blauen Punkt auf dem Bild, um festzulegen, welcher Bildausschnitt sichtbar ist.
Deckkraft des Bildes: Ziehe den Schieberegler, um das Bild mehr oder weniger sichtbar zu machen.
Farbe hinter dem Bild: Wähle die Farbe aus, die hinter dem Hintergrundbild erscheint, wenn die Deckkraft des Bildes unter 100 % liegt.
Barrierefreiheit und Anpassungsart: Klicke auf das Symbol für Einstellungen 
, um die Anpassungsart des Bildes auszuwählen (Anpassen oder Kacheln). Gib dem Bild außerdem eine barrierefreie Bezeichnung (Alt-Text).
Hinweis: Wenn dein Bild keine wichtigen Informationen für Screenreader und Suchmaschinen enthält, aktiviere den Schieberegler Deko-Element, statt eine barrierefreie Bezeichnung einzugeben.
Tipps:
Du kannst jederzeit auf Bild ersetzen klicken, um ein anderes Hintergrundbild auszuwählen. Um das Bild vollständig zu entfernen, klicke auf das Symbol für Entfernen 
.
Möchtest du dein Bild nachbearbeiten? Klicke auf das Symbol für Bearbeiten 
, um Wix Photo Studio zu öffnen.
Klicke auf das Symbol für Video 
.
Klicke auf das Symbol für Video hinzufügen .
(In der Medienverwaltung) Wähle ein Video aus oder lade direkt ein neues hoch.
Klicke zum Bestätigen auf Aktualisieren.
Passe die folgenden Einstellungen an:
Fokuspunkt: Ziehe den blauen Punkt auf dem Video, um festzulegen, welcher Videoausschnitt sichtbar ist.
Deckkraft des Videos: Ziehe den Schieberegler, um das Video mehr oder weniger sichtbar zu machen.
Farbe hinter dem Video: Wähle die Farbe aus, die hinter dem Hintergrundvideo erscheint, wenn die Deckkraft des Videos unter 100 % liegt.
Wiedergabe und Barrierefreiheit: Klicke auf das Symbol für Einstellungen , um die Wiedergabe des Videos anzupassen (zum Beispiel automatische Wiedergabe, Wiedergabe im Loop und Qualität). Du kannst dem Video auch eine barrierefreie Bezeichnung (Alt-Text) geben.
Hinweis: Wenn dein Video keine wichtigen Informationen für Screenreader und Suchmaschinen enthält, aktiviere den Schieberegler Deko-Element, statt eine barrierefreie Bezeichnung einzugeben.
(Optional) Sieh dir eine Vorschau des Videohintergrunds an. Klicke dazu auf das Symbol für Abspielen 
.
Tipp: Du kannst oben jederzeit auf Video ersetzen klicken, um ein anderes Hintergrundvideo auszuwählen. Um das Video vollständig zu entfernen, klicke auf das Symbol für Entfernen .
Den Hintergrund deines Abschnitts animieren
Erwecke deinen Abschnitt mit einer Scroll-Animation im Hintergrund zum Leben. Wenn Besucher auf deiner Seite nach oben oder unten scrollen, erzeugt die Animation einen dynamischen und ansprechenden Effekt. Probiere Optionen wie Parallax, 3D oder Zoom aus. 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 die Einstellungen deiner Animation genau anzupassen:
Vorschau beim Scrollen: Klicke auf das Symbol für Vorschau 
, um zu sehen, wie die Animation beim Scrollen abgespielt wird.
Zoom: Ziehe den Slider, um einzustellen, wie stark du vergrößern oder verkleinern möchtest.
Richtung: Lege die Richtung der Animation mit den verfügbaren Optionen fest (zum Beispiel im oder gegen den Uhrzeigersinn, hinein oder hinaus).
Geschwindigkeit: Ziehe den Slider, damit die Animation schneller oder langsamer läuft.
Skalierung: Ziehe den Slider, um festzulegen, wie weit der Hintergrund zurücktritt.
Winkel: Lege den Rotationswinkel der Animation fest.
Stretch: Lege die Tiefe und den 3D-Effekt der Animation fest.
Animationstyp: Wähle aus, ob deine Animation ein- oder ausgeblendet wird.
.
, Radial 
, Konisch 
oder Fluid Layout 
.