Inhaltselemente
Eine Detailseite kann mit unendlich vielen unterschiedlichen Inhaltselementen aufgefüllt werden.
Später kommen dann neben den Detailseiten von Events* oder News noch die «normalen Artikel» dazu, die ganz genau gleich funtkionieren.
Merke: Wer Detailseiten von News oder Events kann, kann auch Artikel!
Je nach Inhalt benötigen wir ein anderes Inhaltselement, z. B. ein oder mehrere Textelemente, Bildergalerien, Tabellen, Akkordeons, etc. Hier werden erst mal die wichtigsten Inhaltselemente gezeigt.
* Das Event-Modul wird auf dieser Seite (noch) nciht benutzt, kann aber auf Wunsch freigeschaltet weren
Text-Elemente
In diesem Video lernst du, wie du einen langen Text in mehrere Inhaltselemente aufteilst und dadurch die Möglichkeit bekommst, den gesamten Text mit mehr als nur einem Bild zu illustrieren.
Statt 1 Text + 1 Bild => z.B. 3 Texte + 3 Bilder
Akkordeon
Akkordeon-Elemente funtkionerien praktisch gleich wie Text-Elemente -> nur werden sie unterschiedlich angezeigt. Das Akkordeon mit dem auf- und zuklappenden «Handörgeli-Effekt»
Bildergalerien Wichtig:
Wichtig
Bilder einer Galerie immer in einen Extra-Ordner legen.
Nich vergessen, Bilder für eine Galerie korrekt vorzubereiten (siehe Bild-Video)
Vorteil: beim Ändern der Bildauswahl ist das so VIEL komfortabler.
Zusätzlich kann man später einfach neue Bilder in den Galerie-Ordner legen oder andere löschen -> auf der Seite wird das dann vollautomatisch richtig angezeigt.
Tabellen
Tabellen sind im Internet eine sehr heikle Sache. In unserem CMS Contao wird das aber ganz einfach.
Wichtig: Riesite Tabellen können nciht sinnvoll angezeigt werden. Man muss immer daran denken, dass man die Seite auch auf einem Smartphone ansehen kann.
Tipp: Tabelle immer nur mit sehr wenigen Spalten und mit sehr wenig Text.
Spalten
Im Internet stehen Elemente IMMER untereinander. Wenn man Elemente in Spalten nebeneinander zeigen will, muss man ein wenig tricksen.
Element 1
Element 2
Element 3
Der Trick:
Es beginnt eine Spalte (Spaltenanfang) von z.B. 3-spaltig
Element 1 Element 2 Element 3
Hier ist die Spalte fertig (Spaltenende)
Wir können also mit einfachen Mitteln Spalten erzeugen und müssen uns nciht um den wilden technischen Hingergrund kümmern