Beispiel Headerbild

copyright:

Kopfbild: t3up_headerimage

Kopfbild (Headerimage)

Kopfbild (t3up_headerimage)

Die Erweiterung t3up_headerimage ermöglicht es, am Seitenanfang ein großes Bild auszugeben. Damit entsteht ein ansprechender Einstieg in die Seite, der sich flexibel anpassen lässt.

Je nach Anforderung stehen verschiedene Einstellungen zur Verfügung – zum Beispiel zur Größe, Darstellung oder zum Bildausschnitt.
Wichtig: Für eine gute Darstellung ist ein geeignetes Seitenverhältnis und ausreichend hohe Bildqualität erforderlich.

Verwendung im Backend

Damit das Bild korrekt angezeigt wird, muss es im Bereich „Media / Kopfbereich“ eingefügt werden – nicht im normalen Inhaltsbereich.

Extension t3up_headerimage

So wird das Kopfbild im Backend eingebunden:

  • Im Modul Seite die gewünschte Seite öffnen
  • Unterhalb der Seitenüberschrift den Bereich „Kopfbereich“ auswählen
  • Ein neues Inhaltselement vom Typ „t3up_headerimage“ einfügen
  • Ein Bild auswählen und speichern

Erweiterte Einstellungen für das Kopfbild

Nach dem Einfügen des Inhaltselements im Bereich „Kopfbild“ stehen unter dem Reiter „Einstellungen“ verschiedene Optionen zur Verfügung:

  • Anzeigarten: Bestimmen, wie TYPO3 das Kopfbild darstellt – z. B. als einfaches Bild ohne Text oder mit Überschrift und Unterzeile.
    (Tipp: Die Anzeige Einfaches Kopfbild [A] zeigt nur das Bild.)
  • Bildformat: Legt das Seitenverhältnis fest – z. B. 2:1, 16:9 oder 4:3.
    → Diese Einstellung beeinflusst die Bilddarstellung in verschiedenen Layouts.
  • Titel und Unterzeile anzeigen:
    TYPO3 zeigt den Seitentitel (z. B. „Studienangebot“) und optional eine Unterzeile direkt über dem Bild an.
    (Tipp: Diese Darstellung eignet sich gut für Einstiegspunkte mit Überschrift.)
  • Größe der Überschrift:
    Steuert die HTML-Überschriftenauszeichnung – etwa h1, h2 oder h3.
  • Copyright-Hinweis anzeigen:
    Aktiviert oder deaktiviert die Anzeige eines Copyrights im Bildbereich.

Mini-Checkliste

  • Wurde der Kopfbereich gewählt?
  • Ist die Bildform korrekt (Seitenverhältnis, Auflösung)?
  • Ist die Überschrift (H1) nicht mehrfach auf der Seite vergeben?
  • Ist ein Copyright-Hinweis gesetzt, wenn erforderlich?