Füge einzigartige Creative Backgrounds hinzu, die speziell für deine Website generiert werden.

Beim Gestalten des Hintergrunds deiner Website stehen dir mehrere Optionen zur Verfügung. In dieser Anleitung wird erläutert, wie du mithilfe von Farben, Mustern und Formen, die auf der Squarespace-Plattform generiert werden, einzigartige Creative Backgrounds erstellen kannst.

Wähle ein animiertes Muster für einen lebendigen Look oder einen subtileren Farbverlauf aus. Verwende ein voreingestelltes Muster oder passe es an, indem du bestimmte Formen, Größen und Bewegungen festlegst.

Wenn du eigene Kunstwerke hast, die du als Hintergrund verwenden möchtest, lade Hintergrundbilder oder -videos hoch. Weitere Informationen zu all deinen Optionen für die Hintergrundgestaltung findest du unter Den Hintergrund deiner Website gestalten.

Creative Backgrounds für Abschnitte werden nur in Version 7.1 unterstützt. Wenn deine Website Version 7.0 nutzt, kannst du je nach Template Banner-Bilder und Hintergrundvideos für ähnliche Effekte hinzufügen.

Video ansehen

Bevor du loslegst

• Du kannst Creative Backgrounds zu Auto-Layout-, Portfolio- und Block-Seitenabschnitten hinzufügen. Es ist nicht möglich, Creative Backgrounds zu Galerie-Abschnitten oder Sammlungs-Abschnitten hinzuzufügen.
• Creative Backgrounds werden nur auf Browsern und Geräten angezeigt, die das Tool WebGL unterstützen, das den Grafikprozessor deines Geräts nutzt. Auf get.webgl.org kannst du testen, ob dein Browser dies unterstützt. Wenn ein Browser WebGL nicht unterstützt, bleibt der Abschnittshintergrund statisch.
• Wenn dein Abschnitt Text oder andere Inhalte enthält, stelle sicher, dass er vor deinen Creative Backgrounds immer noch sichtbar und lesbar ist. Verwende zum Ändern der Textfarbe die Schriftanpassungen in der Farbgestaltung dieses Abschnitts.
• Wenn deine Abschnittsgrafik animiert ist, enthält der Abschnitt einen Pause-Button in der unteren rechten Ecke. Dadurch bleibt deine Website für Besucher zugänglich, die bewegte Hintergründe möglicherweise störend empfinden. Es ist nicht möglich, diesen Button zu deaktivieren.

Creative Backgrounds hinzufügen

So fügst du Creative Backgrounds hinzu:

1. Öffne das Seiten-Menü und klicke auf die Seite mit dem Abschnitt, den du bearbeiten möchtest.
2. Klicke in der linken oberen Ecke auf Bearbeiten.
3. Klicke auf das Stift-Symbol des Abschnitts und dann auf Hintergrund.
4. Klicke auf Grafik und dann auf eine Kachel, um eine Vorschau der Grafik im Abschnitt zu sehen. Die Farben werden aus den Optionen Hell in deiner Farbpalette bestimmt.
5. Für Variationen des Designs klicke auf einen der kleinen Kreise, die über der Kachel erscheinen.
6. Um die Grafik anzupassen, klicke auf das Einstellungssymbol, um das Details-Menü zu öffnen. Mehr dazu erfährst du im folgenden Abschnitt.
7. Lege die Hintergrundbreite fest, indem du Randlos oder Einrückung auswählst.
8. Wenn du das gewünschte Design gefunden hast, klicke auf Speichern, um deine Änderungen zu speichern und die Bearbeitung fortzusetzen, oder klicke auf Beenden und dann auf Speichern, um den Editor zu schließen.

Creative Backgrounds-Details anpassen

Du kannst deine Creative Backgrounds im Details-Menü anpassen. Um das Details-Menü zu öffnen, klicke auf ein Vorschaubild und dann auf das Einstellungssymbol.

Scrolle durch die Optionen und Einstellungen, bis du ein Muster findest, das dir gefällt. Klicke auf eine beliebige Kategorie, um das Drop-down-Menü zu erweitern und weitere Optionen angezeigt zu bekommen. Je nachdem, mit welchem Creative Backgrounds-Typ du beginnst, werden verschiedene Kategorien angezeigt.

Zum Beispiel:

• Im Details-Menü der meisten Hintergründe kannst du auf Farben umkehren klicken, um die zugewiesenen Farben zu wechseln.
• Im Details-Menü jedes Hintergrunds kannst du auf Zufällige Reihenfolge klicken, um mit einer zufälligen Konfiguration zu experimentieren.

Andere Einstellungen sind für jeden Stil der Creative Backgrounds einzigartig und beinhalten Schieberegler und Schalter, mit denen du die Hauptkomponenten der Grafik ändern kannst. Wir empfehlen dir, mit den verschiedenen Optionen in jedem Details-Menü zu experimentieren, bis du eine Kombination erstellst, die dir besonders gut gefällt.

Hier ist ein Beispiel eines Creative Backgrounds für einen Abschnitt.