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

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


Hier präsentiere ich Euch eine sehr schöne Lösung für einen Eyecatcher, bereits zu Beginn einer Unterseite. Es handelt sich hier um unseren neuen Absatztypen: Panorama-Bild

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 über einen Teaser auf die entsprechende Unterseite geklickt wird, dann ist das Bild meistens größer als der Teaser-Text und dan sieht es unschön aus.

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

(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

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

(2) Aber auf der Unterseite, also 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"

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

(3) Als erstes stellen wir ein, daß nur noch der Teasertext, nicht aber das Teaserbild auf der Seite angezeigt wird.

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

(4) Nun fügen wir den neuen Panorama-Absatz hinzu. Klicke dazu auf Absatz hinzufügen

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

(5) Klicke nun auf den Absatz Panorama-Bild

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

(6) Wähle nun ein passendes Panorama-Bild aus Deinem Vorrat aus.
Das Panorama-Bild sollte folgende Optimal-Maße haben:

  • 1.280 x 280 pixel
Panorama-Bild als optisches Titel-Element für Unterseiten

Hier kannst Du nun die Einstellungen vornehmen, die für Dich passen

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

In unserem Beispiel wird die Überschrift rechtsbündig angezeigt.

Je nach Motiv muß die Ausrichtung (linksbündig, zentriert, rechtsbündig) aber manchmal geändert werden. Wir haben fü rdiesen Fall 4 Optionen

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

Da in unserem gewählten Motiv auf der rechten Seite mehr Freifläche ist, werden wir den Titel halbrechts ausrichten.

Wir klicken also im Absatztyp auf rechts innen

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

Nun passt es, der Titel wurde ausgerichtet und das Panorama-Bild ist fertig :)

 

Hier geht´s zur Beispiel-Seite

 

© Christian Hinzmann

Über den Autor

Christian Hinzmann ist IHK-geprüfter Fachinformatiker für Anwendungsentwicklung und MCP (Microsoft Certified Professional), MCSA (Microsoft Certified System Administrator) sowie MCDST (Microsoft Certified Desktop Support Techniker). Er betreibt die 1997 gegründete 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 schwerpunktmäßig die Sparte Web-Programmierung.



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




© 2014 - 2022 cmsGENIAL   2742