TYPO3 Standard Überschiften anpassen

In folgenden Zeilen kann man ganz einfach die von TYPO3 vorgegebenen Header H1 bis H5 seinen eigenen Bedürfnissen anpassen.

# Formatierung nach TYPO3 4.5.4
lib.stdheader.stdWrap.dataWrap = |
lib.stdheader.10.1.dataWrap = <h1>|</h1>
lib.stdheader.10.2.dataWrap = <h2>|</h2>
lib.stdheader.10.3.dataWrap = <h3>|</h3>
lib.stdheader.10.4.dataWrap = <h4>|</h4>
lib.stdheader.10.5.dataWrap = <h5>|</h5>

Falls man noch eine ältere TYPO3 Version benutzt kann man eine Änderung des Header Tags so bewerkstelligen.

lib.stdheader.stdWrap.dataWrap = |
lib.stdheader.10.1.fontTag = <h1>|</h1>
lib.stdheader.10.2.fontTag = <h2>|</h2>
lib.stdheader.10.3.fontTag = <h3>|</h3>
lib.stdheader.10.4.fontTag = <h4>|</h4>
lib.stdheader.10.5.fontTag = <h5>|</h5>

Möchte man nun als nächsten Schritt die Titel der Überschriften verändern, wird folgendes Im PageTSconfig der Rootseite eingetragen:

// Änderung der vorgegeben Header Type Titel
TCEFORM.tt_content.header_layout.altLabels  {
    0 = Default
    1 = H1
    2 = H2
    3 = H3
    4 = H4
    5 = H5
}

Falls die von TYPO3 gelieferten Header Typen nicht ausreichen, läßt sich mit einigen Zeilen abhilfe schaffen.

// TypoScript Configuration: Page TSConfig

TCEFORM.tt_content.header_layout.addItems {
  6 = H1 orange
  7 = H2 font size 300%
  8 = usw.
}

// Typoscript Setup: Root Template

lib.stdheader.10 {
  6 < lib.stdheader.10.1
  6.dataWrap = <h1 class="h1-orange">|</h1>

  7 < lib.stdheader.10.1
  7.dataWrap = <h2 class="h2-large">|</h2>
    
  8 < lib.stdheader.10.1
  8.dataWrap = <usw>|</usw>
}

Anschließend lassen sich die neuen Überschriften wie gehabt auswählen.

Weitere Header Einstellungen:

Auswahl des Default Header Types ändern:

# Typoscript Setup: Root Template

content.defaultHeaderType = 2

Header Type von der Auswahl ausschließen:

// TypoScript Configuration: Page TSConfig

TCEFORM.tt_content.header_layout {
  removeItems := addToList(0,1)
 // Diese Einstellung bewirkt das Ausblenden
 // der H1 Überschrift bei der Header Auswahl.
}