Passen Sie die Hintergrundeinstellungen an (Farbe, Bild und Videohintergrund)

Hintergrund- und Farbeinstellungen

Hintergrundeinstellungen sind ein wichtiges Design-Tool, mit dem Sie das Erscheinungsbild Ihrer Website steuern können. Sie ermöglichen Ihnen Definieren Sie den visuellen Ton Ihrer Seiten, indem Sie verschiedene Stile anwenden, beispielsweise Volltonfarben, Farbverläufe, Bilder oder Videos.

Durch Festlegen einer einheitlichen Hintergrundfarbe, eines Farbverlaufs oder eines Bilds können Sie optisch ansprechende Layouts erstellen, die Ihre Marke hervorheben und Besucher fesseln. 

Mit den Hintergrundeinstellungen können Sie das allgemeine Erscheinungsbild Ihrer Seite definieren. Mit GemPages können Sie:

• Tragen Sie feste Farben für einen klaren, minimalistischen Stil.
• Arbeiten jederzeit weiterbearbeiten können. Jede Präsentation und jeder KI-Avatar, den Sie von Grund auf neu erstellen oder hochladen, Steigungen um sanfte Übergänge und Tiefe zu erzeugen.
• Speichern Bildern or Videos um Ihr Design dynamischer zu gestalten.

Hintergrundfarbe festlegen

In GemPages v7 können Sie ganz einfach eine Volltonfarbe oder einen Farbverlauf auf den Hintergrund Ihrer Seite oder eines bestimmten Abschnitts anwenden.

Festlegen einer Hintergrundfarbe

Sie können eine einfarbige Hintergrundfarbe verwenden, um Ihr Design klar und übersichtlich zu gestalten. Dies ist die einfachste Möglichkeit, Abschnitten ein einheitliches Aussehen zu verleihen und die Lesbarkeit zu gewährleisten.

Schritt 1: Wählen Sie das Element aus

• Klicken Sie auf den Abschnitt, die Zeile oder die Spalte, auf die Sie eine Hintergrundfarbe anwenden möchten. 
• Öffnen Sie den Microsoft Store auf Ihrem Windows-PC Einstellungen in der linken Seitenleiste.

Schritt 2: Hintergrundeinstellungen finden

• Suchen Sie im Einstellungsbereich nach Hintergrund .
• Auswählen Farbe, und wählen Sie Solid Color als Hintergrundtyp.

Schritt 3: Wählen Sie eine Farbe

Sie können den einfarbigen Hintergrund mit diesen Optionen festlegen:

• Klicken Sie auf die Farbauswahl, um eine Farbe manuell auszuwählen
• Geben Sie einen bestimmten Hex-Code ein (z. B. #FCD6D6).
• Wählen Sie eine Farbe aus den Farbfeldern
• Wählen Sie aus dem Aktuelle Farben or Empfohlen für Sie Listen.

Festlegen eines Hintergrundverlaufs

Mit einem Verlaufshintergrund können Sie zwei oder mehr Farben mischen, um einen modernen und dynamischen Effekt zu erzielen. Dies ist besonders nützlich, um wichtige Abschnitte hervorzuheben oder weiche Übergänge zu erstellen.

Schritt 1: Farbverlauf-Hintergrund aktivieren:

Unter dem Hintergrundeinstellungen, wählen Farbe, und wählen Sie Gradient als Hintergrundtyp.

Schritt 3: Den Farbverlauf anpassen:

• Farben auswählen: Wählen Sie zwei oder mehr Farben für den Farbverlauf aus.
• Farbverlaufsrichtung festlegen: Passen Sie den Winkel des Farbverlaufs an (z. B. vertikal, diagonal oder radial).
• Feinabstimmung der Deckkraft: Passen Sie bei Bedarf die Transparenzstufen der Verlaufsfarben an.

Hintergrundbild festlegen

Durch das Hinzufügen eines Hintergrundbilds können Sie die visuelle Attraktivität Ihrer Seite durch die Einbindung von Texturen, Mustern oder themenbezogenen visuellen Elementen verbessern.

Schritt 1: Bildhintergrund aktivieren

Im Hintergrund Abschnitt, wählen Bild als Hintergrundtyp.

Schritt 2: Bildhintergrund festlegen

Bewegen Sie den Mauszeiger über das aktuelle Bild und drücken Sie Bild hochladen um ein neues Bild hochzuladen. 

Andernfalls können Sie aus Ihrer Medienbibliothek (Shopify-Dateien) auswählen oder die URL des Bildes in das Feld einfügen.

Schritt 3: Bildeinstellungen anpassen

• Maßstab: Passen Sie die Bildgröße an Ihr Layout an.
• Position: Wählen Sie die Ausrichtung des Bildes, beispielsweise zentriert, oben links oder oben rechts, um zu steuern, wie das Bild im Hintergrundbereich angezeigt wird.
• Wiederholen: Entscheiden Sie, ob das Bild über den Hintergrund gelegt werden oder als einzelne Instanz bestehen bleiben soll.
• Anhang: Stellen Sie das Hintergrundbild so ein, dass es entweder mit der Seite scrollt oder für einen Parallaxeffekt an seiner Position fixiert bleibt.
• LCP optimieren: Verwenden Sie komprimierte Bilder, um eine schnelle Seitengeschwindigkeit aufrechtzuerhalten.

Kombinieren Sie Farbe und Bildhintergrund

Sie können die Gesamtästhetik Ihres Designs verbessern, indem Sie eine Hintergrundfarbe mit einem Bild kombinieren. 

Die Hintergrundfarbe wird unter dem Bild angezeigt. Dies ist besonders effektiv, wenn Sie ein Bild mit transparentem Hintergrund verwenden.

Schritt 1: Bildhintergrund hinzufügen

• Im Hintergrund Abschnitt, wählen Sie die Bild .
• Laden Sie ein Bild mit transparentem Hintergrund hoch oder wählen Sie eins aus.

Schritt 2: Farbigen Hintergrund hinzufügen

Immer noch im Hintergrund Klicken Sie auf die Schaltfläche Farbe, Option. Wählen Sie eine Farbe, die Sie hinter dem Bild anzeigen möchten.

Indem Sie dem Bild eine passende Hintergrundfarbe hinzufügen, können Sie ein harmonisches und optisch ansprechendes Design erstellen, das den Gesamteindruck Ihrer Seite unterstreicht.

Hintergrundvideo einstellen

Videohintergründe sind eine hervorragende Möglichkeit, dynamische und ansprechende visuelle Elemente für Ihre Website zu erstellen.

Schritt 1: Aktivieren Sie den Videohintergrund

Unter dem Hintergrund Abschnitt, klicken Sie auf die Schaltfläche „Hinzufügen…“ neben dem Video Feld, um das Einstellungsfenster für den Videohintergrund zu öffnen.

Schritt 3: Fügen Sie ein Video als Hintergrund hinzu

Von dem Quelle Wählen Sie im Feld die Quelle aus, an die Sie Ihr Video anhängen möchten. Sie haben zwei Möglichkeiten:

• YouTube: Wählen Sie ein YouTube-Video aus, das als Hintergrundvideo abgespielt werden soll.
• Video-Hosting: Wählen Sie ein hochgeladenes Video aus den Shopify-Dateien aus.

Fügen Sie das ein Video-URL um das Video einzubetten und als Hintergrund festzulegen.

Sie können das ändern Loop-Video auf „Ja“, um die Loop-Funktion zu aktivieren.

Weitere Anpassungsoptionen

Für erweiterte Videohintergründe mit mehr Kontrolle über Overlays, Text und Call-to-Action-Schaltflächen sollten Sie eines der folgenden Elemente verwenden:

• Folgen Sie uns Dieser Artikel um Ihren Videohintergrund anzupassen, indem Sie Heldenbanner.
• Wenn Sie das bevorzugen Videobanner Element, erfahren Sie mehr werden auf dieser Seite erläutert.

Häufig gestellte Fragen

1. Kann ich ein Bild als Hintergrund für die gesamte Website festlegen?

2. Kann ich anstelle eines Bildes ein Video als Hintergrund verwenden?