Lerne ein TYPO3 V9 Template zu programmieren

Wir installieren den Extension Builder über den Extension Manage und ich gehe ganz kurz auf die Oberfläche ein. Für eine ausführlichere Erläuterung, empfehle ich dir meinen Einsteigerkurs: "Extensionentwicklung mit Typo3 CMS V8.7.x" auf Udemy.

Wir erstellen unsere Extension indem wir alle Metainformationen eintragen, 3 Frontend Plugins registrieren und die tt_content Tabelle für unseren BxSlider erweitern.

Nachdem wir die Extension modelliert haben, werden wir sie mit dem Extension Manager installieren, einen Rootknoten erstellen mit einem Seitentemplate und binden dort unsere StaticTS ein.

Wir schauen uns in der TYPO3 Dokumentation das PAGE Objekt an und gehen die wichtigsten Eigenschaften durch.

Die Eigenschaft: config des PAGE Objekts ist so umfangreich und wichtig, dass ich es dir in einer separaten Lektion vorstellen möchte.

Hier lernst du die PAGE Objekt Eigenschaft: meta kennen.

Wir erstellen ein PAGE Objekt für die Frontendausgabe der Webseite.

Wir erstellen den config Teil des PAGE Objektes

Wir erstellen den meta Teil des PAGE Objektes

In dieser Lektion erstellen wir den wichtigsten Teil innerhalb des PAGE - Objektes für unseres Seitentemplate. Wir erstellen innerhalb der Ausgabenummern ein FLUIDTEMPLATE Objekt, welcher das Seitentemplate inklusiver aller Inhalte zur Anzeige bringen wird.

Wir erstellen die 3 Startordner: Layouts, Templates und Partials für die View.

Wir werden alle benötigten CSS und JS Dateien einbinden.

In dieser Lektion wollen wir die Template-Datei erstellen, damit wir endlich eine fehlerfreie Frontendausgabe bekommen.

In dieser Lektion wollen wir die Templatedatei vervollständigen.

Wir erstellen die Partialdateien die wir in der Templatedatei eingebunden haben.

Du lernst wie man in Fluid TypoScript Objekte einbindet und diesem Objekt Variablen übergibt.

In dieser Lektion lernst du, wie du mit Hilfe von TypoScript die Inhaltselemente der aktuellen Seite einer spezifischen Inhaltsspalte auslesen kannst.

In dieser Lektion lernst du, wie du mit Backend Layouts neue Inhaltsspalten erstellen kannst.

Wir erstellen im TYPO3 Backend die TYPO3 Seiten für die Hauptnavigation.

Damit die Hauptnavigation in der View erreichbar ist, muss man diese im TypoScript der View übergeben und das lernst du in dieser Lektion.

Du lernst wie du die Hauptnavigation in der View einbindest.

Wir erstellen im TYPO3 Backend die TYPO3 Seiten für die Unternavigation.

Damit die Unternavigation in der View erreichbar ist, muss man diese im TypoScript der View übergeben und das lernst du in dieser Lektion.

Du lernst wie du die Hauptnavigation in der View einbindest.

Du lernst den Konstanten Editor im Backend kennen.

Wir schauen uns die constants.ts Datei an und wie man die gruppieren erreicht.

In dieser Lektion lernst du, wie du das PAGE Objekt im Konstanten Editor auslagern kannst und somit Redakteuren die Möglichkeit gibst, ohne Programmierkenntnisse Einfluss auf das Template zu nehmen.

In dieser Lektion werden wir die die Header und Footer Styles, die wir im Konstanten Editor ändern können, auch tatsächlich steuern lernen.

In dieser Lektion lernst du die Section Frames in TYPO3 kennen und welchen Einfluß diese auf den HTML Code haben.

In dieser Lektion lernst du, wie du eigene Section Frames hinzufügen kannst.

In dieser Lektion lernst du die Layoutauswahl von Inhaltselementen kennen.

In dieser Lektion lernst du, wie du eigene Layouts erstellst, vorhandene umbenennst oder aus der Auswahl entfernst.

Wir erstellen eine Flexform XML Datei und definieren 2 Reiter mit jeweils 4 Elementen.

In dieser Lektion lernst du, wie du eine FlexForm in TYPO3 registrieren kannst. Darüberhinaus schauen wir uns kurz die Auswirkungen der FlexForm im TYPO3 Backend an.

Wir erstellen den Controller Teil zum Rendering des Frontend Plugins,

In dieser Lektion erstellen wir den View Teil unseres Frontend Plugins.

In dieser Lektion lernst du einen ViewHelper zu erstellen. Dieser ViewHelper wird jedes TYPO3 Inhaltselement rendern können.

Wir konfigurieren das Frontend Plugin und platzieren es als Inhaltselement.

In dieser Lektion lösen wir das Anzeigeproblem, welches wir in der Lektion 24 erkannt haben.

Wir erstellen die Flexform XML Datei und registrieren sie im TYPO3 System

Wir erstellen den Controller des Frontend Plugins.

In dieser Lektion erstellen wir den View - Teil des Accordions und implementieren hier einen neuen ViewHelper der eine bestimmte Eigenschaft aus einem Inhaltselement auslesen kann.

Du lernst wie du ein ViewHelper erstellst um den Header eines Inhaltselements auszugeben.

Wir konfigurieren und platzieren das Frontend Plugin als Inhaltselement.