Passen Sie den Hintergrund der Elemente mit auffälligen und kreativen Designs an das Thema Ihres Unternehmens an. Wählen Sie aus benutzerdefinierten Hintergrundbildern in der Fotogalerie, laden Sie Ihre eigenen Bilder hoch, verwenden Sie Videohintergründe oder wenden Sie Farben und Farbverläufe an, um Ihrer Website eine einzigartige Note zu verleihen.
Hinweis
Informationen zu Seitenhintergründen finden Sie unter Designhintergrund.
Jede Datei (Text, Bild, Video oder Audio), die in das System hochgeladen wird, ist öffentlich zugänglich. Es sollten keine persönlichen und/oder vertraulichen Informationen hochgeladen werden. Um die Datei vollständig zu entfernen, löschen Sie die Datei aus dem Medien-Manager.
Weitere Informationen zu den Medienrichtlinien finden Sie unter Medien: Richtlinien und Spezifikationen.
Tipp
Alle YouTube-Hintergrundvideos zeigen beim Laden den Videotitel und den Uploader an, bevor das Video beginnt. Es gibt keine Möglichkeit, diese Elemente zu entfernen, ohne manuell Änderungen am CSS vorzunehmen. Aufgrund dieser Änderung werden YouTube-Videos nicht als Hintergrundvideos empfohlen.
So bearbeiten Sie den Hintergrund von Elementen:
-
Navigieren Sie zum Abschnitt Hintergrund .
-
Wählen Sie je nach Element Farbe, Bild oder Video aus und wählen Sie den gewünschten Hintergrund aus.
-
Einige Elemente haben auch die Option für Bildschieberegler. Um einen Bild-Schieberegler zu erstellen, wählen Sie mehrere Bilder aus und klicken Sie dann auf Fertig. Ausführliche Informationen zum Hintergrund von Schiebereglern finden Sie unter Hintergrundbild Schieberegler.
-
Einzelheiten zu den Farboptionen finden Sie unter Farbwähler
-
-
(Fakultativ) Wenn Sie ein Bild für einen Hintergrund auswählen, klicken Sie auf den Schalter Dieses Bild nicht optimieren, um die Optimierung zu verhindern, wenn ein einzelnes Bild verwendet wird (diese Einstellungen werden angezeigt, nachdem ein Bild ausgewählt wurde).
Einige Container bieten die Möglichkeit, einen Schieberegler für das Hintergrundbild hinzuzufügen.
So erstellen Sie einen Hintergrund-Schieberegler:
-
Navigieren Sie zum Abschnitt Hintergrund .
-
Klicken Sie auf Bild.
-
Klicken Sie auf das +-Zeichen und wählen Sie mehrere Bilder anstelle eines einzelnen Bildes aus der Bildauswahl aus.
-
Klicken Sie auf Fertig.
-
(Fakultativ) Sobald der Schieberegler erstellt ist, können Sie die Folieneinstellungen wie den Folienübergangsstil und die Foliengeschwindigkeit über das Designmenü Zeilen festlegen.
-
(Fakultativ) Alle anderen Hintergrundbild-Optionen wie Hintergrundüberlagerung, Positionierung und Anzeigestil können auf den Schieberegler angewendet werden.
Sobald ein Image oder ein Image Schieberegler eingerichtet wurde, stehen zusätzliche Konfigurationsmöglichkeiten zur Verfügung.
Die Optionen können zwar variieren, aber die beiden gebräuchlichsten sind:
-
Bildanzeigestile: Dies sind die verschiedenen Möglichkeiten, mit denen Sie steuern können, wie das Bild oder die Bilder innerhalb des Containers angezeigt werden. Mit diesen Optionen können Sie anpassen, wie ein Bild angepasst, wiederholt oder gestreckt wird, um den Bereich abzudecken. Es gibt vier Optionen:
-
Abdeckung: Streckt das Bild so, dass es den gesamten Bereich abdeckt, ohne dass das Seitenverhältnis verloren geht (da es den Bereich des Containers abdeckt, können Teile des Bildes abgeschnitten werden).
-
Vollbild: Zeigt das Vollbild an. Das Bild wird zwar nicht abgeschnitten, aber je nach Größe des Containers können Balken auf beiden Seiten oder über und unter dem Bild angezeigt werden.
-
Kachel: Wiederholt das gesamte Bild in Originalgröße in einem Kachelmuster, um den Bereich auszufüllen. Wenn das Image größer als der Container ist, wird es nicht wiederholt.
-
Keine Wiederholung: Zeigt das gesamte Bild in seiner Originalgröße an, ohne es zu wiederholen. Wenn das Bild größer als der Container ist, wird es abgeschnitten. Wenn es kleiner als der Container ist, bleibt um das Bild herum Platz.
-
-
Position: Diese Einstellungen legt fest, wo das Bild platziert wird, z. B. in der Mitte, oben, unten, links oder rechts des Containers. Die Positionseinstellungen arbeiten in Verbindung mit den Optionen für die Bildanzeige, um zu steuern, wie das Bild angezeigt wird
Verwenden Sie Videohintergründe, um schnell ein Video von YouTube, Vimeo oder Dailymotion hinzuzufügen. Videohintergründe können mit bewegten Inhalten die Aufmerksamkeit eines Besuchers auf sich ziehen und jeder Website einen stilvollen, modernen Look verleihen.
Tipp
Alle YouTube-Hintergrundvideos zeigen beim Laden den Videotitel und den Uploader an, bevor das Video beginnt. Es gibt keine Möglichkeit, diese Elemente zu entfernen, ohne manuell Änderungen am CSS vorzunehmen. Aufgrund dieser Änderung werden YouTube-Videos nicht als Hintergrundvideos empfohlen.
So fügen Sie einem Container einen Videohintergrund hinzu:
-
Bereite ein Video zum Hochladen bereit oder die teilbare URL eines Videos, die auf YouTube, Vimeo oder Dailymotion hochgeladen wurde.
-
Klicken Sie mit der rechten Maustaste auf das Element, dem Sie diesen Hintergrund hinzufügen möchten, und klicken Sie dann auf Design bearbeiten.
-
Navigieren Sie zum Abschnitt Hintergrund .
-
Klicken Sie auf die Registerkarte Video. Sie haben folgende Möglichkeiten:
-
Klicken Sie auf Video hochladen und wählen Sie das Video aus, das Sie hochladen möchten. Sie können bis zu 200 MB in allen Formaten hochladen. Sie können Videos von Ihrem Gerät, Facebook, Instagram, Dropbox, Google Drive hochladen oder ein Video mit Ihrer Webcam aufnehmen.
-
Fügen Sie die URL des gewünschten Videos in das Textfeld für die YouTube-, Vimeo- oder Dailymotion-URL ein.
Hinweis
YouTube-Videos werden auf Mobilgeräten nicht unterstützt, da sie auf iOS-Geräten nicht automatisch abgespielt werden können.
-
-
YouTube-Videos werden auf Mobilgeräten nicht unterstützt, da sie auf iOS-Geräten nicht automatisch abgespielt werden können.
-
iPhones mit aktiviertem Energiesparmodus spielen Videos auf einer Website nicht automatisch ab und zeigen stattdessen eine Wiedergabeschaltfläche.
-
Der Ton von Hintergrundvideos wird nicht wiedergegeben.
-
Videos können Zeit und Bandbreite für das Laden in Anspruch nehmen und Benutzer von wichtigen Links oder Text auf Ihrer Seite ablenken. Setzen Sie Videos daher sparsam ein.
-
Erwägen Sie das Hinzufügen einer Überlagerung mit einer höheren Deckkraft des Videohintergrunds, um den Effekt subtiler zu gestalten.
-
Wenn Sie ein Dailymotion-Video hinzufügen, das Teil einer Playlist ist, stellen Sie sicher, dass Sie nur den direkten Link zum Video hinzufügen (und den Playlist-Parameter weglassen, der ungefähr so aussieht: ?playlist=x1x2f3). Wenn die URL Ihres Videos diesen Parameter enthält, entfernen Sie ihn einfach. So wäre „https://www.dailymotion.com/video/x60ktex?playlist=x5x6f2“ zum Beispiel „https://www.dailymotion.com/video/x60ktex“.
Dies liegt daran, dass sich das Seitenverhältnis des Bildes oder Videos vom des Containers unterscheidet.
Abhängig von Ihrem Ziel kann es schwierig sein, dies zu erreichen. Wenn das Bild oder Video in einen Container passen muss, der sich je nach Bildschirmgröße ändert, gibt es keine perfekte Lösung, um zu verhindern, dass es abgeschnitten wird. Der sichtbare Teil des Bildes oder Videos variiert je nach Bildschirmgröße.
Wenn das Bild nicht den gesamten Bereich abdecken muss, kann die Option Vollbild in den Optionen für die Bildanzeige verwendet werden (siehe Abschnitt Hintergrundbild-Konfiguration in diesem Artikel).
Für Videohintergründe gibt es derzeit keine Option für vollständiges Video. Das Anpassen des Seitenverhältnisses des Originalvideos kann das Problem beheben.
Weitere Informationen zum Seitenverhältnis finden Sie unter Medien: Richtlinien und Spezifikationen.
Wenn das Video über einen Link hinzugefügt wird, könnte das Problem mit den Datenschutzeinstellungen des Videos zusammenhängen. Um dies zu überprüfen, versuchen Sie, einen anderen Videolink zu verwenden. Wenn das neue Video funktioniert, deutet dies darauf hin, dass die Datenschutzeinstellungen des Originalvideos die Anzeige auf der Website verhindern.
Die Lösung hängt von der Plattform ab, auf der das Video gehostet wird, und das Support-Team kann Ihnen möglicherweise behilflich sein.