Liebe Redakteur*innen,
am Montag, den 20.01., und Dienstag, den 21.01.2025 *, führen wir Updates unserer TYPO3-Installationen auf die Version 12.4…
Das TYPO3-News-System
Anleitung
TYPO3 Selbststudium für Einsteiger
Im TYPO3 Selbststudium für Einsteiger Teil 1 lernen Sie wie das Newssystem in TYPO3 grundsätzlich aufgebaut ist und wie Sie eigene Nachrichten erstellen können. In der Übung verwenden Sie dafür ein in der Sandbox für Sie vorbereitetes System, in dem Sie neue Nachrichten hinzufügen können.
Im TYPO3 Selbststudium für Einsteiger Teil 3 kehren Sie nochmal zurück zu dieser Anleitung und erfahren mehr über das Erstellen von Newsübersichten und Detailseiten. In der Übung zu Teil 3 bauen Sie Ihre News-Seiten dann von Grund auf selbst.
Wir empfehlen, bei der Bearbeitung von Teil 3 den ersten Teil dieser Anleitung nochmal zu wiederholen. Wenn Sie die Inhalte noch präsent haben, können Sie aber natürlich auch direkt zu den Themen für Teil 3 springen.
Über die TYPO3-News-Erweiterung
Das TYPO3-News-System hilft Ihnen dabei, aktuelle Mitteilungen zentral zu verwalten und gezielt auf Ihrer Website zu präsentieren – mit einem System, das sich nach einmaliger Einrichtung einfach pflegen lässt und sogar einen RSS-Feed für externe Nutzung bereitstellt.
In der Anleitung erfahren Sie Schritt für Schritt, wie Sie Seitenstruktur und Inhalte richtig anlegen, damit Ihre News professionell, übersichtlich und vielseitig dargestellt werden.
Verwendung:
- Für aktuelle Informationen, die mit der Zeit an Relevanz verlieren
Im Gegensatz zu anderen Informationen auf Ihrer Webseite, die dauerhaft von Interesse sind, handelt es sich bei den News um aktuelle Mitteilungen, die einer stetigen Dynamik unterliegen. In der Regel werden die News daher chronologisch in absteigender Reihenfolge aufgelistet, so dass neuere Nachrichten die alten nach und nach verdrängen.
- Mit Archivdatum und Ablaufdatum
Steuern Sie schon beim Anlegen Ihrer Nachrichten, ab wann diese „nur“ noch über das Archiv der älteren Nachrichten auffindbar sind und ab welchem Zeitpunkt sie gar nicht mehr angezeigt werden, weil sie dann einfach für niemanden mehr relevant sind. So halten Sie Ihre aktuellen Mitteilungen für die Lesenden übersichtlich und interessant. Denn nichts ist schließlich so alt, wie die Neuigkeit von gestern!
So sieht es aus
Live Ansicht des Inhaltselements
News-Artikelliste im Standardlayout
Klicken Sie auf eine Nachricht für die Detailansicht.
Wenn eine Seite oder ein Inhaltselement im Backend gelöscht wird, bekommt dieses erst einmal nur eine Markierung und verschwindet aus Ihrer Ansicht.…
So funktioniert es
Das Prinzip
Das Grundprinzip besteht darin, dass jede Nachricht nur einmal erfasst wird – an einem zentralen Ort – und anschließend automatisch an mehreren Stellen im passenden Layout ausgegeben werden kann.
Ihre Nachrichten werden auch im RSS-Format (Rich Site Summary) bereitgestellt. Dadurch ist es möglich, Ihren Newsfeed (vom englischen „to feed“ – im Sinne von versorgen, füttern, liefern) in jede andere Website zu integrieren, auch außerhalb der RPTU-Websites. Darüber hinaus können Interessierte den RSS-Kanal abonnieren und werden so stets über neue Nachrichten informiert.
Damit dieses System funktioniert, benötigen Sie diese zentralen Komponenten:
Übersichtsseite (Seite)
Diese Seite zeigt eine Sammlung aktueller Meldungen mit Titel und ggf. einem Teasertext. Außerdem wird aus dieser Seite automatisch der RSS-Feed generiert.
Wenn hier auf eine Nachricht aus der Liste geklickt wird, öffnet sich die vollständige Nachricht entweder direkt auf der Übersichtsseite (anstelle der Newsliste) oder in einer neuen Seite speziell für die Detailansicht.
Detailansicht (Seite)
Wenn Sie die einzelnen Meldungen in einer eigenen Seite anzeigen lassen möchten, legen Sie dafür eine Detailansichtsseite an. Hier legen Sie das grundsätzliche Layout fest, in dem eine einzelne Nachricht angezeigt werden soll.
Die eigentliche Nachricht wird später automatisch eingefügt. Sie müssen also nicht für jede einzelne Nachricht eine eigene Seite erstellen.
Datenquelle (Systemordner)
In einem sogenannten Systemordner speichern Sie alle Nachrichten zentral. Die Übersichts- und Detailseiten greifen über das News-Plugin (s.u.) auf diese Datenquelle zu und stellen die Inhalte automatisch dar.
Nachrichten (Datensatz)
Die Nachrichten (News) werden mit Nachrichtentext, -titel und gerne auch einem Bild sowie weiteren Eigenschaften der Nachricht jeweils als einzelner Datensatz im News-Ordner (Datenquelle) gespeichert.
News-Plugin (verwendet in Inhaltselementen)
Das News-Plugin ist integraler Bestandteil der für das Nachrichtensystem verwendeten Inhaltselemente. Es stellt die Verbindung zu den anderen schon genannten Komponenten her.
Sie platzieren eine News-Artikelliste (oder ein anderes Nachrichtensystem-Inhaltselement) auf Ihrer Webseite und legen in den Plugin-Einstellungen fest, wo die Nachrichten gespeichert sind und wie diese auf der jeweiligen Seite dargestellt werden sollen.
Schritt für Schritt
Bebilderte Anleitung
News-System in TYPO3
Schritt 1: Seitenstruktur anlegen
Bevor Sie Inhalte erstellen können, müssen Sie eine sinnvolle Seitenstruktur im TYPO3-Seitenbaum anlegen. Diese Struktur bildet die Grundlage für die spätere Darstellung und Verwaltung der Nachrichten.
- Übersichtsseite ("Newsliste")
Hier wird später ein Inhaltselement vom Typ News-Artikelliste eingefügt, das eine Übersicht aller veröffentlichten Nachrichten zeigt.
Sie können natürlich auch eine bereits vorhandene Seite verwenden, z.B. Ihre Startseite, Aktuelles o.ä.
Typ: Normale Seite
- Detailansicht ("Newsdetail")
Hier wird später ein Inhaltselement vom Typ Detailansicht eingefügt, das jeweils eine einzelne Nachricht vollständig darstellt.
Die Seite wird im Menü ausgeblendet. Deaktivieren Sie dazu in den Seiteneigenschaften unter „Zugriff“ die Option „Seite in Menüs aktiviert“.
Beachten Sie bei der Platzierung im Seitenbaum, dass die URL dieser Seite ausschlaggebend dafür ist, welche URL die einzelnen Newsmeldungen erhalten werden.
Typ: Normale Seite, im Menü ausgeblendet
- Nachrichtenordner ("News")
Ein spezieller Ordner zur Ablage aller Nachrichten-Datensätze. Am besten legen Sie unterhalb des Nachrichtenordners Ordner für einzelne Jahre an. So lassen sich in der Zukunft leicht alte Nachrichten entfernen.
Typ: Ordner
Vereinfachtes Setup
In einem vereinfachten Setup können Sie auf eine separate Detailansicht-Seite verzichten. Beim Klick auf eine Nachricht in der Newsübersicht, wird die vollständige Nachricht dann direkt auf der Übersichtsseite anstelle der vorher angezeigten Newsübersicht geöffnet. Dieses Vorgehen kommt insbesondere dann infrage, wenn auf Ihrer Übersichtsseite außer der Newsübersicht nur wenige andere Inhalte vorhanden sind.
Falls Sie eine Newsübersicht z.B. auf Ihrer Startseite neben zahlreichen anderen Inhaltselementen platzieren möchten, empfiehlt sich hingegen die Verwendung einer Detail-Seite zur Anzeige der jeweiligen vollständigen Nachricht. So wird die einzelne Nachricht in einer neuen Seite geöffnet, deren Layout Sie gezielt als News-Ansicht gestalten können.
Beispiel
Ihre Seitenstruktur könnte nun wie folgt aussehen:
- Startseite
- Unterseite 1
- Unterseite 2
- Seite “Newsliste”
- Seite “Newsdetail” (im einfachen Setup nicht erforderlich)
- Ordner „Storage“
- Ordner 1
- Ordner 2
- Ordner “News”
- 2025
- 2026
Schritt 2: Nachrichteninhalte erstellen
Nachdem Sie die Struktur angelegt haben, können Sie Nachrichteninhalte erstellen. Diese Inhalte werden später im Frontend angezeigt.
- Wechseln Sie in das Modul Web > Liste, navigieren Sie zum Ordner News, den Sie zuvor angelegt haben.
- Klicken Sie auf das +-Symbol („Neuen Datensatz erstellen“) in der oberen Leiste.
Nun haben Sie die Auswahl, was für einen Datensatz Sie erstellen möchten.
- Wählen Sie „Artikel“ unter „News system“, um einen Datensatz vom Typ „Nachrichten“ zu erstellen.
Vergeben Sie eine Überschrift und einen kurzen Teaser-Text für Ihre Nachricht.
Der Teaser-Text erscheint in der News-Übersicht und entscheidet darüber, ob Ihre Nachricht angeklickt und gelesen wird. Er sollte kurz, prägnant und leicht verständlich sein. Verwenden Sie relevante Schlüsselwörter und aktivierende Formulierungen.
Beispiele
- Studie zur Lernmotivation
Psychologie-Forschende untersuchen, wie digitale Tools das Lernen fördern. - Campuslauf am 15. Juni
Sportlich durchstarten: Der Campuslauf verbindet Fitness und Gemeinschaft. - Bewerbungsfrist für Masterprogramme
Die Frist für Masterbewerbungen endet am 15. Juli. Jetzt das passende Programm entdecken und bewerben. - Workshop: Präsentationstechniken
In 90 Minuten zu überzeugenden Vorträgen – praxisnah und kompakt.
- Geben Sie unter Archiv an, zu welchem Zeitpunkt die Nachricht nicht mehr aktuell relevant ist und daher archiviert werden soll. Sie können später entscheiden, ob bzw. an welcher Stelle auf Ihren Webseiten aktuell aktive und/oder archivierte Beiträge angezeigt werden sollen.
- Setzen Sie ggf. für Veranstaltungshinweise den Haken bei „Ist eine Veranstaltung“, um zusätzliche Felder wie „Veranstaltungsort“ oder „Veranstaltungs-Kategorie“ nutzen zu können. Sie können später entscheiden, ob bzw. an welcher Stelle auf Ihren Webseiten als Veranstaltung markierte Beiträge angezeigt bzw. nicht angezeigt werden sollen.
- Tragen Sie schließlich den Nachrichtentext ein.
Angaben für Veranstaltungen
Falls Sie die Option “Ist Veranstaltung” aktiviert haben, können Sie unter dem Nachrichtentext weitere Angaben zu Ihrer Veranstaltung vornehmen.
Unter Event location können Sie über die +-Schaltfläche ("Create new") ganz rechts einen neuen Veranstaltungsort anlegen. (Sie müssen Ihren Veranstaltungshinweis erst abspeichern, bevor Sie darin einen Veranstaltungsort anlegen können.) Der Ort-Datensatz wird dann in Ihrem Nachrichtenordner abgelegt und kann für weitere Veranstaltungen einfach unter verfügbare Objekte ausgewählt werden.
Gehen Sie in Ihren Nachrichtenordner (“News”) und wechseln Sie zum Modul Liste, um bestehende Ort-Datensätze anzuzeigen und zu bearbeiten. (Über + Datensatz erstellen können Sie im Nachrichtenordner auch unabhängig von einem News-Artikel neue Veranstaltungsorte anlegen.)
- Über das Feld Event category können Sie Ihre Nachrichten in verschiedene Veranstaltungs-Kategorien einteilen. Die verfügbaren Kategorien sind hier vorgegeben.
- Befüllen Sie die Felder: Event type, Event registration link, Event language, Event target group, Event language.
- Legen Sie falls gewünscht zusätzlich an: Event costs, More information
- Im Tab Inhaltselemente können Sie Ihre Nachricht um individuelle Inhaltselemente ergänzen, die dann unter den Inhalten der Standard-Felder (die Sie im Tab Allgemein festgelegt haben) angezeigt werden.
Solche zusätzlichen Inhaltselemente sind nur in seltenen Fällen nötig oder sinnvoll. Um die einheitliche Darstellung Ihrer Nachrichten zu erhalten, sollten Sie in der Regel mit den Standard-Feldern auskommen.
- Wechseln Sie in den Tab Medien, um Ihrer Nachricht noch ein oder mehrere Bilder hinzufügen.
- Legen Sie fest, für welche Ansichten das jeweilige Bild genutzt werden soll, für Detailansicht und/oder Listenansicht.
Beachten Sie dabei, dass Bilder in einer Listenansicht nur angezeigt werden, sofern ein entsprechendes Template-Layout gewählt wird. (siehe Schritt 3: Newsübersicht einrichten).
- Fügen Sie einen alternativen Text hinzu (Pflichtfeld).
- Falls Ihre Nachricht erst ab einem bestimmten Zeitpunkt auf der Webseite erscheinen soll, legen Sie im Tab Zugriff das Veröffentlichungsdatum fest.
Legen Sie dort außerdem ein Ablaufdatum fest, für Nachrichten, die ab einem bestimmten Zeitpunkt nicht mehr von Interesse sind. Die Nachricht wird dann automatisch zum gewählten Zeitraum deaktiviert und nirgends mehr ausgegeben.
- Bei Bedarf können Sie noch weitere Einstellungen für Ihre Nachricht zum Beispiel im Tab Kategorien vornehmen.
Durch die Nutzung von Kategorien könnten Sie dann z.B. steuern, dass auf einer Zielgruppen-Webseite nur Nachrichten für eben diese Zielgruppe angezeigt werden.
- Sobald alle Einstellungen gemacht sind, wählen Sie im oberen Menüband Speichern, um Ihren neu erstellten Nachrichtendatensatz zu speichern.
TYPO3 Selbststudium für Einsteiger Teil 1
Übung
In der Sandbox haben wir für Sie bereits ein News-System eingerichtet.
- Erstellen Sie im Ordner "News” verschiedene Nachrichten, mit und ohne Bild, als Veranstaltung, ...
- Öffnen Sie die Seite “Neuigkeiten”. Ihre Nachrichten sollten jetzt angezeigt werden.
Weiter geht's:
Schritt 3: Newsübersicht einrichten
- Öffnen Sie die Seite Newsliste im Modul Web > Seite.
- Fügen Sie ein neues Inhaltselement hinzu. Wählen Sie den Typ
- News-Artikelliste für das Standard Setup,
- News-Artikelliste (inkl. Detailansicht) für das einfache Setup.
- Wechseln Sie zum Tab Plugin.
- Geben Sie in den Einstellungen unter Archiv an, ob (auch) archivierte Nachrichten aufgelistet werden sollen.
Um Ihre Ansicht aktuell und übersichtlich zu halten, wählen Sie hier in der Regel Nur aktive (nicht archiviert).
Bei Bedarf können Sie eine weitere Übersichtsseite nur für archivierte Nachrichten erstellen.
- Geben Sie unter Ausgangspunkt den Speicherort Ihrer Nachrichten-Datensätze an.
Wählen Sie Ihren News-Ordner.
Geben Sie in das Suchfeld am besten die ID des gewünschten Newsordners ein, so gehen Sie sicher, dass Sie den richtigen Ordner verknüpfen.
- Wenn Sie eine separate Newsdetail-Seite erstellt haben, wechseln Sie zum Tab Weitere Einstellungen.
Seiten-Id für Einzelansicht: Wählen Sie Ihre Newsdetail-Seite.
- Wenn Sie eine Auswahl treffen möchten, ob in der Übersicht keine bzw. nur als Veranstaltung markierte Nachrichten angezeigt werden sollen, wechseln Sie zum Tab Eventnews.
Wählen Sie die gewünschte Veranstaltungseinschränkung aus.- Definiert in TypoScript (Standard, entspricht “Keine Einschränkung”)
- Keine Einschränkung
- Nur Veranstaltungen
- Alle außer Veranstaltungen
Wenn Sie nicht das Standard-Layout für die Newsübersicht verwenden möchten, wechseln Sie zum Tab Vorlage.
Wählen Sie ein geeignetes Template-Layout aus, um die Darstellung der Übersicht nach Ihren Wünschen zu definieren.Wie die verschieden Layouts aussehen und wofür Sie sich jeweils eignen, erfahren Sie in der Übersicht der Template-Layouts.
Für Newsübersichten verfügbare Layouts (Stand 2025):
- Listenansicht Standard
- Listenansicht ohne Bilder
- Liste nur Bilder (60%-100% Breite)
- 3er Teaser Pyramide (100% Breite)
- 3er Teaser Karten (100% Breite)
- 3er Teaser Events (100% Breite)
- Liste mit Karten Monatsansicht (100% Breite)
- Liste Events (66%-100% Breite)
- Liste klassisch mit Bild (66%-100% Breite)
- Teaser mit Titel (ohne Bild)
Schritt 4: Detailansicht einrichten
Für ein vereinfachtes Setup ohne separate Newsdetail-Seite überspringen Sie diesen Schritt.
Öffnen Sie das Modul Web > Seite und wählen Sie die Seite Newsdetail.
- Fügen Sie ein neues Inhaltselement hinzu.
Wählen Sie den Typ Detailansicht der News-Artikel.
Wenn Sie nicht das Standard-Layout für die Detailansicht verwenden möchten, wechseln Sie zum Tab Vorlage.
Wählen Sie ein geeignetes Template-Layout aus, um die Darstellung der Ansicht nach Ihren Wünschen zu definieren.Wie die verschieden Layouts aussehen und wofür Sie sich jeweils eignen, erfahren Sie in der Übersicht der Template-Layouts.
Für Detailansichten verfügbare Layouts (Stand 2025):
- Detailseite Event
- Detailseite Pressemitteilung
- Detailseite Standard
Schritt 5: Ergebnis im Frontend prüfen
TYPO3 Selbststudium für Einsteiger Teil 3
Übung
- Legen Sie eine Webseite “Newsübersicht” und einen Newsordner an.
- Erstellen Sie im Newsordner verschiedene Nachrichten, mit und ohne Bild, als Veranstaltung, ...
- Fügen Sie auf der Webseite die Überschrift “Nachrichtenübersicht” sowie eine News-Artikelliste hinzu, die die Nachrichten aus dem Newsordner auflistet und einzelne Nachrichten im Detail anzeigen kann.
- Prüfen Sie das Ergebnis im Frontend.
- Probieren Sie verschiedene Template-Layouts aus.
- Fügen Sie vor der vorhandenen News-Artikel-Liste noch mindestens 2 weitere Inhaltselemente hinzu.
- Kopieren Sie dann Ihre Webseite “Newsübersicht” und benennen Sie die Kopie um in “Projekt XY”. Ändern Sie die Überschrift entsprechend.
- Erstellen Sie eine Seite “Newsdetail” mit der Überschrift “Nachricht” sowie einer Detailansicht der News-Artikel. Verwenden Sie den gleichen Newsordner wie zuvor.
- Konfigurieren Sie die Newsübersicht auf der Seite “Projekt XY” so, dass die einzelnen News auf der Webseite “Newsdetail” angezeigt werden.
- Prüfen Sie das Ergebnis im Frontend. Erkennen Sie den Unterschied zwischen der Konfiguration mit und ohne Detailseite (Seite “Newsübersicht” vs. Seite “Projekt XY”)?
Weiter geht's:
Mehr erfahren
Relevante Informationen
Für vertiefende Informationen zur Einrichtung, Konfiguration und Anpassung des News-Systems in TYPO3 empfiehlt sich ein Blick in die offizielle Dokumentation der Erweiterung. Dort finden Sie umfassende Erläuterungen zu Datensätzen, Plugins, Templating und weiteren Funktionen:
So sehen die verschiedenen Template-Layouts des Typo3-News-Systems aus.