Zusätzliche Überschriftstypen hinzufügen
css_styled_content (TYPO3 4.x, 6.x, 7.x)
Standardmäßig sind fünf Überschriftsarten vordefiniert. Weitere Überschriftstypen für den Redakteur kann man hinzufügen, indem man das Setup folgendermaßen ergänzt:
lib.stdheader.10 {
6 = TEXT
6.current = 1
6.insertData = 1
6.fontTag = <h3 class="variante1">|</h3>
7 = TEXT
7.current = 1
7.insertData = 1
7.fontTag = <h4 class="variante2">|</h4>
}
Im Page TSconfig müssen die Felder dann sichtbar gemacht und benannt werden:
TCEFORM.tt_content.header_layout {
addItems.6 = Name1
addItems.7 = Name2
}
fluid_styled_content (Ab TYPO3 7.6)
Als erstes muss ein weiterer partialRootPath angelegt und im TypoScript-Setup hinterlegt werden. Die Zahl 30 im Codebeispiel ist frei gewählt. Es sollte eine Zahl größer als 10 verwendet werden.
Der erste Codeblock bezieht sich auf TYPO3 7 LTS, der zweite auf TYPO3 8 LTS, hier hat sich die Bezeichnung des Objekts geändert.
## Für TYPO3 7 LTS
lib.fluidContent {
partialRootPaths {
30 = fileadmin/ext/fluid_styled_content/Resources/Private/Partials/
}
}
## Für TYPO3 8 LTS
lib.contentElement {
partialRootPaths {
30 = fileadmin/ext/fluid_styled_content/Resources/Private/Partials/
}
}
In dem hinterlegten Pfad muss nun der Ordner Header erstellt werden. Anschließend wird die Datei
typo3/sysext/fluid_styled_content/Resources/Private/Partials/Header/Header.html
in den Ordner Header kopiert.
Neue Überschriften können nun in der Datei Header.html durch hinzufügen eines neuen Cases angelegt werden:
<html xmlns:f="http://typo3.org/ns/TYPO3/CMS/Fluid/ViewHelpers" data-namespace-typo3-fluid="true">
<f:switch expression="{layout}">
<f:case value="1">
<h1><f:link.typolink parameter="{link}">{header}</f:link.typolink></h1>
</f:case>
...
<f:case value="7">
<h3 class="variante1"><f:link.typolink parameter="{link}">{header}</f:link.typolink></h3>
</f:case>
<f:case value="100">
<f:comment> -- do not show header -- </f:comment>
</f:case>
<f:case default="true">
<f:if condition="{default}">
<f:render partial="Header/Header" arguments="{
header: header,
layout: default,
link: link}" />
</f:if>
</f:case>
</f:switch>
</html>
Im Page TSconfig werden die Felder dann benannt und sichtbar gemacht:
TCEFORM.tt_content.header_layout {
addItems.7 = Neue Überschrift
}