Einfacher Teaser mit Bild und Verlinkung

Über das Feld "+ Inhalt" und anschließend "Individueller Seiteninhalt" kann das Content-Element "Einfacher Teaser mit Bild und Verlinkung" ausgewählt werden.

Unter "Text" kann der Text gepflegt werden, der auf dem Teaser im Vordergrund erscheinen soll. Unter "Link" kann über das Symbol rechts die Seite ausgewählt werden, auf die der Benutzer durch einen Klick auf den Teaser gelangen soll. Unter "Bild" kann über "Bild hinzufügen" ein Bild aus der Dateiliste ausgewählt werden, das als Hintergrund angezeigt wird.

Zum Schluss können die Bild-Metatdaten bearbeitet werden. Unter "Titel" sollte ein kurzer Titel des Bildes eingefügt werden. Das Feld "Alternativer Text" sollte mit einem Satz gefüllt werden, der das Bild beschreibt. Hierbei sollten die starken Keywords aus der Keywordliste eingebaut werden, um die Seite in Bezug auf SEO zu optimieren. Unter "Bildbearbeitung" befindet sich das Feld "Editor öffnen". Damit lassen sich die Seitenverhältnisse des Bildes für Mobile, Tablet und Desktop anpassen. In diesem Fall wird jeweils ein Seitenverhältnis von 4:3 empfohlen.

Darstellung des einfachen Teasers im Frontend

Hier wurden 4 Teaser nebeneinander in folgendem Grid gepflegt:  4 Spalten (25% / 25% / 25% / 25%)