Mit nur wenigen Schritten lassen sich die Überschriften für Inhaltselemente wie z.B. Text oder Text mit Bild um anpassen. Dabei können Sie neue hinzufügen oder alte ändern bzw. löschen.
Widmen wir uns zuerst einmal dem Backend. Hier kann für jedes Inhaltselement eine Überschrift festgelegt werden. Für diese kann ein Überschriftstyp wie z.B. "Header 1" ausgewählt werden. Diese Einstellung sorgt dafür, dass die Überschrift mit dem HTML-Tag "<h1>" umschlossen wird. Somit fällt der Text der Überschrift größer aus, als der Rest vom Text. Außerdem kann die Überschrift dadurch gesondert per CSS formatiert werden.
Diese Überschriftstypen lassen sie recht einfach verändern. So hat man die Möglichkeit der Liste neue Typen hinzuzufügen und bestehende zu löschen oder umzubenenen. Nachfolgend sehen Sie, wie man von den einzelnen Möglichkeiten Gebrauch macht.
Wichtig für die Anpassung der Header-Typen ist ein Verständnis für die Anordung der Auswahlpunkte im Backend. Jeder Punkt hat dabei einen numerischen Wert, welcher für die jeweilige Überschrift in der Datenbank gespeichert wird. Für die Frontendausgabe wird anschließend je nach numerischem Wert die jeweils passende Formatierung für die Überschrift vorgenommen.
Wenn Sie im Backend z.B. "Header 1" auswählen, wird in der Datenbank als Überschriftstyp der Wert "1" hinterlegt. Die Ausgabe erkennt diese "1" und umschließt die Überschrift mit dem HTML-Tag "<h1>".
Im Backend sieht der HTML-Code für den Überschriftstyp wie folgt aus. Der "value" steht dabei für die Zahl, welche Sie bei den nachfolgenden Möglichkeiten als Identifikator angeben müssen.
Zum Umbenenen von Überschriftstypen benötigt man lediglich folgende Zeilen TSConfig im Optionen-Feld der Seiteneigenschaften der Root-Seite (TSConfig):
Wie Sie sehen ist es möglich die Label sowohl statisch als reinen Text, als auch dynamisch als Verweis auf einen Local-Lang-Label zu definieren.
Wie bei Punkt 2 zu sehen, sind von Haus aus bereits sieben Überschriftstypen verfügbar. Allerdings werden in vielen Internetauftritten maximal vier davon benutzt. Die restlichen verwirren einen Redakteur nur unnötig. Daher kann man die überzähligen Auswahlpunkte mit folgenden Zeilen TSConfig einfach entfernen:
Hiermit werden die folgenden Überschriftstypen aus der Auswahl entfernt:
Somit würde das Auswahlfeld im Backend nun folgendermaßen aussehen:
Wie Sie sehen, kann auch für neue Überschriftstypen sowohl eine statische Bezeichnung, als auch ein dynamischer Verweis auf einen Local-Lang-Label vergeben werden.
Im Backend sieht das Auswahlfeld nun folgendermaßen aus:
Bis jetzt habe wir lediglich die Punkte in der Auswahlliste für den Typ einer Überschrift im Backend bearbeitet. Allerdings hat die ganze Arbeit keine Auswirkungen auf die Frontend-Ausgabe, solange wir diese nicht mit einigen Zeilen TypoScript konfigurieren:
