Vielen unbekannt ist, dass Typo3 in der „Zweiten Optionspalette“ beim Erstellen eines neuen Absatzes bei den Überschriften verschiedene Formatierungen anbietet:
Hier eine kurze Anleitung, wie man die verfügbare Auswahl definiert und anschließend layoutet:
Auswahl eingrenzen
Die Überschriftstypen, die standardmäßig angegeben sind, machen nicht viel Sinn.
Daher definiert man im TSconfig der Root-Seite (Web > Rechtsklick auf Root > > Optionen; in der neuen Version unter … > > Ressourcen > TypoScript-Config) die Typen neu:
## Layout-Felder Überschriften umbenennen und Rest ausblenden
TCEFORM.tt_content.header_layout.altLabels {
1 = Überschrift 2
2 = Überschrift 3
3 = Grafische Überschrift
4 = Nicht ausgeben
}
TCEFORM.tt_content.header_layout.removeItems = 5,6,7,8,9,10,100
Anzeige anpassen
Im Setup definiert man über eine CASE-Abfrage nun die Layouts:
## ÜBERSCHFIRTEN ALTERNATIVE LAYOUTS
## **********************************
## Überschrift neu formatieren
lib.stdheader >
lib.stdheader = CASE
lib.stdheader {
key.field = header_layout
# DEFAULT = H1 (0)
default = TEXT
default.field = header
default.stdWrap.wrap = <h1>|</h1>
# leere Überschriften nicht anzeigen
default.stdWrap.required = 1
# Verlinkung von Überschriften
default.typolink {
parameter.insertData = 1
parameter = {field:header_link}
}
#H2 (1)
1 = TEXT
1.field = header
1.wrap = <h2>|</h2>
#H3 (2)
2 = TEXT
2.field = header
2.wrap = <h3>|</h3>
#GRAFISCHE ÜBERSCHRIFT (3)
3 = IMAGE
3.file = GIFBUILDER
3.file {
XY = 1+[10.w]30
backColor = #FFFFFF
10 = TEXT
10.text.field = header
10.text.listNum = 0
10.text.listNum.splitChar = |
10.fontFile = fileadmin/fonts/arial.ttf
10.fontColor = #000
10.fontSize = 19
10.offset = 0, 12
# ggf vorhandene zweite Textzeile
15 < .10
15.text.listNum = 1
15.offset = 1, 38
# Hilfsebene fuer Höhenberechnung
16 < .10
16.text.case = upper
16.text.listNum = 1
16.fontSize = 22
16.offset = 1000,1000
wrap = |<br />
}
3.alttext.field = header
3.titletext.field = header
# Verlinkung von Überschriften
3.typolink {
parameter.insertData = 1
parameter = {field:header_link}
}
# NICHT AUSGEBEN (4)
4 = TEXT
4.field >
}
## ENDE lib.stdheader
Die Liste kann natürlich erweitert und geändert werden; allerdings wird’s nach 5 Typen schwieriger. Die genaue Anleitung dazu findet ihr in den Kommentaren der Quelle (sieh unten).