Ein Hero-Bild ist ein wirkungsvolles Bild, das oben auf einer Startseite platziert wird und sofort die Aufmerksamkeit der Nutzer auf sich zieht. Es ist ein eigenständiges statisches Bild ohne Links, das dazu dient, einen bleibenden Eindruck zu hinterlassen.
Das macht es zu einer ausgezeichneten Wahl für Startseiten, die keinen Hero-Teaser mit wichtigen Neuigkeiten benötigen, oder für kurze Aktionen und Feiern. Da es sich nur um ein einzelnes Bild handelt, ist es schnell und einfach einzurichten.
Ein Hero-Bild kann zu einer Startseite hinzugefügt werden, aber nicht zum Mobile Dashboard. Du benötigst die Berechtigung "Hero Teaser verwalten", um ein Hero-Bild zu einer Startseite hinzuzufügen.
Grundlagen von Hero-Bildern
- Seitenverhältnis und Auflösung: 1:5 Verhältnis, z. B. 1400 x 280px oder 2800 x 560px. Das Bild wird beim Hochladen auf dieses Verhältnis zugeschnitten.
- Dateityp: PNG oder JPEG. Wenn du bei einem PNG-Bild einen transparenten Hintergrund verwendest, wird die Farbe des Hintergrunds der Navigation deines Themes hinter dem Bild angezeigt.
- Dateigröße: Max. 10 MB
-
Inhalt:
- Stelle sicher, dass alle Grafiken, Texte und Hintergrundelemente innerhalb der Bildränder bleiben, damit nichts abgeschnitten wird, wo das Hero-Bild endet und der Hintergrund der Navigation beginnt.
- Wir empfehlen, wichtige Inhalte wie Text zu zentrieren und in der Größe anzupassen, damit alles auf verschiedenen Geräten klar bleibt. Auf kleineren Bildschirmen wird das Bild an den Seiten beschnitten, daher ist es sinnvoll, den Fokus auf die Mitte zu legen, damit deine Botschaft im Mittelpunkt steht.
- Sieh dir ein Beispiel an, wie wir unseren Text auf unserem Hero-Bild zentriert und höher positioniert haben. Unten findest du auch Beispielbilder für ein paar Feste!
Ein Hero-Bild zu einer Startseite hinzufügen
- Wähle in deinem Benutzerprofil-Dropdown Bearbeitungsansicht aktivieren aus.
- Wähle oben Hero-Bild hinzufügen. Wenn deine Startseite bereits einen Hero-Teaser oder ein Hero-Bild hat, wähle das Entfernen -Symbol in der oberen linken Ecke des Teasers.
- Lade ein Hero-Bild von deinem Computer hoch.
- Wähle unten in der Bearbeitungsleiste Speichern aus.
Das Hero-Bild wird zu deiner Startseite hinzugefügt.
Beispielbilder
Als Inspiration findest du hier ein paar Beispielbilder zum Oktoberfest, zum Pride und zum St. Patrick's Day.