Unterschied Layout und Template / Wie Template oder Layout einer Seite zuweisen

Druckbare Version

31.08.2018, 09:18
Hardworker

Unterschied Layout und Template / Wie Template oder Layout einer Seite zuweisen

Hallo,

ich verstehe auch nach längerer Nutzung von Contao immer noch nicht, was der Unterschied zwischen einem Layout und einem Template ist.

Soviel ich weiß, beinhaltet ein Theme die Gesamtheit des Aussehens incl. CSS. Ich habe gelesen, dass ein Template das Aussehen einer Seite bestimmt, aber was ist dann ein Layout? Wo sehe ich, welches Template/Layout einer Seite zugewiesen ist? Hat ein Theme ein Default-Template/Layout?

Kann ich einer einzelnen Seite einer Homepage durch ein separates Template/Layout eine andere Struktur als den anderen Seiten geben? Falls ja, wo ändere ich das Template/Layout und wie weise ich das der Seite zu?

Ich weiß, das sind Grundlagenfragen, aber alle Infos, die ich mir erlesen habe, haben mich da nicht weiter gebracht.

Grüße
31.08.2018, 10:13
Stefko

Zitat:

Zitat von Hardworker

Soviel ich weiß, beinhaltet ein Theme die Gesamtheit des Aussehens incl. CSS.

Im Prinzip ja.
Du hast min ein Theme. Dieses besteht wieder aus min. einem Seitenlayout (meist mehr) und dieses gibt wieder n*Templates aus.

Zitat:

Ich habe gelesen, dass ein Template das Aussehen einer Seite bestimmt, aber was ist dann ein Layout?

Vorsicht, mir scheint hier wird Site (die komplette Website) und Seite (eine einzelne Seite) durcheinander gewürfelt.

Zitat:

Wo sehe ich, welches Template/Layout einer Seite zugewiesen ist?

Welches Seitenlayout einer Seite zugewiesen ist siehst Du unter Layout -> Seitenstruktur -> die fragliche Seite

Wie Du oben schon schriebst, ein Theme enthält alles nötige zur Darstellung einer Seite.
Ein Theme enthält dann mindestens ein Seitenlayout. In den Layouts wird die Struktur der Seite(n) festgelegt. Also Header/Footer, Spalten, welche CSS und JS geladen werden, welche Frontentmodule (Suche, Navi, Mobile Navi, Artikel, ...). Und auch wo im Layout sie dargestellt werden (Header, Main, Footer, Spalte)
Jeder Seite muss ein Seitenlayout zugewiesen sein. Nutzt Du nur eines, geht das über den Seitenstartpunkt mit Layout Vererbung an die Unterseiten. Häufig ist es aber so, dass man mehrere Seitenlayouts verwendet. ZB. weil die Startseite noch keine Breadcrumb-Navi hat, dann bekommt die Startseite ein eigenes Layout, bei dem die Breadcrumb in den Frontendmodulen fehlt.

Wie nun zB die Breadcrumb ausgegeben wird, kannst man über die Templates bestimmen. Dies gilt für alle (Frontend)Module. Jedes Modul bringt (min) ein Template mit. Wenn gewünscht und reines CSS nicht mehr ausreicht, kannst Du dieses Template über Layout -> Templates in Deinen eigenen Templates Ordner kopieren (dadurch bleibt es Update sicher) und dort entsprechend anpassen, zB die Reihenfolge wie Dinge angezeigt werden.

Nun klarer?
Du hast also immer min ein Theme, welches wieder min ein (meist mehr) Seitenlayout enthält. Das Erscheinungsbild (oder auch PHP Logik) der einzelnen Module (Inhaltselemente) in einem Layout, kannst Du wieder über die Templates anpassen (wenn nötig)
31.08.2018, 10:22
xchs

Weiterführende Informationen zu diesem Thema findest Du u. a. auch im Buch "Websites erstellen mit Contao" von Peter Müller.
31.08.2018, 10:44
Hardworker

Zitat:

Zitat von Stefko

Im Prinzip ja.
Du hast min ein Theme. Dieses besteht wieder aus min. einem Seitenlayout (meist mehr) und dieses gibt wieder n*Templates aus.

Vorsicht, mir scheint hier wird Site (die komplette Website) und Seite (eine einzelne Seite) durcheinander gewürfelt.

Welches Seitenlayout einer Seite zugewiesen ist siehst Du unter Layout -> Seitenstruktur -> die fragliche Seite

Wie Du oben schon schriebst, ein Theme enthält alles nötige zur Darstellung einer Seite.
Ein Theme enthält dann mindestens ein Seitenlayout. In den Layouts wird die Struktur der Seite(n) festgelegt. Also Header/Footer, Spalten, welche CSS und JS geladen werden, welche Frontentmodule (Suche, Navi, Mobile Navi, Artikel, ...). Und auch wo im Layout sie dargestellt werden (Header, Main, Footer, Spalte)
Jeder Seite muss ein Seitenlayout zugewiesen sein. Nutzt Du nur eines, geht das über den Seitenstartpunkt mit Layout Vererbung an die Unterseiten. Häufig ist es aber so, dass man mehrere Seitenlayouts verwendet. ZB. weil die Startseite noch keine Breadcrumb-Navi hat, dann bekommt die Startseite ein eigenes Layout, bei dem die Breadcrumb in den Frontendmodulen fehlt.

Wie nun zB die Breadcrumb ausgegeben wird, kannst man über die Templates bestimmen. Dies gilt für alle (Frontend)Module. Jedes Modul bringt (min) ein Template mit. Wenn gewünscht und reines CSS nicht mehr ausreicht, kannst Du dieses Template über Layout -> Templates in Deinen eigenen Templates Ordner kopieren (dadurch bleibt es Update sicher) und dort entsprechend anpassen, zB die Reihenfolge wie Dinge angezeigt werden.

Nun klarer?
Du hast also immer min ein Theme, welches wieder min ein (meist mehr) Seitenlayout enthält. Das Erscheinungsbild (oder auch PHP Logik) der einzelnen Module (Inhaltselemente) in einem Layout, kannst Du wieder über die Templates anpassen (wenn nötig)

Danke für die ausführliche Erklärung. Das heisst, das Layout bestimmt, wo etwas ausgegeben wird. Das Template bestimmt, wie etwas ausgegeben wird.
Eine weitere Frage:
Wenn ich einer einzelnen Seite (z.B. der Startseite) ein separates Seitenlayout zuweisen, z.B. mit drei Spalten, wo lege ich fest in welche Spalte ein Artikel eingefügt wird?
Kann ich ein bestehendes Seitenlayout einfach kopieren, abändern und einer Seite zuweisen?

Grüße
31.08.2018, 10:54
Stefko

Liste der Anhänge anzeigen (Anzahl: 2)

Zitat:

Zitat von Hardworker

Wenn ich einer einzelnen Seite (z.B. der Startseite) ein separates Seitenlayout zuweisen, z.B. mit drei Spalten, wo lege ich fest in welche Spalte ein Artikel eingefügt wird?

Zum einen schon im Seitenlayout selbst, zB wenn Du eine Eventliste in der rechten Spalte ausgeben möchtest.
Anhang 21284

Bei den Einstellungen eins Artikels kannst Du auch festlegen wo dieser erscheinen soll
Anhang 21285

Zitat:

Kann ich ein bestehendes Seitenlayout einfach kopieren, abändern und einer Seite zuweisen?

Klar, kopieren, abändern und dann unter Layout -> Seitenstruktur -> bei der betreffenden Seite -> Bearbeiten und dieses neue Layout auswählen.
31.08.2018, 10:59
Hardworker

Super, danke. Ich werd's am heute Nachmittag mal ausprobieren.
Wenn ich später oder morgen weitere Fragen habe, liest Du die dann?
31.08.2018, 11:02
Stefko

Zitat:

Zitat von Hardworker

Wenn ich später oder morgen weitere Fragen habe, liest Du die dann?

Die aktuelle Lesewahrscheinlichkeit liegt bei ca 90% ;)

Gesendet von iPhone mit Tapatalk Pro
31.08.2018, 18:44
Hardworker

Liste der Anhänge anzeigen (Anzahl: 5)

Hallo,

ich wieder.

Habe es mit Deiner Hilfe geschafft, ein separates Layout anzulegen.
Das Layout ist 3-spaltig, die linke und die rechte Spalte werden aber beide rechts angezeigt. Kannst Du helfen?
Siehe die Screenshots mit den Einstellungen und der Ausgabe. Der Frontend-Helper zeigt auch 'Linke Spalte' auf der rechten Seite an.
Browseransicht: Anhang 21290
Browseransicht mit Frontend-Helper: Anhang 21289
Seitenstruktur: Anhang 21288
Layout 1: Anhang 21291 Layout2: Anhang 21292

Wäre super, wenn Du mir nochmal helfen könntest.

Grüße
31.08.2018, 21:00
tab

Da fehlt wohl das passende CSS, weil es für das sonst verwendete Layout nicht gebraucht wird. Kannst ja mal versuchen, im Seitenlayout das Layoutbuilder-CSS zu aktivieren.