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


Youtube-Videos

Das Einbinden von Youtube-Videos ist einfach, weil Youtube sich um alle technischen Details im Hintergrund kümmert.

Wir kopieren nur den Teilen-Code und setzen ihn ein.

Nur Code kopieren und einsetzen