Contao Tutorial – Grundlagen (Teil 2)

Heute zeige ich euch wie man nach der Installation eine Seite in Contao erstellt.

1. Layout ⇒ Templates
Hier finden sich nur Grundlagendateien für 404, Suche oder Module

2. Layout ⇒ Seitenstruktur

• Beim ersten mal klicken auf Neue Seite anlegen wird Baumwurzel Contao Open Source CMS erstellt.
• Danach Neue Seite anlegen ⇒ Seitentyp: Startpunkt einer Webseite (somit Webseitenroot) + Seite veröffentlichen
• Danach Neue Seite anlegen ⇒ auf kleines oranges Symbol “In Seite einfügen” (neben Webseitenroot-Seite) ⇒ Seitentyp: Reguläre Seite
• Danach Neue Seite anlegen ⇒ weitere Seiten anlegen

3.1 Layout ⇒ Themes

• Klicken auf Neues Theme und den Theme-Ordner angeben. Befinden sich im Ordner /themes.
• Theme kann Unterthemes enthalten z.B. für Startseite, Unterseite usw. (analog zu Page-Templates in Wordpress).
• Auf Viereck-Symbol “Die Seitenlayouts bearbeiten” klicken ⇒ Neues Layout ⇒ Standardlayout (analog Backend-Layouts in Typo3)
  ⇒ nur in diesen Bereichen können Module reingepackt werden, hat auch Einfluß aufs Frontend-Layout.
• Einstellungsmöglichkeiten: Header, Footer, Spalten-Layout, Module einbinden

3.2 Module erstellen

• Auf Käfer “Frontend-Module des Themes bearbeiten” klicken ⇒ Neues Modul ⇒ Navigationsmenü
• Einstellungen: Startlevel = erste Ebene, Stoplevel = letzte Ebene.
• Frontend-Module des Themes bearbeiten ⇒ Neues Modul ⇒ Headerbild als Zufallsbild
• Frontend-Module des Themes bearbeiten ⇒ Neues Modul ⇒ Breadcrump als Navigationspfad
• Standardlayout bearbeiten ⇒ unter Eingebundene Module diese dem Layout hinzufügen und festlegen wo

4. Layout ⇒ Seitenstruktur

• Seite bearbeiten ⇒ Ein Layout zuweisen ⇒ Seitenlayout wählen

5. Inhalte ⇒ Artikel

• Neuer Artikel (unter Startseite) ⇒ oranges Symbol In Seite einfügen. Danach werden Kopfdaten des Artikel erschaffen.
• Dann Artikel bearbeiten ⇒ Neues Element (beliebig oft)

6. Layout ⇒ Themes

• Theme ⇒ Die Stylesheets des Themes bearbeiten ⇒ Neues Stylesheet
• Dort lassen sich auch über das CMS, CSS-Befehle anlegen.
• Layout bearbeiten ⇒ Stylesheets (Stylesheet dem Layout zuweisen)