9.2 CSS-Styles in den Seitenkopf einbinden

Problem

Sie wollen die Layoutformatierungen durch die Verwendung von CSS von den eigentlichen Inhalten trennen. Dazu müssen Sie Referenzen auf CSS-Dateien oder CSS-Deklarationen in den Kopf Ihrer Website einbinden.

Lösung

Mit der Eigenschaft includeCSS können Sie beliebig viele Stylesheet-Dateien einbinden:

page = PAGE
page {
  includeCSS {
   default = fileadmin/styles/default.css
   content = fileadmin/styles/content.css
  }
}

Als Eigenschaften für includeCSS können Sie mehrere beliebige selbst definierte Bezeichnungen wählen. Diesen wird als Wert jeweils der Pfad zu einer Datei zugewiesen. TYPO3 erzeugt dann für jede dieser Dateien einen entsprechenden Output im Head-Bereich der (X)HTML-Ausgabe.

<link rel="stylesheet" ...

Get TYPO3 Kochbuch now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.