News mit tt_news
Ein kleines Tutorial zu der wirklich umfangreichen Extension tt_news. Hier eine Schritt für Schritt Anleitung zum Einbauen in die eigene Webseite ohne Anspruch auf vollständige Erklärung der Extension, die noch weit mehr zu bieten hat als hier beschrieben.
Wichtig war mir, dass auch Anfänger hiermit schnell zurecht kommen, ohne TypoScript zu schreiben.
Auch zu empfehlen: Offizielle Dokumentation tt_news
tt_news installieren
Durch den Extension Manager installieren und auch die beiden Dialoge auf den Folgeseiten bestätigen. Gerade die Updates in der Datenbank: Hier kann man alles erst einmal bei den default Einstellungen belassen.
Ordner für Newsmeldungen anlegen
Am besten an einer zentralen Stelle einen sogenannten SysOrdner anlegen (funktioniert wie das Anlegen einer Seite) und bei "enthält Erweiterung: News" einstellen (dann stimmt auch das Icon des Ordners).
Seiten für News anlegen
Am einfachsten ist es, eine News-Seite anzulegen für die Übersicht und eine Unterseite (als "nicht im Menü"!) für die Detailansicht der einzelnen News.
News Plugin einfügen
Das Newsplugin ist ein normales Contentelement und erscheint separat in der Liste. Dieses muss in beiden Seiten, der News-Übersicht und der News-Detailseite eingefügt werden.
News Plugin einstellen
In der News-Übersichtsseite sind drei Einstellungen zu machen im Plugin (nach dem Einfügen):
- Ansicht: LIST (gibt Übersichtsliste aus)
- Ausgangspunkt: News-Ordner auswählen (SysOrdner)
- Seite für Newsdetails auswählen
News Plugin einstellen für Singleansicht
Punkt 1. und 2. wie oben nur statt "LIST" "SINGLE"
Template Einstellungen
Ohne diese Einstellungen geht gar nichts: Im Haupttemplate der ganzen Seite (empfohlen) oder auch in einem Untertemplate muss ein Template (CSS-based tmpl (tt_news)) für die Ausgabe der News als "static" eingebunden werden. Dies regelt via TypoScript die ganze Ausgabe der News.
Ich empfehle das CSS Template, nicht das tabellenbasierte (table-based tmpl), Vorteile sind klar.
Das Template zum stylen (default CSS-styles (tt_news)) kann man mal zusätzlich zum andere Template ausprobieren, es stülpt nur ein Design über. Hier sieht man, wieviel Eingriff man via css auf das Aussehen der News noch hat.
Anlegen der ersten News
Jetzt müsste alles soweit stehen und wir können die erste News anlegen:
Am besten über "Liste" in den News SysOrdner gehen und einen neuen Datensatz anlegen (kleines Icon oben), dann das Element "News" auswählen.
Innerhalb eines Newselements ist eigentlich fast alles selbst erklärend (ähnlich wie ein normales Contentelement mit einigen Zusatzfunktionen).
Hurra, FERTIG!
