0176 277 50 500

Panorama-Bild als optisches Titel-Element für Unterseiten


Immer dann, wenn eine Kategorie erstellt wird, von der aus mehrere Unterseiten verzweigen dann arbeiten wir bei cmsGENIAL mit sog. Teasern. Wenn dann aber von der Teaserseite, also der Kategorieseite ünber einen Teaser auf die entsprechende Unterseite geklickt wird, dann ist das Bild meistens größer alds der Teaser-Text und dan sieht es unschön aus.

Hier präsentiere ich Euch eine Lösung mit dem Absatztypen: Panorama-Bild

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

(1) Ein Teaser besteht aus einem Bild, einem Titel, einem Einleitungstext sowie einem Link zum Hauptartikel.

In der Kategorieseite haben die Teaserbilder (1) die klassische rechteckige Form

(2) Aber auf der Unterseite, dem eigentlichen Artikel nimmt der Teaser-Text zu wenig Platz ein, da er von Natur aus ja auf einige Wörter limitiert ist. Er soll den eigentlichen Beitrag ja nur "anteasern"

(3) Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

(4) Klicke auf Absatz hinzufügen

(5) Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

(6) Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

© Christian Hinzmann

Über den Autor

Christian Hinzmann ist IHK-geprüfter Fachinformatiker für Anwendungsentwicklung und MCP (Microsoft Certified Professional) sowie Betreiber der 1997 gegründeten Internet-Agentur BlauWeb.DE Internet-Solutions. BlauWeb.DE hat seit dem über 250 Projekte abgeschlossen und betreut Kunden in den Sparten Webdesign, Suchmaschinen-Optimierung (SEO), Social-Media-Marketing, Email- und Online-Marketing, Domain- und Webhosting sowie Programmierung.


ID: 7457   |  Autor: Christian Hinzmann   |   veröffentlicht am: 10.07.2021   |   Hits: 31