TYPO3 Installation Version 13.4.2

Wer einen eigenen Internet Auftritt plant, stellt sich die Frage, wie die Seiten erstellt und gepflegt werden. Persönlich bevorzuge ich die Erstellung der Seiten mit einem Texteditor (Notepad++) und der direkten Codierung mit HTML, PHP und JavaScript. Alternativ bietet sich die Verwaltung mit einem Content Management System (CMS) an. Die bekanntesten Vertreter sind WordPress, Joomla, Drupal und TYPO3.

Hier wird die Installation von TYPO3 beschrieben. Mein Internet Hoster bitte eine ClickStart Installation von TYPO3 an. Leider ist die Version 11.5.12 veraltet (End-of-Live 31.10.2024). Also habe ich diese Version deinstalliert und beschreibe hier die manuelle Installation der aktuellen Version 13.4.2 (Stand 11.12.2024).

Auf der TYPO3 Homepage wird die Version 12 für existierende Projekte empfohlen und die Version 13 für neue Projekte. Für die 13er Version werden Fehlerbehebungen bis April 2026 sichergestellt, Sicherheitsupdates kommen bis Oktober 2027.

Vor der Installation von TYPO3 ist zu prüfen, ob die Anforderungen vom Hosting Dienstleister (Provider) erfüllt werden. PHP wird in den Versionen 8.2, 8.3 und 8.4 unterstützt und die Datenbank MySQL muss mindestens in der Version 8.0.17 verfügbar sein.


Hinweise


Installation im Browser starten mit www.meineDomain.de/cms.

Wird die folgende Seite angezeigt, fehlt die Datei FIRST_INSTALL (siehe oben). Leere Datei anlegen und Seite aktualisieren.

Typo3 Fehlermeldung wenn FIRST_INSTALL nicht existiert

Step 1


Typo3 Step 1 - keine Fehler gefunden

Ist beispielsweise eine ältere PHP Version installiert, kann TYPO3 Version 13 nicht installiert werden (Minimum: 8.2).

Step 2


Typo3 Step 2 - Datenbank Benutzer

Datenbank Benutzer mit dem dazugehörigen Passwort eingeben. Connection, Host und Port bleiben unverändert.

Step 3


Typo3 Step 3 - Datenbank auswählen

Im dritten Schritt die Datenbank auswählen. Abhängig vom Hosting Vertrag mit dem Provider werden eine oder mehrere Datenbanken bereitgestellt. Stehen mehrere Datenbanken zur Verfügung, empfehle ich die Auswahl einer leeren Datenbank.

Step 4


Typo3 Step 4 - Admin Passwort, E-Mail Adresse und Site name

Für den Administrator sollte ein starkes Passwort gewählt werden (mind. 8 Zeichen, Groß- und Kleinbuchstaben, Ziffern und Sonderzeichen). Eigene E-Mail Adresse eingeben und einen Namen für die Site wählen.

Step 5


Typo3 Step 5 - Installation abschließen

Wer noch keine Erfahrung mit TYPO3 hat, dem empfehle ich Option Create empty starting page und Create default backend user groups. Mit Klick auf Open the TYPO3 Backend wird die Installation abgeschlossen und die CMS Verwaltungsseite aufgerufen. Hier kann man direkt beginnen, neue Seiten hinzuzuügen.

Typo3 Anmeldung im Backend

Anmeldung als admin mit dem oben vergebenenen Kennwort.

Die mit TYPO3 erstellten Seiten sind in diesem Beispiel unter www.meineDomain.de/cms erreichbar. Die Administrationsseite unter www.meineDomain.de/cms/typo3. Ist die Homepage fertig, muss beim Provider nur noch das Ziel angepasst werden. www.meineDomain.de zeigt dann auf das Unterverzeichnis /cms.

Wer noch nie mit TYPO3 gearbeitet hat, sollte sich mit dem TYPO3 - Getting Started Tutorial vertraut machen. Im Internet gibt es viele andere Quellen für Einsteiger, einfach nach TYPO3 Tutorial suchen.




Benutzeroberfläche in Deutsch


Ich bevorzuge die englische Admin Oberfläche. Die Menüpunkte sind prägnanter und viele Tutorials und Hilfestellungen im Internet sind in englischer Sprache verfügbar. Wer trotzdem die deutsche Oberfläche bevorzugt:

Im Menü auf der linken Seiten im Bereich Admin Tools den Menüpunkt Maintenance anklicken:

Typo3 Admin Tools - Maintenance

Unter Maintenance können viele Einstellungen geändert werden. Hier benötigen wir das Menü Manage Language Packs. Auf Manage languages ... klicken:

Typo3 Maintenance - Manage Language Packs

Auf Add language klicken:

Typo3 Manage Language Packs - Add language

Herunterscrollen und auf das Pluszeichen vor German klicken:

Typo3 Manage Language Packs - German

Wieder hochscrollen. German (de) wird jetzt als aktiv angezeigt, es fehlen aber noch die language packs. Diese mit Klick auf das Download Symbol herunterladen:

Typo3 Manage Language Packs - Download

Typo3 Language Pack German verfügbar

Das Fenster schließen (Klick auf X rechts oben).

Rechts oben auf admin klicken und anschließend auf User Settings.

Typo3 admin User Settings

Unter User Settings steht jetzt German zur Verfügung und kann ausgewählt werden.

Typo3 admin User Settings

Wichtig: die Änderung wird erst wirksam, wenn die Änderung gespeichert worden ist. Auf Save klicken:

Typo3 User Settings - Save

Jetzt ist die Oberfläche in deutscher Sprache gehalten:

Typo3 in Deutsch

Ein Zurücksetzen auf Englisch ist jederzeit wieder möglich. Einfach unter admin - Benutzereinstellungen als Sprache English auswählen und auf Speichern klicken.


Eine einfache Seite erstellen


Hat man bei der Installation Create empty starting page gewählt, dann wird beim Aufruf der Seite folgendes angezeigt:

Typo3 Starting Page

Ohne TYPO3 Kenntnisse würde ich jetzt versuchen das TYPO3 Logo und den Text im Bereich Page und Home zu ändern:

Typo3 Page - Home ändern

Aber Home besitzt keinen Inhalt! Ich kann nur neuen Inhalt hinzufügen. Woher kommen dann die Daten, die auf der Homepage angezeigt werden?

Ich füge erst einmal eine Überschrift hinzu: Create new content und wähle Header Only aus den Optionen:

Typo3 Header hinzufügen

Im Feld Header trage ich eine beliebige Überschrift ein uns speichere diese mit Save:

Typo3 Überschrift eintragen

Im Menü links auf View klicken, um eine Vorschau zu erhalten (hier für die Smartphone Auflösung 320 x 480 Pixel):

Typo3 Vorschau

Nach dem Durchforsten weiterer Menüpunkte findet man unter List im Bereich Home einen Eintrag Main TypoScript Rendering:

Typo3 TypoScript Rendering

Diesen Eintrag im Edit-Mode öffnen und nach unten scrollen. Im Bereich Setup wird man fündig:

Typo3 TypoScript Rendering Code entfernen

Den Code im roten Rahmen entfernen und abspeichern. Damit verschwinden Logo und Text!