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.

lib.fluidContent {
    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
}
Aktualisiert: 26.11.2016