TYPO3-Tutorial für An­fän­ge­rin­nen und Anfänger

Im TYPO3-Tutorial stellen wir Ihnen die wich­tigs­ten Grund­la­gen des Content-Ma­nage­ment-Systems vor, führen Sie durch die In­stal­la­ti­on und das Setup und erklären Ihnen den Aufbau des Systems.

TYPO3: Ein CMS für jeden Bedarf

Für den Einstieg in TYPO3 bietet ein erster Überblick über das quell­of­fe­ne Content-Ma­nage­ment-System (CMS) – inklusive Aufbau und Im­ple­men­tie­rung – eine gute Ori­en­tie­rung. TYPO3 eignet sich her­vor­ra­gend zur Er­stel­lung und Ver­wal­tung eigener Web­pro­jek­te. Dank der be­nut­zer­freund­li­chen gra­fi­schen Ober­flä­che im Backend können auch Anfänger und An­fän­ge­rin­nen nach kurzer Ein­ar­bei­tung selbst­stän­dig Inhalte verwalten. Gleich­zei­tig ist TYPO3 durch seinen großen Funk­ti­ons­um­fang ideal für fort­ge­schrit­te­ne Ent­wick­le­rin­nen und Ent­wick­ler und passt sich flexibel an Projekte jeder Größe an.

Typische Projekte, die sich besonders gut mit TYPO3 rea­li­sie­ren lassen, sind folgende:

• Un­ter­neh­mens­web­sites
• Blogs und News­por­ta­le
• E-Commerce-Platt­for­men
• Online-Com­mu­ni­tys und Foren
• Landing­pa­ges für Kampagnen
• Mehr­spra­chi­ge Websites

Damit auch Sie von den Vorzügen des sicheren CMS pro­fi­tie­ren und Ihre eigene TYPO3-Website erstellen können, zeigen wir Ihnen in den nach­fol­gen­den Ab­schnit­ten dieses TYPO3-Tutorials die wich­tigs­ten Funk­tio­nen und ersten Schritte zur Nutzung.

TYPO3-Tutorial: Die wich­tigs­ten Grund­la­gen

Im ersten Schritt unseres TYPO3-Tutorials erklären wir Ihnen, wie das CMS überhaupt funk­tio­niert und welche Mög­lich­kei­ten Sie dadurch haben. Ins­be­son­de­re drei Kom­po­nen­ten sind dabei zu erwähnen: das Backend, in dem die tägliche Arbeit statt­fin­det, das Frontend, das Be­su­che­rin­nen und Besuchern die kreierten Inhalte prä­sen­tiert und Ex­ten­si­ons, mit deren Hilfe sich TYPO3 beliebig erweitern lässt.

Backend

Ihre ei­gent­li­che Arbeit am eigenen TYPO3-Projekt findet vor allem im Backend statt. Hierbei handelt es sich um den ad­mi­nis­tra­ti­ven Bereich, auf den nur au­to­ri­sier­te Nut­ze­rin­nen und Nutzer zugreifen können. Das umfasst in der Regel den Ad­mi­nis­tra­tor bzw. die Ad­mi­nis­tra­to­rin sowie sämtliche Team­mit­glie­der, die an dem Design der Website arbeiten oder Content ein­spei­sen und pflegen. Hier erstellen Sie Inhalte, fügen sie ein und geben diese dann zur Ver­öf­fent­li­chung frei. Auch das Sei­ten­lay­out, die Nut­zer­ver­wal­tung und weitere ad­mi­nis­tra­ti­ve Aufgaben werden an dieser Stelle erledigt. Die Anmeldung zum Backend gelingt über eine URL in der Form ihre-domain.com/typo3.

Das Backend besteht aus den folgenden Mo­dul­grup­pen:

• Dashboard: Das Dashboard bietet eine Übersicht über alle re­le­van­ten Sys­tem­in­for­ma­tio­nen, Berichte, Sta­tis­ti­ken und aktuelle Ak­ti­vi­tä­ten.
• Web: Hier werden Module für die Er­stel­lung von Webseiten und -inhalten hin­ter­legt.
• Site Ma­nage­ment: Hier findet das Setup Ihrer Website statt. Name, Sprache und andere Ein­stel­lun­gen können an dieser Stelle kon­fi­gu­riert werden.
• Filelist: Enthält alle Dateien, die Sie für Ihre Website benötigen. Bilder, Dokumente oder Videos werden hier zum Beispiel abgelegt.
• User: Diese Mo­dul­grup­pe umfasst unter anderem die Benutzer- und Be­nut­zer­grup­pen­ver­wal­tung. Hier können Sie Accounts anlegen, verwalten und in­di­vi­du­el­le Be­rech­ti­gun­gen festlegen.
• Admin Tools: In dieser Gruppe befinden sich Module, die für die Wartung, Ex­ten­si­ons und weitere Upgrades benötigt werden.
• System: Hier können Sie den Zugang zum Backend kon­trol­lie­ren und re­gle­men­tie­ren, Feh­ler­mel­dun­gen einsehen sowie In­for­ma­tio­nen zur In­stal­la­ti­on abrufen.
• Help: Enthält Module, die Do­ku­men­ta­tio­nen und Hinweise wie das TYPO3-Handbuch und An­lei­tun­gen be­reit­stel­len.

Frontend

Das Frontend ist der Teil Ihrer Website, den Be­su­che­rin­nen und Besucher zu sehen bekommen. Alles, was Sie im Backend erstellen und ver­öf­fent­li­chen, wird hier angezeigt. Das Er­schei­nungs­bild und die Struktur des Frontends de­fi­nie­ren Sie durch Templates, die festlegen, wie die ver­schie­de­nen Inhalte wie Texte, Bilder oder in­ter­ak­ti­ve Elemente auf einer Seite dar­ge­stellt werden. TYPO3 stellt zu diesem Zweck mit Fluid Templates ein eigenes Template-Framework zur Verfügung, das Ent­wick­le­rin­nen und Ent­wick­lern die volle Kontrolle über das Layout gibt.

Das zentrale Element für die Ver­bin­dung zwischen Backend und Frontend ist die in­te­grier­te Kon­fi­gu­ra­ti­ons­spra­che Ty­po­Script. Mit dieser Sprache lässt sich in TYPO3 das Verhalten der Website de­fi­nie­ren und so das Er­schei­nungs­bild und die Funk­tio­na­li­tät Ihrer Website steuern.

Ex­ten­si­ons

TYPO3-Ex­ten­si­ons sind ein zentraler Be­stand­teil von TYPO3, mit deren Hilfe Sie die Funk­tio­na­li­tät Ihrer Website erheblich erweitern und in­di­vi­du­ell auf Ihre Be­dürf­nis­se zu­schnei­den. Die kleinen Programme bzw. Module lassen sich nahtlos in das CMS in­te­grie­ren, um Ihre TYPO3-In­stal­la­ti­on um die je­wei­li­gen Funk­tio­nen und Features zu erweitern.

Es gibt ver­schie­de­ne Arten von Ex­ten­si­ons, die von der TYPO3-Community oder pro­fes­sio­nel­len Ent­wick­le­rin­nen und Ent­wick­lern erstellt werden. Sie reichen von einfachen Er­wei­te­run­gen wie SEO-Er­wei­te­run­gen und Kon­takt­for­mu­la­ren bis hin zu komplexen Lösungen für E-Commerce-Platt­for­men, News­let­ter-Systeme, mehr­spra­chi­ge Websites oder sogar Schnitt­stel­len zu externen CRM-Systemen.

TYPO3-Praxis-Tutorial: Die ersten Schritte

Der Einstieg in ein neues Content-Ma­nage­ment-System ist mit einem hohen Aufwand verknüpft. Noch bevor man sich mit den Ei­gen­hei­ten der Module und der Ober­flä­che vertraut machen kann, stehen jedoch Aufgaben wie Sys­tem­vor­aus­set­zun­gen, In­stal­la­ti­on und Ein­rich­tung auf der Ta­ges­ord­nung. In den letzten Ab­schnit­ten unseres TYPO3-Tutorials wollen wir uns daher mit diesen Pra­xis­grund­la­gen be­schäf­ti­gen, um Ihnen den best­mög­li­chen Start zu er­mög­li­chen.

Sys­tem­vor­aus­set­zun­gen für die Nutzung von TYPO3

TYPO3 läuft unter Linux, Microsoft Windows und macOS sowie deren Cloud-Um­ge­bun­gen. Das System benötigt einen Webserver mit PHP-Un­ter­stüt­zung, der er­wei­ter­te Kon­fi­gu­ra­ti­ons­op­tio­nen wie das Setzen von Rewrite-Regeln erlaubt. Das Ent­wick­ler­team empfiehlt folgende An­wen­dun­gen:

• Apache
• NGINX
• Microsoft IIS
• Caddy Server

Zudem ist die Ver­knüp­fung mit einer Datenbank er­for­der­lich. Für die Version TYPO3 13.3.0 gibt es bei­spiels­wei­se folgende kom­pa­ti­ble Optionen:

• MariaDB ab Version 10.4.3
• MySQL ab 8.0.17
• Post­greS­QL 10.0 oder höher
• SQLite ab Version 3.8.3

Für die gewählte Datenbank müssen Sie über die folgenden Pri­vi­le­gi­en verfügen:

• ALTER
• ALTER ROUTINE
• CREATE
• CREATE ROUTINE
• CREATE TEMPORARY TABLES
• CREATE VIEW
• DELETE
• EXECUTE
• DROP
• INDEX
• INSERT
• LOCK TABLES
• SELECT
• SHOW VIEW
• UPDATE

Eine weitere Vor­aus­set­zung ist, dass PHP in­stal­liert ist. Empfohlen wird dabei eine möglichst aktuelle Version der Skript­spra­che, um von den neuesten Si­cher­heits- und Per­for­mance-Features zu pro­fi­tie­ren. In der zentralen php.ini sind folgende Än­de­run­gen vor­zu­neh­men:

memory_limit = 256M
max_execution_time = 240
max_input_vars = 1500
pcre.jit = 1
post_max_size = 10M
upload_max_filesize = 10M

Zudem sind folgende Er­wei­te­run­gen zu empfehlen:

• fileinfo
• filter
• gd
• intl
• mbstring
• openssl
• pdo
• session
• SPL
• standard
• tokenizer
• xml
• zip
• zlib

So funk­tio­niert die In­stal­la­ti­on von TYPO3

In diesem Schritt des TYPO3-Tutorials führen wir Sie durch die ei­gent­li­che In­stal­la­ti­on des CMS. Am ein­fachs­ten ist dies mit Composer. Sollten Sie den PHP-Pa­ket­ma­na­ger nicht nutzen wollen, erfahren Sie in dem folgenden Artikel, wie Sie TYPO3 auf dem klas­si­schen Weg in­stal­lie­ren (via FTP-Client).

Geben Sie den folgenden Befehl ein, um ein neues Projekt zu erstellen:

composer create-project typo3/cms-base-distribution beispielordner "^13"

Nachdem dieser Befehl durch­ge­führt wurde, enthält der neue Ordner „bei­spiel­ord­ner“ die folgenden Un­ter­ord­ner:

• public
• var
• vendor

Hin­zu­kom­men diese Dateien:

• .gitignore
• composer.json
• composer.lock
• LICENSE
• README.md

Darauf kommt es bei der Kon­fi­gu­ra­ti­on von TYPO3 an

Wenn Sie TYPO3 nun kon­fi­gu­rie­ren möchten, können Sie entweder den passenden Kom­man­do­zei­len­be­fehl ausführen oder al­ter­na­tiv den GUI Installer nutzen. Wir zeigen Ihnen in diesem TYPO3-Tutorial beide Methoden.

Methode 1: In­stal­la­ti­on über die Kom­man­do­zei­le

Um TYPO3 über die Kom­man­do­zei­le zu kon­fi­gu­rie­ren, nutzen Sie den folgenden Befehl:

./vendor/bin/typo3 setup

Auf diese Weise starten Sie eine in­ter­ak­ti­ve Kon­fi­gu­ra­ti­on, in der Sie nach und nach die not­wen­di­gen In­for­ma­tio­nen eingeben. Dazu gehören die Ver­bin­dungs­in­for­ma­tio­nen für die Datenbank, die Ein­rich­tung eines Ad­mi­nis­tra­tor-Kontos und weitere Grund­ein­stel­lun­gen. Vor­aus­set­zung für diese Variante ist, dass Sie SSH-Zugriff auf Ihren Server haben und Composer er­folg­reich in­stal­liert haben.

Methode 2: GUI Installer verwenden

Al­ter­na­tiv können Sie die Kon­fi­gu­ra­ti­on mit folgendem Befehl über die grafische Be­nut­zer­ober­flä­che (GUI) durch­füh­ren:

touch beispielordner/public/FIRST_INSTALL

Nun können Sie das CMS über Ihren Web­brow­ser aufrufen. Anfangs werden alle Anfragen an /typo3/install.php wei­ter­ge­lei­tet, damit Sie die In­stal­la­ti­on ab­schlie­ßen können. TYPO3 überprüft nun, ob alle Vor­aus­set­zun­gen für eine In­stal­la­ti­on erfüllt sind. Ist alles in Ordnung, rufen Sie für unser Beispiel diese Adresse auf: https://beispielordner.local/typo3/install.php. An­schlie­ßend werden Sie durch die folgenden Ar­beits­schrit­te geführt:

1. Wählen Sie die passende Datenbank aus. Sie können dabei entweder eine neue Datenbank erstellen oder auf eine exis­tie­ren­de Datenbank auf Ihrem System zu­rück­grei­fen. Geben Sie einfach die ent­spre­chen­den Ver­bin­dungs­in­for­ma­tio­nen wie Host, Be­nut­zer­na­me, Passwort und Da­ten­bank­na­me ein.
2. Erstellen Sie dann einen Ad­mi­nis­tra­tor-Account, mit dem Sie auf das Backend von TYPO3 zugreifen können. Dafür legen Sie einen Nut­zer­na­men und ein Passwort fest und hin­ter­le­gen eine gültige E-Mail-Adresse sowie den Namen Ihrer Website.
3. Im letzten Schritt wählen Sie, ob eine neue leere Start­sei­te generiert werden soll oder Sie statt­des­sen direkt ins Backend geführt werden möchten. Wenn Sie Ihre Wahl getroffen haben, werden In­stal­la­ti­on und Setup ab­ge­schlos­sen.