Startseiten mit Inhaltselementen

Einstiegsseiten (Website-Startseite, Startseiten-Ordner, Content-Startseite, Flexible zeilenbasierte Seite) können inhaltlich und gestalterisch mit Inhaltselementen (animierte Teaser und Slideshows, News und Termine, Videopalyer, eingebettete Blogs, neuste Publikationen, Textboxen u.a.) angereichert werden.

Inhaltselemente werden zuerst einzeln erstellt (s. dazu die Dokumentation zu den entsprechenden Vorlagen) und anschließend in Startseiten-Ordnern (bzw. in ähnlich funktionierenden Vorlagen Website-Startseite, Content-Startseite oder Flexible zeilenbasierte Seite) verlinkt, und zwar unter
 > Feldgruppe "Flexible Startseite (responsives Design)" > "Inhaltselemente (diese Seite)".

Die Reihenfolge der Inhaltselemente in dieser Linkliste bestimmt die Reihenfolge der Inhalte auf verschiedenen Bildschirmen.

Inhaltselemente der Startseite müssen nicht wie bisher in einem "Ordner für Inhaltselemente" liegen. So können z. B. News-, Termin- oder Medien-Ordner direkt verlinkt werden. Boxen, Slideshows und sonstige Inhaltselemente, die nicht als eigenständige Webseiten existieren, werden aber weiterhin in einem "Ordner für Inhaltselemente" abgelegt.

Sind in einem Startseiten-Ordner Inhaltselemente verlinkt, so werden die sog. "Basisdaten Institution" des Startseiten-Ordners nicht angezeigt. 

Layouts der Startseiten im responsiven Design

Gestalterische Grundlage für die Seitenaufteilung im responsiven Design ist ein 12spaltiges Layoutraster:

1/12

1/12

1/12

1/12

1/12

1/12

1/12

1/12

1/12

1/12

1/12

1/12

Im responsiven Design können Startseiten ein Standard-Layout oder ein zeilenbasiertes Layout bekommen.

Standard-Layout (7:5)

Die Startseiten im Standard-Layout haben die gleiche Seitenaufteilung wie alle anderen Webseiten d. h. sie haben einen Inhaltsbereich links und eine rechte Spalte. Die Breite des Inhaltsbereichs beträgt 7/12 und der rechten Spalte 5/12 der gesamten Breite der Webseite:

Inhaltsbereich 7/12

Rechte Spalte 5/12

Wenn im Startseiten-Ordner keine Zeilenlayouts konfiguriert sind, bekommt er ein Standard-Layout, und die verlinkten Inhaltselemente werden untereinander in einem Block im Inhaltsbereich angezeigt:

- Titel der Startseite
- Zusammenfassung der Startseite
- Inhaltselemente
- Hauptinhalt der Startseite

Zeilenbasiertes Layout

Verlinkte Inhaltselemente können auf einer Startseite auch in Zeilen angeordnet werden. In diesem Fall nehmen die Zeilen immer die volle Breite der Webseite ein, und es werden ausschließlich die verlinkten Inhaltselemente angezeigt.

Mögliche Breiten eines Inhaltselements in der Zeile sind:

• 12/12 (Zeilenlayout "12")
• 9/12 (Zeilenlayouts "9:3" und "3:9")
• 8/12 (Zeilenlayouts "8:4", "4:8")
• 6/12 (Zeilenlayouts "6:6", "6:3:3", "3:6:3", "3:3:6")
• 4/12 (Zeilenlayouts "8:4", "4:8", "4:4:4")
• 3/12 (Zeilenlayouts "9:3", "6:3:3", "3:9", "3:6:3", "3:3:6", "3:3:3:3").

12
9									3
8								4
6						6
6						3			3
4				8
4				4				4
3			9
3			6						3
3			3			6
3			3			3			3

So bedeutet z. B. die Einstellung des Zeilenlayouts "12", dass nur ein Inhaltselement in der Zeile erscheint, und zwar in der vollen Breite der Webseite. Die Einstellung "8:4" bewirkt, dass zwei Inhaltselemente in der Zeile angezeigt werden. Das erste hat die Breite 2/3 der Seitenbreite, das zweite 1/3. Bei der Einstellung "3:3:3:3" werden vier gleich große Inhaltselemente nebeneinander angezeigt.

Die Reihenfolge der Inhaltselemente bleibt auf allen Endgeräten gleich, die Anzahl von Inhaltselementen in einer Zeile variiert abhängig von der Bildschirmgröße.

Konfiguration der Zeilenlayouts

Das Layout der Zeilen kann man im Startseiten-Ordner (Website-Ordner und Content-Startseite analog) unter
 > Feldgruppe "Flexible Startseite" > "Flexible Startseite: 1. Zeile" (bis "Flexible Startseite: 12. Zeile")
definieren.

Pro Zeile kann die gewünschte Aufteilung der Zeile bzw. die Breite von Inhaltselementen ausgewählt werden. Die maximale Breite eines Inhaltselements ist 12/12 der Seitenbreite.

Unterstützte Inhaltselemente:

Inhaltselemente	Zeilenbasiertes Layout	Standard-Layout: Inhaltsbereich	Standard-Layout: Rechte Spalte
Aufmacher-Box	Ja	-	Ja
Aufmacherliste	-	Ja	-
Aufmacherliste Karussell	Ja	-	-
Banner-Bild	Ja	-	Ja
Banner-Text	Ja	-	Ja
Bildergalerie	Ja	Ja	Ja
Externe Dienste	Ja	Ja	Ja
FAQ-Liste	Ja	Ja	-
iFrame-Ordner	Ja	Ja	-
Institutions-Dokument	Ja	Ja	Ja
Medien-Ordner	Ja	Ja	Ja
Mitarbeiter/innen-Ordner	-	Ja	-
News-Ordner	Ja	Ja	Ja
Primo-Suchschlitz	Ja	Ja	Ja
RSS-Box	Ja	Ja	Ja
Slideshow	Ja	Ja	-
Standard-Dokument	Ja	Ja	-
Termin-Ordner	Ja	Ja	Ja
Text-Box	Ja	Ja	Ja
Vorgestellt-Box	Ja	-	Ja
Vorgestellt-Box animiert	Ja	-	-