Karten-Hero-Teaser erstellen

Ein Karten-Hero-Teaser zeigt einen Hauptnachrichteneintrag zusammen mit kleineren sekundären, sodass die Nutzer mehrere Updates gleichzeitig sehen und durchblättern können, um mehr zu sehen. Die Anzahl der Karten, die gleichzeitig ohne Durchblättern sichtbar sind, hängt von der Bildschirmgröße des Computers ab.

Ein Hero-Teaser kann zu einer Startseite oder dem Mobile-App-Dashboard hinzugefügt werden. Du benötigst die Berechtigung "Hero Teaser verwalten", um Hero Teaser zu erstellen und zu verwalten.

Das Aktivieren des Moderatorenmodus beeinflusst die Kartenzuweisung nicht. Auch nach der Aktivierung siehst du nur die dir zugeordneten Karten.

Suchst du nach Ideen, wie du den Karten-Hero-Teaser nutzen kannst? Sieh dir unsere Tipps in Best-Practices für wirkungsvolle Hero Teaser an.

homepage example - hero teaser.png

1. Richte einen Karten-Hero-Teaser ein

  1. Wähle Hero Teaser verwalten aus dem Dropdown-Menü deines Benutzerprofils.
  2. Wähle Neuen Hero Teaser hinzufügen > Karten.
  3. Gib einen Namen für deinen Hero-Teaser ein. Das hilft dir, ihn zu identifizieren, wenn du ihn zu einer Startseite hinzufügst.

2. Erstelle eine primäre Karte

Die primäre Karte sollte dein wichtigstes und globales Nachrichtenitem anzeigen. Sie ist fest und kann nicht verschoben oder entfernt werden. Sie ist für alle Nutzer sichtbar und kann nicht auf bestimmte Gruppen ausgerichtet werden.

  1. Lade ein Bild für die Karte hoch. Das Bild der primären Karte sollte im Verhältnis 2:1 sein, z.B. 1200 × 599 px.
  2. Gib einen beschreibenden Text im Feld Alternativer Text ein (Optional). Screenreader können den Alternativtext lesen, wodurch der Inhalt des Bildes für Menschen mit visuellen oder kognitiven Beeinträchtigungen zugänglich wird.
  3. Gib eine Überschrift ein, die als Hauptinformation auf deiner Karte dient (Optional). Die Überschrift erscheint am unteren Rand des Kartenbildes. Wenn dein Kartenbild hell ist, wird ein dunklerer Schatten hinzugefügt, um sicherzustellen, dass der Text sichtbar ist.
  4. Gib einen Untertitel für eine ergänzende Beschreibung ein, die deine Kartenüberschrift begleitet (Optional). Diese wird unter der Überschrift in kleinerer Schriftgröße angezeigt.
  5. Gib eine URL ein, zu der der Nutzer beim Klicken auf die Karte weitergeleitet wird (Optional, aber empfohlen). Du kannst auch wählen, ob der Link in einem neuen Tab geöffnet werden soll.

3. Erstelle sekundäre Karten

Füge sekundäre Karten neben deiner primären Karte hinzu, die kleinere Nachrichtenthemen zeigen, die regional oder abteilungsbezogen sein können. Diese sekundären Karten können auf verschiedene Nutzergruppen zugeschnitten werden. Du kannst mehrere sekundäre Karten ohne Einschränkung hinzufügen. Für optimale Sichtbarkeit empfehlen wir 3-6 Karten pro Nutzergruppe.

  1. Lade ein Bild für die Karte hoch. Das Bild der sekundären Karte sollte im Verhältnis 4:5 sein, z.B. 480 × 599 px.
  2. Definiere den Empfänger des Teasers. Durch die Auswahl von Anpassen kannst du sekundäre Karten auf bestimmte Nutzergruppen ausrichten. Nur Nutzer aus den ausgewählten Gruppen sehen die sekundäre Karte im Hero-Teaser. Standardmäßig ist eine Karte für alle sichtbar.
  3. Gib einen beschreibenden Text im Feld Alternativer Text ein (Optional).
  4. Gib eine Überschrift ein (Optional).
  5. Gib einen Untertitel ein (Optional).
  6. Gib eine URL ein, zu der der Nutzer beim Klicken auf die Karte weitergeleitet wird (Optional, aber empfohlen). Du kannst auch wählen, ob der Link in einem neuen Tab geöffnet werden soll.

Wenn du mehrere sekundäre Karten hast, kannst du sie innerhalb des Hero Teasers mit den ❮ ❯-Symbolen organisieren oder sie mit dem delete icon.png-Symbol entfernen.

4. Speichere den Hero Teaser

  1. Wenn du mit dem Erstellen deiner Karten fertig bist, wähle Speichern oben rechts, um deinen Hero Teaser zu erstellen.

Dein Hero-Teaser ist erstellt und kann jetzt zu einer Startseite oder dem Mobile-App-Dashboard hinzugefügt werden. Erfahre mehr in Einen Hero-Teaser zu einer Startseite hinzufügen und Hero-Teaser in der Mobile-App.

War dieser Beitrag hilfreich?

1 von 1 fanden dies hilfreich