Beispiel für eine Inhaltsseite
Die Inhaltsseite dient dazu, weiterführende Informationen und Details zu präsentieren. Sie unterscheidet sich von den übrigen Seiten vor allem durch eine flexible Anordnung von Texten und bietet zusätzliche Elemente, die auf übergeordneten Themenseiten nicht verfügbar sind wie zum Beispiel:
- Textbox inline ohne Rand
- aufklappbare Elemente
- Mail-Formulare
- Veranstaltungsbuchung
- Video-Box
- Stine-Box
Den Hauptinhalt kann man mit dem Editor formatieren
Aufzählungen mit Zahlen
- Punkt 1
- Punkt 2
- ...
Aufzählungen mit Punkten
- Punkt 1
- Punkt 2
- ...
Bilder
Tabellen
| Spalte 1 | Spalte 2 | Spalte 3 |
| Zeile 1 | weiteres Feld | und noch ein Feld |
Inhalt
Direkteinstieg (Max. 10 Links)
Absprung-Cluster (maximal 5 Links)
Teaser 280 Zeichen in einem Absatz und ohne Verlinkungen im Text. So viel Text passt hier noch hin: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ri.
Foto: UHH
Textbox (Inline, ohne Rand)
Überschrift (H2)
Hier können
- Texte,
- Bilder,
- Aufzählungen
- und Tabellen
eingefügt werden.
Zwischenüberschrift (H3)
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. Verlinkung im Text. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.
Zwischenüberschrift (H3)
Bei Bildern in der Textbox muss der Alt-Text erneut eingegeben werden. Und zwar beim Einfügen des Bildes in dem Feld "Alternativ" über dem Link für das Bild.
Klappbox-Frame
Aufklappbares Inhaltselement 3
Bei Bildern, die im Hauptinhalt eingefügt werden, muss der Alt-Text nochmal doppelt eingegeben werden, nicht nur in der Bilddatei selbst, sondern auch hier beim Einfügen.
Kachel-Cluster mit Bildern
Hier können bis zu 9 Kacheln erstellt werden. Optional: Teaser-Text bis zu 500 Zeichen in einem Block ohne Absätze und ohne Verlinkungen im Text! Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate ege:
Kachel-Cluster
Hier können bis zu 9 Kacheln erstellt werden. Optional: Teaser-Text bis zu 500 Zeichen in einem Block ohne Absätze und ohne Verlinkungen im Text! So viel Text passt hier noch hin: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringil.
Einfachteaser groß (Outro)
Foto: UHH
Teaser-Text mit maximal 550 Zeichen.
Hier kann man auch Absätze machen.
Verlinkungen im Text sind aber nicht möglich.
Dafür ein Button zu einer Unterseite oder mit einer E-Mail-Adresse.
Für einen E-Mail-Button nutzt man "mailto:" beim Linkziel: mailto:online-redaktion@uni-hamburg.de
Button mit LinkEinfachteaser groß – Bild und Text vertauscht
Foto: UHH
Teaser-Text mit maximal 550 Zeichen.
Hier kann man auch Absätze machen.
Bild und Text können auch vertauscht werden, sodass zwei Einfachteaser untereinander mehr Abwechslung bieten.
Ein farbiger Hintergrund für dieses Element ist ebenfalls möglich und bringt Abwechslung ins Layout.
Button mit LinkSlider (Foto/Video)
Max. 10 Slides mit Fotos oder Videos. Optional: Teasertext mit 370 Zeichen in einem Absatz ohne Verlinkungen im Text. Hier bleibt noch Platz für so viel Text: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebu.
Foto: UHH
Video-Box
Hier kann eine Headline stehen
Über den Hauptinhalt der Video-Box kann unterhalb eines Videos noch ein formatierter Text platziert werden.
News-Slider (Feed)
Foto: UHH/RRZ, MCC
9. Mai 2025|BetriebVeranstaltungskalender upgegraded
Am 9.05.2025 wurde der Veranstaltungskalender www.vk.uni-hamburg.de auf einen neuen Server mit der aktualisierten OS-Version umgezogen. Die Einbindung in Fiona und die Auslieferung von Veranstaltungsdaten bleiben bestehen.
Foto: UHH/RRZ, MCC
12. April 2025|WartungBetriebsunterbrechung Fiona-Backend am 13.04.2025
Am 13.04.2025 werden auf den Fiona-Backend-Servern sicherheitskritische Änderungen eingespielt, deswegen werden sie von ca 10:30 und 12:00 zeitweise nicht erreichbar sein. Die Auslieferung der Webseiten ist davon nicht betroffen.
Foto: UHH/RRZ
1. April 2025|StörungBehoben: Fehler in der Stine-Box
Update vom 2.4: die Störunge wurde behoben
Ursprüngliche Meldung vom 1.4.:
Durch eine Umstellung der Stine-Webseite können zur Zeit die Stine-Boxen in FIONA nicht dargestellt werden. Am Problem wird aktuell gearbeitet.
Foto: UHH/RRZ
29. Oktober 2024|WartungBehoben: Erneut fehlerhafte Linkbezeichnung beim Erstellen von Links beim TinyMCE
Am 29.10.2024 gegen 17 Uhr wurde ein Patch eingespielt, der den in Chrome/Edge wieder aufgetauchten Fehler mit dem Einfügen von Links in TinyMCE behoben hat.
Der Fehler bestand darin, dass bei Chrome (und seinem Fork Edge) beim Öffnen eines neuen Fensters, in dem man das Linkziel eingibt, der Fokus verloren ging, deswegen...
Foto: UHH/RRZ
26. August 2024|StörungErneut fehlerhafte Linkbezeichnung beim Erstellen von Links beim TinyMCE
Der in der Chrome-/Edge-Version 125.0 zuerst aufgetauchte und in den Chrome- (126.0.6478.62) und Edge- (126.0.2592.56) Versionen behobene Fehler beim Einfügen von Links in Fiona über den TinyMCE-Editor ist mit den heute veröffentlichten letzten Chrome- (128.0.6613.85) /Edge- (128.0.2739.42) Versionen leider wieder...
Foto: UHH/RRZ
27. Mai 2024|StörungBehoben: Fehlerhafte Linkbezeichnung beim Erstellen von Links beim TinyMCE
Update vom 17.06.2024:
mit den aktuellen Chrome- (126.0.6478.62) und Edge- (126.0.2592.56) Versionen wurde das Problem behoben
---
Es gibt neuerdings häufig Probleme beim Einfügen von Links in Fiona über den TinyMCE-Editor.
Wir haben das Problem näher einkreisen können: bei der neuesten Chrome-/Edge-Version 125.0 (Edge ist...
Container für Tab-Teaser
Mit dem Editor formatierbar
- Aufzählung 1
- Aufzählung 2
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
| Tabelle | Spalte 1 | Spalte 2 | Spalte 3 |
| Zeile 1 | |||
| Zeile 2 |
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
Anmeldeformular für Newsletter
Veranstaltungsbuchung
- Zeitpunkt: am17.07.2027von18:00bis22:00 Uhr
Dies ist ein fiktiver Termin
Mail-Formular
Stine-Box
Container für Kontaktboxen (Max. 2)
Kontakt
Auch bei Kontakten gibt es einen Hauptinhalt, der frei formatierbar ist. Hier kann man z.B. Sprechzeiten angeben.