Die Wahl der richtigen Hintergrundfarbe für einen einzelnen Block kann dazu beitragen, dass sich sein Inhalt von dem Rest deiner Website abhebt. Es ist eine großartige Möglichkeit, dein Angebot oder deine Marke hervorzuheben. Du kannst wählen, ob du den Hintergrund einzelner Blöcke änderst oder die vorgefertigten Hintergrundbilder beibehältst.
Welche empfohlenen Größen haben Hintergrundbilder?
Bevor du ein Hintergrundbild austauschst, beachte bitte die folgenden Empfehlungen zur Bildgröße und Auflösung.
- Die beste Größe für ein Website-Hintergrundbild beträgt 1920 x 1080 Pixel und das ideale Seitenverhältnis ist 16:9.
- Die dpi (Punkte pro Zoll) sollten mindestens 72 betragen, aber achte darauf, die Dateigröße so klein wie möglich zu halten, um die Ladezeit der Website zu minimieren.
Wichtig: Die falsche Bildgröße kann zu Pixelbildung, Verzerrungen und anderen Anzeigeproblemen führen.
Um sicherzustellen, dass dein Bild in allen Browsern gut angezeigt wird, teste es bitte ausführlich. Wenn du beispielsweise Chrome verwendest, vergewissere dich, dass das Bild auch in Safari und Firefox ordnungsgemäß geladen und angezeigt wird.
Lade das neue Hintergrundbild hoch
- Fahre mit der Maus über den Block mit einem Hintergrundbild. Klicke im Kontrollpanel auf das Bild bearbeiten-Symbol.
- Klicke auf Bild ersetzen.
- Wähle als Nächstes eine der beiden Optionen aus: Lade eine Datei von deinem Computer oder Mobilgerät hoch oder verwende ein Standardbild.
Das neue Hintergrundbild erscheint in deinem Block.
Zuschneiden deines Bildes
Du kannst in das Bild hinein- oder herauszoomen und es zudem zuschneiden, indem du es nach oben, unten, links oder rechts verschiebst. Klicke dazu auf das Zuschneiden-Symbol:
Verschiebe anschließend den Schieberegler, um in das Bild hinein- oder herauszuzoomen. Du kannst es auch verschieben, um es nach oben, unten, links oder rechts zu bewegen. Wenn du fertig bist, klicke auf Übernehmen, um die Änderungen zu bestätigen.
Tipp: Wenn du mit der Hintergrundänderung unzufrieden bist, tippe auf die Schaltfläche Rückgängig in der oberen rechten Ecke oder drücke Strg + Z auf deiner Tastatur und wiederhole die Schritte mit einem anderen Bild.
Schnelles Ändern der Hintergrundfarbe
Wenn du die Hintergrundfarbe des Blocks ändern möchtest (nicht das Bild), befolge diese Schritte:
1. Gehe zu den Blockeinstellungen.
2. Klicke auf den Tab Aussehen.
3. Wähle eine der verfügbaren Farboptionen. In diesem Beispiel haben wir uns für einen schwarzen Hintergrund entschieden:
Beachte, dass sich auch die Schriftfarben dieses Blocks geändert haben, um die Lesbarkeit des Textes sicherzustellen.
Ändern des Hintergrunds in eine benutzerdefinierte einfarbige Farbe
Um eine einfarbige Farbe als Hintergrund für einen Block festzulegen, befolge diese Schritte:
1. Verwende einen Bildeditor, um eine mit deiner Wunschfarbe gefüllte Rechteckform zu erstellen. Alternativ kannst du online nach "Farbfeldern" suchen und einen Teil eines Screenshots der gewünschten Farbe machen:
2. Lade dieses einfarbige Bild als Hintergrund für den Block hoch, indem du die oben beschriebenen Schritte verwendest.
Alternativ kannst du die Farbpalette der Website mit den Schritten in diesem Tutorial ändern.
Nachdem du eine benutzerdefinierte Farbpalette erstellt hast, lege eine neue Hintergrundfarbe in den Einstellungen für Helle Farbe fest:
Ändern der Hintergrundüberlagerung
Du kannst für einen Blockhintergrundbild schnell eine Farbüberlagerung hinzufügen, um den Inhalt besser hervorzuheben. So kannst du es tun:
- Bewege den Cursor über den Block, dem du die Überlagerung hinzufügen möchtest. Klicke auf Einstellungen.
- Aktiviere im Tab Aussehen das Kontrollkästchen Überlagerung hinzufügen.
- Verschiebe den Schieberegler, um den gewünschten Grad der Transparenz für die Überlagerung zu erreichen.
- Klicke auf Speichern, um die Hintergrundänderungen anzuwenden, sobald du das gewünschte Ergebnis erzielt hast.
Ändern des Hintergrunds für den Textblock
Um den Hintergrund für den Textblock zu ändern, befolge diese Schritte:
1. Gehe zum Textblock und klicke auf das Zahnrad-Symbol Einstellungen, um den Bereich Blockeinstellungen aufzurufen.
2. Gehe zum Tab Aussehen und wähle eine Hintergrundfarbe für deinen Block. Jede Hintergrundfarbe wurde professionell ausgewählt, um dem Look und Feel deiner Website-Vorlage gerecht zu werden.
Hinweis: Die vordefinierten Textfarben werden an hellere oder dunklere angepasst, um das kontrastierende Farbschema beizubehalten und den Text besser lesbar zu machen. Weitere Informationen zur Formatierung von Textfarben findest du in diesem Tutorial: Textfarben ändern.
3. Klicke auf Speichern, um die Änderungen anzuwenden. Auf Mobilgeräten klicke auf das Disketten-Symbol in der oberen rechten Ecke.
Kann ich das Hintergrundbild entfernen?
Wenn dein Blockdesign ein Bildhintergrund hat, kannst du es nicht löschen. Wenn du lieber einen einfarbigen Hintergrund für diesen Block möchtest, kannst du einen neuen Block mit solch einem Design aus der Block-Bibliothek wählen oder das Blocklayout ändern.