Dokumentation Template 3.0

Seitenelement: Intro-Box

Der hellblaue Einstiegsbereich ist das erste Seitenelement jeder Seite mit Überschrift und Teaser (Vorspann).

Ziehen Sie einfach Ihr Browser-Fenster auf die Größe eines Smartphones oder Tablets, um zu testen, wie ein Element in der mobilen Ansicht mit dem Smartphone oder auf dem Tablet aussieht.

Intro-Box (Pflichtelement)

 Layout der Webseiten (c)
Layout der Webseiten

Das Intro-Element ist ein Bereich mit hellblauem Hintergrund als einheitlicher Seitenbeginn jeder Uni-Stuttgart-Seite (abgesehen von der Startseite). Es enthält eine Dachzeile, eine Überschrift und den Vorspann der Seite, also die Zusammenfassung der zentralen Informationen genau dieser Seite.

  • Layout: Volle Breite = 12 (das heißt, wir können dieses Element nur in die Layout-Variante „volle Breite“ einfügen)
  • Position: immer direkt unter dem Header
 Varianten Introboxen (c)
Varianten Introboxen
  • nur Text
  • Text und kreisförmiges Bild, links im Kreis (Informationen zum Zuschneiden des Bildes lesen Sie in der Doku zu den Mitarbeiter-Datensätzen)
  • Text und Link, rechts im schwarzen oder weißen Kreis
Spezial-Variante: Veranstaltungen (c)
Spezial-Variante: Veranstaltungen
  • für Veranstaltungs-Detailseiten: Text und Datumsstempel (links)
  • wird bei der Veranstaltungs-Detailseite automatisch generiert
Spezial-Variante: Mitarbeiter (c)
Spezial-Variante: Mitarbeiter
  • für Mitarbeiter-Detailseiten: Text und kreisförmiges Porträtfoto (optional) der Person (links)
  • wird bei der Mitarbeiter-Detailseite automatisch generiert

Für Webauftritte von Instituten und Fakultäten darf statt der blauen die farbneutrale Variante der Introboxen zum Einsatz kommen. Die Entscheidung, ob blau oder farbneutral, gilt jeweils für den kompletten Webauftritt – also alle Seiten innerhalb der jeweiligen Domain, eingeschlossen die Detailseiten.

Bedingungen

  • Die Einstellung führt das OpenCms-Team durch.
  • Institute müssen sicherstellen, dass ihre Grafiken in ausreichender Auflösung vorliegen. Ist das nicht der Fall, dürfen sie nicht die graue Variante verwenden.
  • Die Auswahl der farbneutralen Version mit breitem Bild oder der mit kleinem Bild gilt für komplette Seitenbäume. Eine Auswahl für einzelne Containerseiten ist nicht möglich.
  • Es ist nicht erlaubt, auf der Startseite eine farbneutrale Version ohne Bild zu verwenden. Startseiten müssen entweder mit einer blauen Introbox, dem großen Slider, einem Bild in voller Breite oder der farbneutralen Introbox mit Bild anfangen.

Farbneutrale Version mit breitem Bild

In der Höhe der blauen Introbox gibt es ein Bild, darunter einen grauen Streifen mit optionaler Dachzeile, verpflichtendem Titel und verpflichtendem Teasertext.

Farbneutrale Version mit kleinem Bild

Eine alternative Variante der farbneutralen Introbox ist mit kleinem (rechteckigem) Bild möglich. Die Höhe entspricht allen anderen Introboxen. Gibt es keine Skalierungsangaben, verwendet das Bild die Proportionen der hochgeladenen Datei. Beliebige Rechteckformen sind also möglich.
Diese Konfiguration ist ebenfalls nur durch OpenCms-Admins steuerbar. Es wird empfohlen, auch bei der Version mit breitem Bild diese Variante mit kleinem Bild für die Team- bzw. Personenseiten zu beantragen.

Farbneutrale Version ohne Bild

Ist kein Bild vorhanden, erscheint statt des blauen ein grauer Balken. Damit ist mit Positionierung und Höhe ein Wiedererkennungswert gegeben und dem Anspruch einzelner Institute Rechnung getragen, zu ihren Grafiken eine neutrale Farbsprache zu erhalten.

Farbneutrale Version für Veranstaltungen

Die farbneutrale Version für Veranstaltungen entspricht bis auf die Farbe der blauen Variante.

Erweiterte Introboxen-Regeln (PDF)

Im Intro-Element steht eine knackige Zusammenfassung des Inhalts der Seite, so dass alle, die auf der Seite landen, gleich sehen, ob diese Seite für sie relevant/informativ sein könnte oder nicht. Die Überschrift ist gleichzeitig der Seitentitel im Browser und bei Google-Suchanfragen. Der Teaser ist der Text, der als Description (Beschreibung) auf der Suchergebnisseite angezeigt wird.

Außerdem sind die wichtigsten Keywords enthalten, nach denen potenzielle Leserinnen und Leser dieser Seite vermutlich in Suchmaschinen suchen. Es lohnt sich also besonders, wenn wir etwas Zeit ins Texten dieses Inhalts investieren.

Eingabefelder in OpenCms:

  • Dachzeile (optional): maximal 80 Zeichen inklusive Leerzeichen
  • Überschrift (Pflicht): maximal 50 Zeichen inklusive Leerzeichen
  • Vorspann (Pflicht): maximal 160 Zeichen inklusive Leerzeichen
  • Bild (optional), Bildtitel, Copyrightangabe und Beschreibung
  • Link auf eine andere interne Webseite, ein PDF oder ähnliches (optional)
    • Linktext, der im Intro-Element-Kreis lesbar und anklickbar ist
    • URL der verlinkten Website, Dateiname des verlinkten PDF, …

Support vom Webteam

 

TIK - NFL - Webteam

Allmandring 3a, 70550 Stuttgart, Holzbaracke

Zum Seitenanfang