Die Detailseite („Inhaltsseite“) ist der Standard-Seitentyp. Ihr Zweck ist die übersichtliche und strukturierte Darstellung von Informationen, Fakten und komplexen Inhalten für die verschiedenen Zielgruppen der LMU. Optional kann hier noch ein Bild hinterlegt werden. Auf dieser Seite zeigen wir Ihnen Beispiele der Absatzmodule.
Tipp
Alle Anleitungen zur Nutzung der Module finden Sie im WCMS Wiki
Dieses Modul ist das wichtigste Modul auf Detailseiten, um ausführliche und strukturierte Informationen darzustellen.
Um den Text gut zu strukturieren und schneller und leichter erfassbar zu machen.
Sie haben auch die Möglichkeit, den Text zu formatieren, indem Sie Texte fetten oder kursiv stellen. Oder hoch oder tief stellen.
Besonders wichtige Informationen können Sie mit der integrierten Infobox hervorheben
Zum Beispiel können Sie einen Interner Link auf eine Seite innerhalb Ihres Webauftritts setzen. Dabei können Sie auch einen konkreten Absatz auswählen, auf den Sie verlinken oder auch auf die andere Sprachversion der Seite. Dies ist hilfreich, falls Sie zum Beispiel eine Seite nur in einer Sprache vorhanden haben.
Falls Sie auf Websites außerhalb Ihres eigenen Webauftritts verlinken, können Sie den Externer Link verwenden. Hier sollte sich ein neues Browserfenster öffnen, sodass Ihre Nutzenden verstehen, dass Sie Ihren Webauftritt nun verlassen.
Außerdem können Sie auch aus dem normalen Fließtext heraus Links auf Dateien wie PDFs (PDF, 9 KB) setzen oder direkt auf Datenquellen wie Newsartikel oder Eventartikel oder einzelne Personenkontaktseiten.
© LMU
Das Bild ist optional und kann links oder rechts ausgerichtet werden.
Tipp: Falls Sie mehrere Bilder im Text verwenden wollen, so teilen Sie den Text auf mehrere Standardmodule auf.
Der Teaser ist optional. Sie können ihn verwenden, um auf Seiten zu verlinken, die besonders relevant sind und die Ihre Besucherinnen und Besucher schnell finden sollen. Genauso können Sie auch auf Datensätze (Personenseiten, News-, Eventseiten) sowie Downloads (z.B. PDFs) im Teaser verlinken. Eine weitere Variante ist der Videoteaser, bei dem Sie ein Youtube, Vimeo oder LMUcast verlinken können.
Teaser können, links oder rechts platziert werden. Eine abwechselnde Gestaltung von untereinander angelegten Standardmodulen mit Bildern oder Teasern (links, rechts, links) kann auflockern, wirken. Bei mehr als 3 Standardmodulen dieser Art kann dies aber auch schnell unruhig wirken.
Tipp: Falls Sie mehrere Teaser im Text verwenden wollen, so teilen Sie den Text auf mehrere Standardmodule auf.
Die Ankündigung gibt es in drei verschiedenen Varianten: Information, Hinweis und Warnung. Sie können Sie nutzen, um den normalen Lesefluss zu unterbrechen und um mit unterschiedlicher Intensität auf Besonderheiten hinzuweisen.
Die hier gezeigte Variante der Information ist dabei am unauffälligsten und ist nur ein zusätzlicher Hinweis, der sich relativ gut in das restliche Design der Website einfügt. und so auch längerfristig auf der Website vorhanden sein kann.
Die Ankündigung in der Variante Hinweis ist schon deutlicher und kann zum Beispiel genutzt werden, um auf typische Fehler bei einem Anmeldeprozess hinzuweisen. Sie weicht vom restlichen Design ab und sollte daher nur in wohlüberlegten Fällen dauerhaft auf Websites eingesetzt werden.
Die Ankündigung in der Variante Warnung stört das restliche Design der Seite deutlich. Sie sollte nur für sehr kritische Hinweise genutzt werden, wie zum Beispiel der unerwartete Ausfall einer Vorlesung. Sie sollte im Regelfall nur temporär verwendet werden.
Die Ankündigung in der Variante „Fragezeichen“ fügt sich dezent in das Design der Seite ein und eignet sich besonders für unterstützende und erklärende Hinweise. Das Icon signalisiert, dass hier Hilfestellungen oder weiterführende Informationen zu finden sind z.B. Service- oder Supporthinweise, Kontaktinformationen oder Hilfetexte.
... nur bei Bedarf (wenn man darauf klickt) die genaueren Details darzustellen.
Dies ist immer dann sinnvoll, wenn nicht alle Detailinformationen für alle Besucherinnen Ihrer Webseite gleichermaßen relevant sind und die Besucherinnen sich so gezielt die Details zu den Themen anschauen können, die sie betreffen.
Typisches Anwendungsbeispiel: Häufige Fragen (FAQs)
Jedes Element braucht eine Überschrift, die immer sichtbar ist.
Jedes Element muss einen Text enthalten, der nach dem Aufklappen sichtbar wird.
Im Dialog zu Bearbeitung der Akkordeon-Elemente werden diese in einer Liste dargestellt. Bei Mouseover erscheinen Icons, u.a. ein Drag&Drop Icon sowie Pfeile nach oben oder unten. Mit diesen Steuerelementen lässt sich die Reihenfolge im Akkordeon ändern.
Jedes Element braucht eine Überschrift, die immer sichtbar ist.
Akkordeons können auch ohne Überschrift verwendet werden und so an einen Standardinhalt gehängt werden um...
...darstellen zu können
Hier können Sie beliebig viele Links setzen und diese zwei- oder dreispaltig darstellen lassen. Sie können dabei verschiedene Arten der Verlinkung verwenden (siehe Beispiele)
| Tabellenkopf:... | ..kann oben oder links eingestellt werden |
|---|---|
| Tabellen sind nicht für mobile Endgeräte optimiert und nur bei richtiger Anwendung barrierefrei! | Jede Spalte braucht eine Überschrift |
| im Zweifelsfall lieber keine Tabellen verwenden. Lieber Listen oder Steckbriefe | In jeder Zelle muss Text stehen |
| Tabellen dürfen nur für tabellarische Daten verwendet werden, nicht zur Anordnung von Texten auf einer Seite | Verschmelzen Sie keine Zeilen, da diese dann nicht mehr barrierefrei sind! |
Hier können Sie Video- oder Audiofiles, die von YouTube, Vimeo oder von LMUcast gehostet werden, einbinden. Das Modul funktioniert sowohl auf der Übersichtsseite als auch auf der Detailseite. Rechtlich notwendige Datenschutzinformationen werden automatisch eingeblendet.
3:33 | 28.11.2022 | ©LMU
Sie können auch direkt ein LMUcast Playlist einbinden, bei der alle Videos übersichtlich angezeigt werden. Da der Inhalt einer Playlist in der Regel sehr umfangreich ist, lohnt es sich in der Regel hierfür eine gesonderte Detailseite anzulegen. Ein Beispiel einer Playlist des CAS haben wir Ihnen hier verlinkt.
Dieses Module ermöglicht es große Bilder und Grafiken komplett darzustellen.
Für Screenshots für Anleitungen, ist dieses Format ebenfalls geeignet. Verwenden Sie dann die Einstellung "Flexibles Bildformat" und "Originalauflösung verwenden"
| Name | Telefon | Raum | Funktion | |
|---|---|---|---|---|
| Gast, Georg | ken.zahl@lmu.de | 089/000002 | A 030 | Analyst |
| Max, Mustermann | max.mustermann@example.com | 08912345 | Mustertätigkeit |
Erweitern Sie Ihr Wissen im Umgang mit der Publikation von Webinhalten
In FirstSpirit steht ein neues Absatzmodul für wichtige Ankündigungen bereit - ab sofort kann man auf allen Seitentypen mit diesem einen wichtigen, besonders hervorgehobenen Hinweis für dringende Ankündigungen erstellen!
Es können Webformulare in FirstSpirit integriert werden um einfache und strukturierte Abfragen von Informationen zu erfassen und an eine Mailadresse schicken zu lassen. Hierfür sind gesonderte Rechte notwendig, die Sie über den zentralen Support erhalten können.
Da Webformulare meist sehr umfangreich sind, lohnt es sich in der Regel diese auf eine gesonderte Detailseite auszulagern. Wir verlinken Ihnen hier ein Beispielformular
Die LMU hat das Ressourcenbuchungstool Anny lizensiert. Buchungen für Veranstaltungen, Sprechstundentermine, Arbeitstische in Räumen, Ressourcen die ausgeliehen werden können, können Sie über Anny organisieren. Eine Anny-Buchung können Sie mit dem FirstSpirit Anny Widget auf einer Seite einbetten.
Da Annybuchungen visuell meist sehr umfangreich sind, lohnt es sich in der Regel hierfür eine gesonderte Detailseite anzulegen. Wir haben Ihnen hier ein Beispiel einer Annybuchung auf den Seiten des IT-Servicedesk verlinkt.