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
}

 

Aktualisiert: 05.10.2018