Zum Inhalt springen

css_styled_content nach eigenem Template?

Erstellt am 14. August 2015 · 1 Antwort · letzte Antwort am 16. August 2015

Tags: Frage

Rene2015 ·

Hallo!

Ich habe ein eigenes Template erstellt und eingebunden:

page = PAGE

page.10 = TEMPLATE
page.10 {
template = FILE
template.file = fileadmin/template/start.html
}
page.stylesheet = fileadmin/template/style.css

Kein Problem. Wird gut angezeigt.

Danach sollen die Inhalte des css_styled_content zu sehen sein. Wie kann ich das einbinden?
Ich kann es zwar einzeln einbinden: z.B. page.20 <styles.content.getLeft
Aber wie bekomme ich den ganzen Inhalt mit Spalten hinein?

casi-g ·

Du legst in deinem HTML Template entweder Marker / Subparts an und kannst diese dann über Typoscript zuweisen.

Oder du arbeitest mit FLUIDTEMPLATES und Variablen, was ich dir rate, da das zukunftsorientiert ist und auch viele Möglichkeiten, wie z.B. IF Conditions im Template mit sich bringt.

Das bindest du z.B. so an:

page.10 = FLUIDTEMPLATE 
page.10 {
  file = fileadmin/template/start.html
  partialRootPath = fileadmin/templates/partials/
  layoutRootPath = fileadmin/templates/layouts/
  
  variables {
    #variabeln namen müssen natürlich nicht left, content, right, border sein können auch anders sein
    left < styles.content.getLeft
    content < styles.content.get
    right < styles.content.getRight
    border < styles.content.getBorder
  }
}

in deinem HTML kannst du diese dann so anbinden und mit CSS gestaltest du dir dann deine Seite. CSS Styled Content hat nur CSS für die einzelnen Elemente an sich. Das css_styled_content Template musst du in deinem Typoscript Template unter dem Reiter "Enthält/Contains" mit einbinden. Der Aufbau deiner HTML ist flexibel von dir zu erstellen.

<div class="left">{left}</div>
<div class="content">{content}</div>
<div class="right">{right}</div>
<div class="border">{border}</div>