Anpassung des Website-Hintergrunds

Juss Reyes

Aktualisiert 23. Oktober 2026 11:45

Hintergrund-Einstellungen im Cloudbeds-Webseiten-Editor sind aufgeteilt in Site-Theme-Einstellungen und erweiterte Hintergrundoptionen für Zeilen oder Spalten.

Um einen Standardhintergrund für die Website festzulegen oder eine andere Farbe oder ein Bild für eine bestimmte Seite anzuwenden, siehe Anpassen deiner Cloudbeds-Website mit dem Site-Theme.

Nutzen Sie diesen Artikel, wenn Sie erweiterte Hintergrundoptionen konfigurieren möchten, einschließlich Hintergrundbild-Carrousels und Video-Hintergründen.

Website-Hintergründe können auch gerätetypabhängig angepasst werden, wenn Sie für Desktop, Tablet oder Mobilgerät unterschiedliche Hintergründe benötigen.

Erweiterte Hintergrundoptionen

Erweitern Sie die untenstehenden Abschnitte für den gewünschten erweiterten Hintergrund-Workflow.

Hintergrundbild-Carrousel

Klicken Sie mit der rechten Maustaste auf die zu bearbeitende Zeile und wählen Sie Design bearbeiten aus.
Gehen Sie im Register Stil zu Hintergrund > Bild, um die entsprechenden Bilder auszuwählen.

Nachdem Sie mehrere Bilder im Bild-Auswahlwerkzeug ausgewählt haben, klicken Sie auf Fertig.
Sobald das Carrousel erstellt ist, wählen Sie eine Folienübergang aus dem Dropdown-Menü aus und stellen Sie die Foliengeschwindigkeit (Sekunden) ein, indem Sie den Schieberegler bewegen.

Hintergrundbild-Carrousels können auch in jeder Spalte hinzugefügt werden.

Alle anderen Hintergrundbildoptionen wie Hintergrund-Overlay, Positionierung und Anzeigestil können auf das Carrousel angewendet werden.

Verwenden Sie Video-Hintergründe, um schnell ein Video als Seitenhintergrund hinzuzufügen. Video-Hintergründe ziehen mit bewegten Inhalten die Aufmerksamkeit der Besucher auf sich und verleihen jeder Seite ein modernes, stilvolles Aussehen.

Alle YouTube-Hintergrundvideos zeigen vor dem Start den Videotitel und den Uploader an. Diese Elemente lassen sich nur durch manuelle CSS-Anpassungen entfernen. Aufgrund dieser Änderung werden YouTube-Videos für Hintergrundvideos nicht empfohlen.

Um einen Video-Hintergrund zu deiner Seite hinzuzufügen, besorgen Sie sich die URL des gewünschten Videos von YouTube, Vimeo oder Dailymotion. Klicken Sie dann mit der rechten Maustaste auf die Zeile oder Spalte, der Sie diesen Hintergrund hinzufügen möchten, und klicken Sie anschließend auf Design bearbeiten.

Gehen Sie zur Registerkarte Stil
Klicken Sie auf Video. Ihnen stehen folgende Optionen zur Verfügung:
- Klicken Sie, um das Video auszuwählen und hochzuladen. Sie können Videos bis zu 200 MB in allen Formaten hochladen. Videos können von Ihrem Gerät, Facebook, Instagram, Dropbox, Google Drive hochgeladen oder mit Ihrer Webcam aufgenommen werden.
- Fügen Sie die URL des gewünschten Videos in das Textfeld für die YouTube-, Vimeo- oder Dailymotion-URL ein.

YouTube-Videos werden auf Mobilgeräten nicht unterstützt, da sie auf iOS-Geräten nicht automatisch abgespielt werden.

iPhones im Energiesparmodus spielen Videos auf einer Seite nicht automatisch ab, stattdessen wird eine Wiedergabetaste angezeigt.
Hintergrundvideos spielen keinen Ton ab.
Videos können Zeit und Bandbreite zum Laden benötigen und Nutzer von wichtigen Links oder Text auf Ihrer Seite ablenken. Verwenden Sie Videos daher sparsam.
Erwägen Sie, die Deckkraft des Video-Hintergrunds zu reduzieren, um den Effekt subtiler zu gestalten.
Wenn Sie ein Dailymotion-Video hinzufügen, das Teil einer Wiedergabeliste ist, stellen Sie sicher, dass Sie nur den direkten Link zum Video hinzufügen (ohne den Wiedergabelisten-Parameter, der etwa so aussieht: ?playlist=x1x2f3). Entfernen Sie diesen Parameter aus der URL. Zum Beispiel: https://www.dailymotion.com/video/x60ktex?playlist=x5x6f2 wird zu https://www.dailymotion.com/video/x60ktex.