toujou
+49 911 23980-870

Hero Media 3:1

Mit dem Hero Media 3:1 können Sie ein Bild oder Video anzeigen und gleichzeitig einen Link hinterlegen. Dieses Element kann im Kopf- und Contentbereich genutzt werden.

Anleitung Verhalten


Anleitung

Element auswählen

  • Nach dem Klick auf +Inhalt wählen Sie unter dem Reiter Hero das Element Hero Media 3:1.

Medium und Link einfügen

  • Unter Medienelemente fügen Sie ein Bild oder Video hinzu. Klicken Sie hierfür auf Add media file um ein Medium aus der Datenbank hochzuladen, Select & upload, um ein Medium vom Pc hochzuladen oder Add media via URL, um ein ein Video einzubetten. 
  • Im Feld Überschrift tragen Sie den gewünschten Text ein.
  • Einen Link hinterlegen Sie im Feld Link, indem Sie auf das Ketten-Symbol recht klicken und eine Seite aus Ihrem Seitenbaum wählen. 

Einstellungen anpassen

  • Unter Type können Sie für die Headline zwischen H1 bis H5 wählen.
  • Die Headline Size ermöglicht Ihnen zwischen verschiedenen Textgrößen zu entscheiden.
  • Mit Ausrichtung regeln Sie die Ausrichtung des Headerstexts. 

Verhalten

Das Element Hero-Media 3:1 ist für den Kopfbereich genauso wie für den Contentbereich nutzbar und wird stets im Verhältnis 3:1 in der Textlaufweite ausgespielt. Bilder und Videos, die nicht in diesem Format hochgeladen werden, werden entsprechend beschnitten. Es ist nur ein Medium zu hinterlegen. Ist ein Link hinterlegt, ist das gesamte Element anklickbar.

Besonderheit: Typ, Größe und Anordnung der Headline (Schritt 3 der Anleitung) sind in allen Themes individuell anpassbar. Im medatsu-Theme erscheint das Element beim Mouseover dunkler. Zudem erscheint in diesem Theme die Überschrift je nach Typ in den vordefinierten Farben primary, secondary und inverted.

Responsive: Auch mobil wird das Element im festen Verhältnis 3:1 auf allen Geräten angezeigt.