News anlegen - RHRZ (RPTU)

Regionales Hochschulrechenzentrum Kaiserslautern-Landau

Nachrichten-System

Zusammenhang

News Datensätze werden im News-Ordner gesammelt und automatisch auf den Webseiten ausgegeben, auf denen das News-Plug-In konfiguriert wurde.

Darstellung der Zusammenhänge von News- Ordner, News-Plug-In und News-Detailseite. — Darstellung der Zusammenhänge von News

Ausblick

Hier wird gezeigt, wie eine News angelegt wird.

Beispielanblick einer News. Gezeigt wird ein Ausschnitt aus dem Typo3 Frontend. Der Titel lautet aktuelle Mitteilungen und unten drunter sind 2 News mit jeweils einem Bild und einem Text rechts daneben abgebildet. — Beispielanblick einer News

Anleitung

News-Ordner

Hier werden die News Datensätze alle im Nachrichten Ordner ihrer Einrichtung gesammelt.

1. Listenmodul auswählen (Es besteht auch die Option über "News Administration" zu gehen)

2. Im Seitenbaum auf den Ordner Storage klicken

3. Im Ordner Storage den Unterordner News auswählen

Beispielelement aus dem Typo3 Backend: Rote Kästen heben die Vorgehensschritte im Seitenbaum hervor. Im Seitenbaum ist eine Seite umrahmt. Unterhalb der Seite wiederum ist der Storage Ordner hervorgehoben, indem sich der News Ordner befindet. — Beispielelement aus dem Typo3 Backend: Rote Kästen heben die Vorgehensschritte im Seitenbaum hervor.

4. Im Ordner News entweder einen neuen Ordner anlegen oder auf den gewünschten Ablageordner klicken

5. Auf + drücken zum Erstellen eines neuen Datensatzes

Beispielelement aus dem Typo3 Backend: Rote Kästen heben die Vorgehensschritte zum Anlegen eines neuen Datensatzes hervor. Unterhalb des News Ordners befindet sich, rot eingerahmt, der Zielordner in dem die News angelegt werden soll. Oben in der Mitte der Abbildung ist der Plus-Button eingerahmt, der zum Erstellen eines neuen Datensatzes dient. — Beispielelement aus dem Typo3 Backend: Rote Kästen heben die Vorgehensschritte zum Anlegen eines neuen Datensatzes hervor.

6. Typ des neuen Datensatzes unter News system auswählen: Artikel

Beispielelement aus dem Typo3 Backend: Roter Kasten hebt den Bereich News system hervor.

7. Vergabe einer Überschrift, eines Teaser-Textes und eines Textes

Beispielelement aus dem Typo3 Backend: Rote Kästen heben die auszufüllenden Felder hervor. Dazu zählen die Überschrift, der Teaser-Text und der normale Text. — Beispielelement aus dem Typo3 Backend: Rote Kästen heben die auszufüllenden Felder hervor.

8. Unter dem Reiter Medien ein Bild hinzufügen (Soll z.B. ein Vorschaubild in der Listenansicht zu sehen sein, so muss dies unter "Zeige in Ansichten" ausgewählt werden.)

9. Bei Bedarf optionale Angaben (Zugriff, Kategorie, Übersetzung, E-Mail)

Speichern!

Beispielelement aus dem Typo3 Backend: Rote Kästen heben den Reiter Medien sowie den Button zum Hinzufügen einer Mediendatei hervor. — Beispielelement aus dem Typo3 Backend: Rote Kästen heben den Reiter Medien hervor.

Mehr

Möchten Sie das weitere Anpassungen durchführen, finden Sie unter News - Optionale Anpassungen eine Erklärung.

Sie befinden sich in der Selbstschulung und möchten zur Schulungsstartseite, dann klicken Sie auf TYPO3 im Selbststudium für Einsteiger Teil 1.

Sie befinden sich gerade in der Selbstschulung, dann klicken Sie auf Übung - News anlegen, um damit fortzufahren.

Start: Typo3 im Selbststudium für Einsteiger Teil 3

News-Plug-In

Nachdem eine News im Listen-Modul angelegt wurde, wird diese im Seiten-Modul als Plug-In eingebunden. Ein Plug-In ist ein Inhaltselement, das wie ein Textelement oder ein Bild auf einer Seite platziert werden kann.

10. Ins Seiten-Modul wechseln

11. Die gewünschte Seite auswählen/anlegen

12. Neues Inhaltselement anlegen

Beispielelement aus dem Typo3 Backend: Rote Kästen heben die Vorgehensschritte 10 bis 12 hervor. Links ist das Seitenmodul hervorgehoben, im Seitenbaum die Seite "News-Plug-In" und im Bearbeitungsbereich der Button zum Anlegen eines neuen Inhaltselements. — Beispielelement aus dem Typo3 Backend: Vorgehensschritte 10 bis 12 zum Anlegen eines Inhaltselements

13. Auf den Reiter Plug-Ins klicken

14. Nachrichten-System auswählen

Beispielelement aus dem Typo3 Backend: Es wir das Fenster zu auswählen eines neuen Inhaltselements angezeigt. Rote Kästen heben den Reiter Plug-Ins und das auszuwählende Element Nachrichten-System hervor. — Beispielelement aus dem Typo3 Backend: Plug-Ins Reiter und das auszuwählende Element Nachrichten-System

15. Reiter Plug-In wählen

16. Unter Ausgangspunkt die ID des News-Ordners eingeben. Hierzu mit dem Cursor über den vorher angelegten News-Ordner fahren und die ID erscheint.

Beispielelemente aus dem Typo3 Backend: Es werden 2 Bildausschnitte gezeigt, wobei der Vordere den hinteren überlappt. Im hinteren und größeren Ausschnitt wird einmal oben mittig der Reiter Plug-In hervorgehoben. Im unteren Fünftel der Abbildung ist ein weiterer roter Kasten platziert, der das Eingabefeld, betitelt mit Ausgangspunkt, hervorhebt. Dort soll die ID des News-Ordners eingetragen werden. Ein roter Pfeil verweist auf die zweite Abbildung die darstellt wie die ID des News-Ordners abgelesen werden kann. — Beispielelemente aus dem Typo3 Backend: Vorgehensschritte 15 und 16 zur ID-Eingabe

17. Unter Erscheinungsbild das Layout Standard: Weißer Hintergrund auswählen

Speichern und auf Anzeigen klicken, um die News im Frontend zu sehen.

Beispielelemente aus dem Typo3 Backend: Rote Kästen heben in der Bearbeitungsleiste den Reiter Erscheinungsbild hervor. Darunter sind die Layout-Option gezeigt. Umrahmt wurde Standard: Weißer Hintergrund. Außerdem sind die Button Speichern und Anzeigen durch Kästen hervorgehoben. — Beispielelemente aus dem Typo3 Backend: Erscheinungsbild; Layoutauswahl

Mehr

Möchten Sie das Plug-In anpassen, finden Sie unter Plug-In Erweiterungsoptionen eine Erklärung.

News-Detailseite

Wird eine Detailseite eingebunden, werden dort die News detailliert angezeigt, was einige Vorteile mit sich bringt. Hat man eine Detailseite kann man z.B. von mehreren unterschiedlichen Plugins darauf verweisen, egal wo diese liegen. Oder wenn man auf der Startseite eine kleine Newsliste eingebettet hat und würde auf diesem Plugin keine Detailseite konfigurieren, würde sich beim Anklicken einer News genau diese Seite mit allen anderen Inhalten wieder öffnen und nur an der Stelle der Liste die Details der News anzeigen. Durch die Detailseite ist man also flexibler, weil man viel mehr Lösungen bauen kann.

18. Neue Detailseite anlegen und aktivieren

19. Nachrichten-Systemelement anlegen (siehe Schritte 13 und 14)

Beispielelement aus dem Typo3 Backend: Es sind 3 rote Kästen abgebildet. Der erste Kasten umrahmt das Modul Seite oben im linken drittel des Bildes. Der zweite umrahmt mittig im Seitenbaum die Seite mit dem Titel Detailseite. Im rechten Drittel hebt der dritte Kasten das Element + Inhalt hervor. — Beispielelement aus dem Typo3 Backend: Vorgehensschritte 18 und 19 zum Anlegen einer Detailseite.

20. Auf Reiter Plug-In

21. Unter Einstellungen den Ausgabemodus wählen: Detailansicht

Achtung: Menü springt automatisch wieder auf den Reiter Allgemeines

Beispielelement aus dem Typo3 Backend: Die Abbildung zeigt sowohl die Modulleiste, als auch den Seitenbaum und die Bearbeitungsleiste, in welcher sich dir drei roten Kästen befinden. Der Obere umrahmt den Reiter Plug-In, der Kasten auf mittlerer höhe umrahmt der Reiter Einstellungen. Durch den ausgeklappten Button Ausgabemodus, wird in dessen abgebildeter Auswahlliste die Detailansicht rot umrahmt. — Beispielelement aus dem Typo3 Backend: Vorgehensschritte 20 und 21 zum Ausgabemodus Detailansicht

22. Gehe auf Erweiterungsoptionen und den Reiter Weitere Einstellungen

23. Gebe unter Seiten-ID für "Zurück"-Link die ID der Seite mit dem ersten Nachrichten-System an

Speichern!

Jetzt ist eine Detailseite erstellt, auf der die News detailiert angezeigt werden können.

Beispielelement aus dem Typo3 Backend: Es ist die Modulleiste, der Seitenbaum und die Bearbeitungsleiste abgebildet. Die drei Kästen befinden sich alle im rechten Abschnitt, also in der Bearbeitungsleiste. Der oberste Kasten umrahmt den Plug-In-Reiter. Darunter ist ein weiterer, der Weitere Einstellungen hervorhebt. Am Boden der Abbildung ist der Rahmen über dem Eingabefeld der Seiten-ID für "Zurück"-Link platziert. — Beispielelement aus dem Typo3 Backend: Rote Kästen heben die Vorgehensschritte 22 und 23 hervor.

Im nächsten Schritt wird das News-Plug-In auf die Detailseite konfiguriert, damit beim Anklicken der News lediglich die zugehörigen Details angeziegt werden.

24. Jetzt zurück zum ersten Nachrichten-System, welches in Schritt 10 angelegt wurde. Gebe unter Seiten-ID für Einzelnachrichten-Ansicht die ID der Seite mit dem zweiten Nachrichten-System an.

Speichern und Anzeigen!