Seiten- und Backend-Layouts

Es können verschiedene Seitentypen aktiviert werden, die unterschiedliche Möglichkeiten bieten. Die Layouts können in jeder Seite ausgewählt werden und nach unten weiter vererbt werden. 

Seite: bearbeiten > Reiter: Erscheinungsbild > Backend-Layout (nur für diese Seite)/Backend-Layout (für Unterseiten dieser Seite)

  • Theme Goetheanum: Startpage
    Layout ohne Breadcrumb ansonsten gleich wie "Theme Goetheanum: Subpage". Es können eine beliebige Anzahl von Container und darin enthaltene Struktur- und Inhalts-Elemente erzeugt werden.
  • Theme Goetheanum: Subpage
    Layout mit Breadcrumb und vollen Funktionsumfang.
  • Theme Goetheanum: Subpage mit Integrierten Container
    Layout enthält schon ein integrierten Container. Es können nur noch Struktur- und Inhalts-Elemente einfügen.
  • Theme Goetheanum: Subpage mit Integrierten Container & Row
    Layout mit integrierten Container und einspaltiger Row. Somit können mit diesem Layout direkt Typo3 Inhalte abgefüllt werden, ohne zuvor ein Struktur-Element anlegen zu müssen.
    Dieses Backend-Layout eignet sich am besten um alte Seiten in das neue Theme zu portieren.
  • Theme Goetheanum: Statische Inhalt
    Dieses Layout ist nur für statische Inhalte wie z.B. Footer-, Impressum-Texte.
  • Theme Goetheanum: Teaser/Landing-Page (ohne Menü, Footer)
    Layout ohne Menü, Header, Breadcrumb, Footer, Impressumbar. Ansonsten bietet dieses Layout den kompletten Funktionsumfang von dem Layout Startpage. Dieses Layout eignet sich vor allem für Landing-Pages die getrennt von der normalen Seite eingerichtet werden sollen. 

Seiten Inhaltssturktur

Strukturell erwartet Bootstrap ein Container darin mindestens eine Row (Zeile) mit beliebig vielen Columns (Spalten). Manche Seiten-Layouts haben schon ein Container bzw. Container inkl. Row/Colums. 

Container-Elemente

Default Container bietet verschiedene Funktionen: Hintergrund-Farbe, Hintergrund-Bild, Paralaxe-Effekt.

  • Container Höhe
    • Automatische Höhe (default) hier passt sich der Container automatisch der Höhe des Inhalts darin an.
    • Min. 100% Höhe des Viewport füllt min. die komplette höhe des Browser-Viewpoorts aus. Ideal für Landing-Pages, Startseite etc.
    • Container mit definierter min. Höhe stellt sicher, dass der container eine mindest Höhe hat (in Pixel, %, Em)
  • Container Inhaltsanordnung (Erläuterung)
    • Responsive Container (default) ist der i.d.R. zu wählende Inhaltsmodus. Dieser ist wie im ersten Bild rechts dargestellt der klassische Bootstrap Container. 
    • Zentrierter Container zentriert horizontal/vertikal alle Inhalte. Sinnvoll für Landing-Pages, Startseite.
    • FullSize Container (Links/Rechts 15px Abstand) nutzt die volle Breite des Browsers inkl. eines kleinen Abstandes rechts/links und ist nicht auf 1200px begrenz. 
    • FullSize Container (kein Abstand) nutzt die volle Breite des Browsers ohne Abstand.

iFrame Container bietet die Möglichkeit spezielle Hintergrunds-Content einzubinden. Beliebiger iFrame Code (z.B. Youtube, Google Maps etc.), Video oder einem Slider (OWL-Carousel) sowie optionalen Content-Overlay Möglichkeiten.

Zu den Container Beispiele