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 anlegenSeitentyp: 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 LayoutStandardlayout (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 ModulNavigationsmenü
  • 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 bearbeitenEin Layout zuweisenSeitenlayout wählen

5. Inhalte ⇒ Artikel

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

6. Layout ⇒ Themes

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

Kontakt

Smool Webdesign
web . apps . seo

Marian Sievert
August-Bebel-Str. 27
14482 Potsdam

(0331) 273 080 44
kontakt@smool.de

Geschäftszeiten
Montag – Freitag:
9:00 – 16:00 Uhr

Termine nach Vereinbarung