Teaser mit Überschrift, Text, Bild, Verlinkung auf einem hellblauen Hintergrund

Als Erstes wird rechts unter "Spalte" angegeben, in welchem Teil des Grids sich der Teaser befindet. 

Unter "Überschrift" kann zuerst eine Überschrift für den Teaser gepflegt werden. Sie wird im Frontend oberhalb einer gepunkteten Linie dargestellt.

Danach wird der "Text" eingefügt, der unterhalb dieser Linie erscheinen soll. Anschließend wird unter "Link" die Seite verlinkt, die beim Klick auf "...mehr erfahren" erscheinen soll. "...mehr erfahren" erscheint dann automatisch im Frontend.

Unter "Bild" kann über "Bild hinzufügen" ein Bild aus der Dateiliste hinzugefügt werden. Danach 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 das Seitenverhältnis "Frei" empfohlen.

Unter "Ausrichtung" wird angegeben, wie Bild und Text ausgerichtet werden sollen. Hier soll das Bild 50% des verfügbaren Platzes einnehmen und auf der linken Seite dargestellt werden. 

Rechts sieht man einzelne Teaser-Elemente, die sich in unterschiedlichen Teilen des Grids befinden (oben rechts: 75%, mittig: 50%, unten: 100%)

Beispiel aus dem Frontend

Mittig auf der rechten Seite befindet sich der Teaser aus dem vorherigen Bild. 
Hier wurden mehrere "Teaser mit Überschrift, Text, Bild, Verlinkung auf einem hellblauen Hintergrund" mithilfe des Grids "3 Reihen - 4 Felder" zusammengefügt.