9.1. Content Elemente bauen

Es gibt zahlreiche Wege Inhaltselemente in TYPO3 zu bauen. Neben einigen Extensions die dies vereinfachen, gibt es immer den nativen Weg. Dieser soll im nachfolgenden einmal erläutert werden.

9.1.1. Bestandteile

Inhaltselemente in TYPO3 bestehen aus mehreren Bestandteilen:

Datensatz im Backend

Redakteure müssen die Möglichkeit haben Inhalte im Backend anzulegen. Datensätze für Inhalte sind in der Page und List Ansicht verfügbar.

Die Datensätze müssen im TCA (=Table Configuration Array) definiert sein. Optional kann mittels PageTSconfig weiter Einfluss genommen werden.

Vorschau im Backend (optional)

Das Modul Page bietet Redakteuren eine grobe Vorschau auf die generierte Webseite, als Art Mockup. Damit dies funktioniert, kann für jedes Inhaltselement eine Vorschau generiert werden.

Wizard zum Anlegen (optional)

Um das anlegen von Inhalten zu vereinfachen, kann der Wizard von TYPO3 erweitert werden, so dass übliche Inhaltselemente schnell erstellt werden können. Die Konfiguration erfolgt per PageTSconfig.

Rendering Definition

Zum Schluss müssen die Inhalte im Frontend gerendert werden. Dies geschieht via TypoScript unter tt_content, oder per renderObj.

Template

Durch die Templateengine Fluid wird als „Rendering Definition“ nun in aller Regel FLUIDTEMPLATE verwendet. Entsprechend muss ein Fluidtemplate angelegt werden.

DataProcessing (optional)

Um Daten für die Ausgabe via Fluid aufzubereiten, können Data-Prozessoren genutzt werden. Dabei können auch eigene Prozessoren geschrieben werden. Diese werden per TypoScript eingebunden und konfiguriert.

9.1.2. Aufgabe

Ziel ist es ein neues Inhaltselement anzulegen, zunächst ein simples Element mit nur einem Eingabefeld. In dieses kann dann ein Wert eingegeben werden, z.B. eine Review-ID aus TYPO3 „59444“.

Mittels eines eigenen DataProcessor rufen wir über die API Informationen zu diesem Review ab, die URL sieht wie folgt aus: https://review.typo3.org/changes/59444/detail und liefert ein json result.

Im Frontend geben wir nun einige der Infos zum Review aus.

9.1.3. Weitere Infos

• TCA Reference als Referenz für das schreiben der Konfiguration im TCA.
• FLUIDTEMPLATE als Referenz für das schreiben der Konfiguration zum rendern des Inhaltselements.
• newContentElement.wizardItems zum konfigurieren des Wizards.
• tsconfig preview zum konfigurieren der Preview.

Allgemeine Referenzen:

• Rendering mittels Fluid
• Adding your own content elements in „Content Elements based on Fluid“.
• Templating with FLUIDTEMPLATE