Hallo!
Zur Zeit setze ich mein erstes Projekt mit Contao um, dafür habe ich mich für Foundation als Css Framework entschieden.
Für das Grid setzt Foundation - wie andere Gridsysteme auch "rows" vorraus:
Code:
row
- hero unit (twelve columns)
row
- teaser (four columns)
- teaser (four columns)
- teaser (four columns)
row
- some other stuff (twelve columns)
Wie setzt man dies am besten mit Contao um?
Da ich keine "Eigener HTML" Code Inhaltselemente in den Artikeln möchte (zu unsicher), tendiere ich zu einem Aufbau wie folgt:
Eigene Layoutbereiche binde ich in der fe_page selbst ein.
Code:
header
body
- Eigener Layoutbereich Hero Unit (.row)
- mod_article HeroUnit (.twelve .columns)
- Eigener Layoutbereich Teaser
- mod_article TeaserLeft (.four .columns)
- Inhaltselement Bild <-- Wichtig, ich möchte hier ein Inhaltselement, kein mit TinyMCE erzeugtes Bild (figure tag und einstellungsmöglichkeiten für laien)
- mod-article TeaserMiddle
...
footer
Was haltet ihr davon? Ich habe nun auf jeden fall 4 Artikel unter der Startseite im Backend, finde ich aber nicht weiter schlimm.
Zur Frage bewegt mich die Tatsache, dass die offizielle Contao Seite das Grid auf der Ebene der Inhaltselemente erzeugt, was natürlich geht da es die Voraussetzung für '.row' Elemente nicht gibt. Bilder werden mit CSS gesetzt, und sind nicht so leicht über da Backend konfigurierbar. Ich möchte mich aber an Konvention halten und nicht unbedingt mit Layoutbereichen jonglieren (auch wenn's es im Moment gut funktioniert).
Gibt es eine Möglichkeit das Layout mit nur einem Artikel zu realisieren und ein - Entschuldigung - idiotensicheres Backend zu erzeugen - ich habe mir den Kopf zerbrochen und komme einfach nicht drauf...
Viele Grüße, Kruemel
Noch ein kleines Ascii bild vom Layout:
Code:
--------------
Hero Unit
--------------
T1 | T2 | T3
--------------
Stuff