Contao 3 Grundkurs

Seitenlayout erstellen

Testen Sie unsere 1957 Kurse

10 Tage kostenlos!

Jetzt testen Alle Abonnements anzeigen
Nach Erstellung eines Themes legen Sie darin ein Seitenlayout an. Sie lernen wichtige Parameter für die Definition des Seitenlayouts kennen und stellen im Startpunkt der Webseite ein, dass dieses Seitenlayout genutzt werden soll.
03:28

Transkript

Ich habe in Contao den Startpunkt einer Webseite erstellt, dem untergeordnet eine Startseite erstellt und jetzt sagt Contao im Frontend "No Layout specified". Also machen wir ein Layout. Layouts finden wir in der Rubrik Layout unter Themes. Und um überhaupt erst mal ein Layout anlegen zu können, brauchen wir ein neues Theme. Wir legen also ein neues Thema an und das nenne ich relaix-01. Autor bin ich selber. Und die weiteren Einstellungen interessieren mich auch erst mal nicht. Ich will endlich mein Layout haben und etwas auf der Seite sehen. Layouts oder genauer gesagt Seiten-Layouts können Sie über dieses Icon verwalten. Ich klick da mal drauf und hier sage ich: Neues Layout. Ich komme dann in die Eingabemaske für ein Layout und gebe hier zum Beispiel ein: Screen. Jetzt kann ich hier angeben, wie der Grundaufbau der Seite aussehen soll. Also Kopfzeile, Fußzeile oder beides. Wenn ich beides angebe, kann ich hier angeben, wie hoch jeweils die beiden Bereiche sein sollen. Nehmen wir mal 150 für die Kopfzeile, 50 für die Fußzeile. Das Gleiche auch für Spalten. Wir nehmen mal hier ein klassisches Bild, also eine linke Spalte. Wie breit soll die sein? Sagen wir 240 Pixel. Die restlichen Einstellungen lassen wir zunächst einmal so, geben hier unten nur noch an, es soll ein statisches Layout sein, und die Ausrichtung soll zentriert sein. Speichern und Schließen. Damit haben wir ein Layout erstellt, im Frontend aber sieht es nach wie vor so aus, dass wir die Meldung bekommen "No layout specified" Der Grund ist der, man kann viele Layouts anlegen. Ich kann über diesen Button hier so viele Layouts anlegen, wie ich möchte. Wobei das Ziel sein sollte, mit möglichst wenig Layouts auszukommen, aber theoretisch ist das möglich. Ich muss nun eine Verbindung zwischen der Seite, die ich erstellt habe und diesem Layout schaffen und das geht über die Seitenstruktur. Ich klicke hier mal auf den Startpunkt der Webseite. und kann jetzt in den Layouteinstellungen angeben, Ein Layout zuweisen. Welches? Das Layout Screen. Hätten wir jetzt hier mehrere Layouts könnten wir die entsprechend auswählen. Ich speichere den Datensatz jetzt und jetzt ist Folgendes passiert; Das Seitenlayout ist dem Startpunkt zugewiesen und alle dem untergeordneten Seiten werden dann diese Information erben und auch dieses Seitenlayout verwenden. Prinzipiell kann ich auf diese Weise jede Seite mit einem anderen Seitenlayout verknüpfen, so dass ich also sehr flexibel bin in der Art und Weise wie bestimmte Seiten aussehen sollen. Was sagt nun Contao im Frontend dazu? Juhu. Nichts mehr. Wir sehen eine weiße Seite und das ist im Grunde eine gute Nachricht, denn Contao hat nichts mehr zu meckern. Wir haben nur noch nichts geschrieben und deshalb kann man auf der Seite erst mal nichts sehen.

Contao 3 Grundkurs

Lernen Sie die Grundidee des Content Management Systems Contao 3 kennen und machen Sie sich mit den Möglichkeiten der Inhaltsdarstellung bis hin zum komplexen Webauftritt vertraut.

6 Std. 34 min (102 Videos)
Derzeit sind keine Feedbacks vorhanden...
 

Dieser Online-Kurs ist als Download und als Streaming-Video verfügbar. Die gute Nachricht: Sie müssen sich nicht entscheiden - sobald Sie das Training erwerben, erhalten Sie Zugang zu beiden Optionen!

Der Download ermöglicht Ihnen die Offline-Nutzung des Trainings und bietet die Vorteile einer benutzerfreundlichen Abspielumgebung. Wenn Sie an verschiedenen Computern arbeiten, oder nicht den ganzen Kurs auf einmal herunterladen möchten, loggen Sie sich auf dieser Seite ein, um alle Videos des Trainings als Streaming-Video anzusehen.

Wir hoffen, dass Sie viel Freude und Erfolg mit diesem Video-Training haben werden. Falls Sie irgendwelche Fragen haben, zögern Sie nicht uns zu kontaktieren!