News Kategorie Liste

Mit diesem Element ist es möglich, News-Einträge nach bestimmten Kategorien zu filtern. Die Kategorien selbst können individuell definiert werden. Es können entweder News-Einträge aller Kategorien oder einer spezifisch ausgewählten angezeigt werden.

Hinweise: Das Element sollte vom logischen Seitenaufbau her immer oberhalb des Plug-Ins Nachrichtenartikel-Liste positioniert werden. Die Kategorisierung ist nur auf einer Ebene umsetzbar, d.h. es gibt keine Unterkategorien (z.B. Forschung → Quantenphysik). Es kann alternativ mit einem grauen Hintergrund dargestellt werden.

Anleitung News Kategorie Liste

Event-Monatsansicht

Mithilfe dieses Elements können Nachrichten und Events in einer Kalender-Monatsansicht dargestellt werden. Wenn im aktuell angezeigten Monat News-Einträge vorhanden sind, werden diese im Kalenderfeld blau hervorgehoben und darunter als einfache Liste ausgespielt. Die Monate können per Pfeil nach links oder rechts durchsucht werden. Zur genauen Datenabfrage steht aber auch eine Erweiterte Suche zur Verfügung, in der man nach spezifischen Suchbegriffen, Datum, Kategorien und Veranstaltungsorten suchen kann.

Hinweise: Das Element kann alternativ mit einem grauen Hintergrund dargestellt werden.

Anleitung Event-Monatsansicht

Event-Monatsansicht Beispiel

  • August 2025
MDMDFSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

Veranstaltungssuche

Nach oben

Liste der Nachrichtenartikel

Dieses Element

 

Hinweise: Das Element kann alternativ mit einem grauen Hintergrund dargestellt werden.

Anleitung Liste der Nachrichtenartikel

Nachrichtenartikel-Liste (inkl. Detailansicht)

Dieses Element ermöglicht die Darstellung von News-Einträgen auf einer Website. Diese können in zwei unterschiedlichen Varianten angezeigt werden: in Form von speziellen News-Teasern in einem mehrspaltigen Layout (Standard) oder als einfache Liste. Bei der ersten Variante können bis zu drei News-Einträge - jeweils mit Bild, Datum, Kategorie, Autor*in, Titel und einem kurzen Text (max. 150 Zeichen vor “…”) - in einer Zeile nebeneinander abgebildet werden. Bei Variante zwei werden die News-Einträge untereinander in Listenform präsentiert - jeweils mit Datum, Titel und kurzem Text. Die Anzahl der Einträge pro Seite und deren Sortierung (z.B. nach Datum) lässt sich manuell einstellen. Bei mehreren Seiten lässt sich optional eine Paginierung einblenden.

Wichtig: Detailansicht von News-Einträgen

Die Detailansicht ist hier bereits inkludiert und muss nicht wie bisher separat angelegt und zugewiesen werden. Bei Bedark kann sie aber auch wie bisher separat angelegt werden. Sie bietet einen fix vordefinierten Header-Bereich (grauer Hintergrund) mit Datum, Kategorie, Autor*in, Titel, Untertitel und einem Bild. Darunter können alle Inhaltselemente genutzt werden, um die Inhalte der entsprechenden News-Meldung flexibel darzustellen. Hier einige Beispiele:

Hinweise: Die News-Einträge selbst werden im TYPO3-Backend in einem eigenen Ordner gesammelt. Das Element kann entweder Einträge aus einem oder mehreren ausgewählten Ordnern anzeigen oder von einer oder mehreren Kategorien. Einzelne News-Einträgen können auch mehrere Kategorien zugewiesen werden. In der mobilen Ansicht werden die News-Meldungen untereinander dargestellt. Das Element kann alternativ mit einem grauen Hintergrund dargestellt werden.

Anleitung Nachrichtenartikel-Liste (inkl. Detailansicht)

Vorlage News simpel / Vorlage News komplex

Nachrichtenartikel-Liste (inkl. Detailansicht), Standard, 1 Zeile, mit Paginierung

News-Eintrag komplex (Elemente-Mix)

Kategorie 2 | Europa | Studium | Universum | Wissenschaft

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna (max. 150 Zeichen)

Copyright

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.

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.

Zwischenüberschrift (H2)

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.

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.

Zwischenüberschrift (H2)

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.

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.

Galerie & Slider

  • Copyright
  • Copyright
  • Copyright
  • Copyright

    Nachrichtenartikel-Liste (inkl. Detailansicht), Standard, 2 Zeilen, ohne Paginierung

    News-Eintrag komplex (Elemente-Mix)

    Kategorie 2 | Europa | Studium | Universum | Wissenschaft

    Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna (max. 150 Zeichen)

    Copyright

    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.

    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.

    Zwischenüberschrift (H2)

    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.

    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.

    Zwischenüberschrift (H2)

    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.

    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.

    Galerie & Slider

    • Copyright
    • Copyright
    • Copyright
    • Copyright

      Nachrichtenartikel-Liste (inkl. Detailansicht), 1 Zeile, mit Paginierung, mit News Kategorie Liste

      Nach oben

      Nachrichtenartikel-Liste (inkl. Detailansicht), Einfache Liste, ohne Paginierung

      News-Eintrag komplex (Elemente-Mix)

      Kategorie 2 | Europa | Studium | Universum | Wissenschaft

      Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna (max. 150 Zeichen)

      Copyright

      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.

      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.

      Zwischenüberschrift (H2)

      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.

      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.

      Zwischenüberschrift (H2)

      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.

      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.

      Galerie & Slider

      • Copyright
      • Copyright
      • Copyright
      • Copyright