Passen Sie den Hintergrund der Elemente mit auffälligen und kreativen Designs an das Thema Ihres Unternehmens an. Wählen Sie in der Fotogalerie aus benutzerdefinierten Hintergrundbildern, 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
Anmerkung
Seitenhintergründe finden Sie unter Themen-Hintergrund.
Jede auf das System hochgeladene Datei (Text, Bild, Video oder Audio) ist öffentlich verfügbar. 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 Media Manager.
.
Tipp
Alle YouTube-Hintergrundvideos zeigen den Videotitel und den Uploader an, bevor das Video beim Laden beginnt. Es gibt keine Möglichkeit, diese Elemente zu entfernen, ohne das CSS manuell zu ändern. Aufgrund dieser Änderung werden YouTube-Videos nicht für Hintergrundvideos empfohlen.
Um den Hintergrund von Elementen zu bearbeiten:
-
Navigiere zum Hintergrund Abschnitt.
-
Wählen Sie je nach Element Farbe, Bild, oder Video und wählen Sie den gewünschten Hintergrund aus.
-
Einige Elemente haben auch die Option für Bildschieberegler. Um einen Bildschieberegler zu erstellen, wählen Sie mehrere Bilder aus und klicken Sie dann Fertig. Ausführliche Informationen zu Hintergrundschiebereglern finden Sie unter Schieberegler für Hintergrundbilder.
-
Einzelheiten zu den Farboptionen finden Sie unter Farbwähler
-
-
(Fakultativ)Wenn Sie ein Bild für einen Hintergrund auswählen, klicken Sie aufOptimieren Sie dieses Bild nichtSchalten Sie diese Option ein, um die Optimierung zu verhindern, wenn ein einzelnes Bild verwendet wird (diese Einstellung wird angezeigt, nachdem ein Bild ausgewählt wurde).
Einige Container bieten die Möglichkeit, einen Hintergrundbild-Slider hinzuzufügen.
Um einen Hintergrund-Slider zu erstellen:
-
Navigiere zum Hintergrund Abschnitt.
-
Klicken Sie Bild.
-
Klicken Sie auf das Pluszeichen und wählen Sie mehrere Bilder und nicht ein einzelnes Bild aus der Bildauswahl aus.
-
Klicken Sie Erledigt.
-
(Fakultativ) Sobald der Slider erstellt ist, können Sie im Zeilendesign-Menü Folieneinstellungen wie Folienübergangsstil und Foliengeschwindigkeit festlegen.
-
(Fakultativ) Alle anderen Hintergrundbildoptionen wie Hintergrundüberlagerung, Positionierung und Anzeigestil können auf den Slider angewendet werden.
Sobald ein Bild oder ein Bild-Slider eingerichtet wurde, stehen zusätzliche Konfigurationsoptionen zur Verfügung.
Die Optionen können zwar variieren, die beiden häufigsten sind jedoch:
-
Arten der Bildanzeige: Dies sind die verschiedenen Möglichkeiten, wie Sie steuern können, wie das Bild oder die Bilder im Container angezeigt werden. Mit diesen Optionen können Sie anpassen, wie ein Bild passt, sich wiederholt oder dehnt, um den gesamten Bereich abzudecken. Es gibt vier Optionen
-
Einband: Das Bild wird so gestreckt, dass es den gesamten Bereich abdeckt, ohne sein Seitenverhältnis zu verlieren (da es den Bereich des Containers bedeckt, können Teile des Bilds abgeschnitten werden).
-
Vollständiges Bild: Zeigt das vollständige Bild an. Das Bild wird zwar nicht abgeschnitten, aber je nach Größe des Containers können auf beiden Seiten oder über und unter dem Bild Balken erscheinen
-
Kachel: Wiederholt das gesamte Bild in seiner Originalgröße in einem Kachelmuster, um den gesamten Bereich auszufüllen. Wenn das Bild 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, gibt es Platz um das Bild herum.
-
-
Art der Bildposition (Nur Editor 2.0 und Flex-Modus): Wählen Sie zwischen Standard, Statisch oder Parallax. Beachten Sie, dass die statische Position auf iOS-Geräten nicht funktioniert
-
Stellung: Diese Einstellung bestimmt, wo das Bild platziert wird, z. B. in der Mitte, oben, unten, links oder rechts vom Container. Die Positionseinstellung funktioniert in Verbindung mit den Bildanzeigeoptionen, um zu steuern, wie das Bild angezeigt wird. Die Position des Hintergrundbilds wird pro Bildschirmgröße festgelegt im Editor 2.0 und im Flex-Modus.
Verwende 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 ein stilvolles, modernes Aussehen verleihen
Tipp
Alle YouTube-Hintergrundvideos zeigen den Videotitel und den Uploader an, bevor das Video beim Laden beginnt. Es gibt keine Möglichkeit, diese Elemente zu entfernen, ohne das CSS manuell zu ändern. Aufgrund dieser Änderung werden YouTube-Videos nicht für Hintergrundvideos empfohlen.
So fügst du einem Container einen Videohintergrund hinzu:
-
Halten Sie ein Video zum Hochladen bereit oder die URL eines Videos, das auf YouTube, Vimeo oder Dailymotion hochgeladen wurde, zum Teilen bereit.
-
Klicken Sie mit der rechten Maustaste auf das Element, dem Sie diesen Hintergrund hinzufügen möchten, und klicken Sie dann auf Design bearbeiten.
-
Navigiere zum Hintergrund Abschnitt.
-
Klicken Sie aufVideoTab. Sie haben die folgenden Optionen:
-
Klicken Sie 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 Videos, das Sie verwenden möchten, in das URL-Textfeld von YouTube, Vimeo oder Dailymotion ein.
Anmerkung
YouTube-Videos werden auf Mobilgeräten nicht unterstützt, da sie auf iOS-Geräten nicht automatisch abgespielt werden.
-
-
YouTube-Videos werden auf Mobilgeräten nicht unterstützt, da sie auf iOS-Geräten nicht automatisch abgespielt werden.
-
iPhones mit einem Akku im Energiesparmodus spielen Videos auf einer Website nicht automatisch ab, sondern zeigen stattdessen eine Wiedergabetaste an.
-
Bei Hintergrundvideos wird kein Ton wiedergegeben.
-
Das Laden von Videos kann Zeit und Bandbreite in Anspruch nehmen und Nutzer von wichtigen Links oder Texten auf Ihrer Seite ablenken. Verwenden Sie Videos daher sparsam.
-
Erwägen Sie, ein Overlay mit einer höheren Deckkraft des Videohintergrunds hinzuzufügen, um den Effekt subtiler zu machen.
-
Wenn du ein Dailymotion-Video hinzufügst, das Teil einer Playlist ist, achte darauf, nur den direkten Link zum Video hinzuzufügen (und lasse den Playlist-Parameter weg, der ungefähr so aussieht:? Playliste=x1x2f3). Wenn die URL deines Videos diesen Parameter hat, entferne ihn einfach. Zum Beispiel: https://www.dailymotion.com/video/x60ktex?playlist=x5x6f2 wäre https://www.dailymotion.com/video/x60ktex
Stellen Sie eine Hintergrundfarbe ein, die beim Scrollen der Benutzer durch den Abschnitt fließend übergeht. So entsteht ein dynamischer visueller Hinweis, der das Engagement fördert und Änderungen am Inhalt hervorhebt.
Um die Hintergrundfarbe eines Abschnitts beim Scrollen zu ändern:
-
Klicken Sie auf den gewünschten Abschnitt, um das schwebende Menü zu öffnen, und klicken Sie auf Entwerfen.
-
Erweitern Sie die Stil Abschnitt des Design-Panels.
-
Wählen Sie ein Farbe des Hintergrunds. Dies ist die erste Farbe, die Benutzer sehen, wenn sie zum Abschnitt herunterscrollen.
-
Aktiviere die Farbe beim Scrollen ändern umschalten.
-
Wählen Sie ein Hintergrundfarbe beim Scrollen. Dies ist die Farbe, in die Ihr Abschnitt übergeht, wenn der Benutzer nach unten scrollt
Dies liegt daran, dass das Seitenverhältnis des Bildes oder Videos anders ist als das des Containers.
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, Vollständiges Bild Die Option in den Bildanzeigeoptionen kann verwendet werden (siehe Abschnitt in diesem Artikel, Konfiguration des Hintergrundbilds).
Für Videohintergründe gibt es derzeit keine vollständige Videooption. Durch Anpassen des Seitenverhältnisses des Originalvideos kann das Problem behoben werden.
Weitere Informationen zum Seitenverhältnis finden Sie unter Richtlinien und Spezifikationen für Medien.
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, versuche, einen anderen Videolink zu verwenden. Wenn das neue Video funktioniert, deutet dies darauf hin, dass die Datenschutzeinstellungen des Originalvideos verhindern, dass es auf der Website angezeigt wird.
Die Lösung hängt von der Plattform ab, auf der das Video gehostet wird, und das Support-Team kann Ihnen möglicherweise weiterhelfen.