Artikelteaser

Hände in Laborhandschuhen mit Reagenzglas

Ein 1-spaltiger Artikelteaser mit Bild. "Weiter lesen" ist als Teaser-Link eingefügt - dadurch ist dann der gesamte Teaser anklickbar.
Dies ist ein Typoblindtext. An ihm kann man sehen, ob alle Buchstaben da sind und wie sie aussehen. Manchmal benutzt man Worte wie Hamburgefonts, Rafgenduks oder Handgloves, um Schriften zu testen.

In der Kultusverwaltung wird statt des Elements "Text Line Break" das Element "HTML Element" mit dem Unterelement "PBSBW - HTML Editor" verwendet.

In der Kultusverwaltung wird statt des Elements "Text Line Break" das Element "HTML Element" mit dem Unterelement "PBSBW - HTML Editor" verwendet.

Hier ist der Artikelteaser jetzt 3-spaltig. Eher selten verwendet, da das Verhältnis von Breite zu Höhe nicht ideal ist. Ohne das Unterelement "Teaser-Link" wird nicht der ganze Teaser sondern nur der markierte und verlinkte Text tatsächlich verlinkt.
Dies ist ein Typoblindtext.. Mehr...

Hier ein Beispiel für einen 2-spaltigen Artikelteaser ohne Bild. Ausschliesslich mit Text. Wirkt dadurch evtl. nicht ganz so stark als Blickfang.
Als Überschrift kann bei den Artikelteasern sowohl H2 als auch H3 zum Einsatz kommen, je nach Seitenaufbau. Bei diesem Teaser wurde jetzt eine H3 verwendet, auch wenn es vom Seitenaufbau her nicht korrekt ist.

In der Kultusverwaltung wird statt des Elements "Text Line Break" das Element "HTML Element" mit dem Unterelement "PBSBW - HTML Editor" verwendet.

Beim Artikelteaser mit Medien können statt eines Bildes alternativ auch Videos verwendet werden. Hier im Beispiel ist ein Youtube-Video mit 2-Klick-Lösung und Vorschaubild integriert.

Der Artikelteaser mit Medien 1-spaltig, hier in der Variante mit Bild.
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext.

Der Artikelteaser mit Medien 1-spaltig, hier in der Variante mit Bild.
Überall dieselbe alte Leier. Das Layout ist fertig, der Text lässt auf sich warten. Damit das Layout nun nicht nackt im Raume steht und sich klein und leer vorkommt, springe ich ein: der Blindtext.

Der Artikelteaser mit Medien 1-spaltig, hier in der Variante mit Video ohne Vorschaubild (kann auch anderer externer Inhalt sein).
Überall dieselbe alte Leier.

Artikelteaser

Meldung 1

Artikelteaser 3-spaltig m.Bild

Artikelteaser 2-spaltig ohne Bild

Artikelteaser 2-spaltig mit Medien

Variante Bild

Variante Video m. Bild

Variante Video o. Bild