Alles zu TYPO3 11

Marko Welt, Nicole Texter, 21.07.2021
Bildschirm mit TYPO3 Logo

Als Digital Experience Guide mit einer Vielzahl erfolgreich abgeschlossener Projekte im Bereich CMS Entwicklung, freuen wir uns darüber, dass die Entwicklung des Content management Systems TYPO3 auch weiterhin vorangetrieben wird. So wird am 5.10.2021 die Veröffentlichung von TYPO3 11.5 erwartet, welches den finalen Schritt auf der Roadmap zur Long Term Support Version markiert. Die wichtigsten Features der bis dato erschienenen Sprint Releases stellen wir im Folgenden vor.

Bisher veröffentlichte Versionen: 

TYPO3 11.0
TYPO3 11.1
TYPO3 11.2
TYPO3 11.3

Die grundlegenden Ziele für TYPO3 v11 LTS sind:

  • ein schneller und unkomplizierter Upgrade-Pfad von TYPO3 v9 und TYPO3 v10 Installationen,
  • verbesserte Erfahrungen für Redakteure und Administratoren,
  • die Konzentration auf Barrierefreiheit für das TYPO3 Backend und
  • eine optimierte Authentifizierung.

TYPO3 v11.0

Bootstrap 5 im TYPO3 Backend

Als ein Teil der visuellen Überarbeitung, wurde das TYPO3 Backend von Bootstrap 3 auf 5 umgestellt. Damit wird das Backend aus Sicht der Benutzeroberfläche stark aufgewertet, während Redakteure gleichzeitig nur geringfügige Änderungen in der Bedienung bemerken werden und Ihren gewohnten Abläufen nachgehen können. Zudem wird durch den Einsatz der neuen Bootstrap-Version die Barrierefreiheit des TYPO3 Backends verbessert.

Clean-up von alten Redirects

Redirects sollen die Besucher von einem alten zu einem neuen Ziel weiterleiten. Oftmals werden diese aber nur für einen bestimmten Zeitraum benötigt. Administratoren haben nun die Möglichkeit, Redirects so zu konfigurieren, dass diese automatisch entfernt werden, wenn bestimmte Kriterien erfüllt sind - wie beispielsweise Alter der Domain oder Anzahl der Aufrufe. Gleichzeitig kann ein Redirect als geschützt gekennzeichnet werden, um dessen Löschung zu verhindern.

Beispiel wie Redirects vor der automatischen Löschung geschützt werden

Abb.1: So werden Redirects vor der automatischen Löschung geschützt. (Quelle)

Session-Handling getrennt von Benutzerauthentifizierung

Mit dem Ziel, in TYPO3 11 einen vereinfachten Authentifizierungsprozesses zu etablieren,    wurden einige Komponenten im TYPO3 Core überarbeitet. Während in alten Versionen das User-Session-Handling Teil der Benutzerauthentifizierung war, laufen diese Prozesse in TYPO3 11 getrennt voneinander. Durch eine spezielle API für das Session Handling wird eine zentralisierte Behandlung von Sessions geboten. Im neuen User-Session-Objekt sind sämtliche sitzungsbezogenen Daten enthalten. Um neue Sessions zu erstellen, ist es notwendig, den UserSessionManager zu verwenden.

Workspaces

Seit TYPO3 4.0 können Redakteure über die Workspaces-Funktion gemeinsam an versionierten Inhalten einer TYPO3-Website arbeiten, Inhalte überprüfen und sich diese als Vorschau anzeigen lassen, bevor sie veröffentlicht werden. Es können Berechtigungen so konfiguriert werden, dass Backend-Benutzer die Inhalte nur in einem isolierten Arbeitsbereich bearbeiten können. Für TYPO3 11.0 wurde der Quellcode dieser Funktionalität überarbeitet und einige diesbzgl. konzeptionelle Probleme behoben. Darüber hinaus ist für spätere Releases geplant, die bestehende Funktionalität zu stabilisieren, die Dokumentation zu aktualisieren, die Benutzererfahrung zu verbessern und weitere Features einzuführen.

Vereinfachung von TYPO3 Upgrades

Eine Vereinfachung der für ein Upgrade notwendigen Schritte ist eines der Ziele, die im Rahmen der TYPO3 11 Roadmap ganz oben auf der Liste stand.

Für ein Upgrade von TYPO3 9 oder 10 kann nun mit dem “Extension Scanner” vorab geprüft werden, ob bestehende Extensions eventuell in der neuen Fassung nicht einwandfrei funktionieren könnten, beispielsweise weil die API angepasst wurde. Auch gilt es beispielsweise, die minimalen Systemanforderungen zu beachten. Zudem soll zukünftig der sogenannte “Upgrade Wizard” dabei helfen, die kritischen Schritte des TYPO3 Upgrades zu begleiten.

TYPO3 v11.1

Multi-Faktor-Authentifizierung

Aus dem Backend heraus können eine Vielzahl an Funktionen gesteuert werden. Abhängig von der Zugriffsberechtigung können Inhalte der Website bearbeitet, geschäftskritische Daten geändert oder auf hochsensible Benutzerinformationen zugegriffen werden. Diese müssen besonders geschützt werden, um zu gewährleisten, dass nur berechtigte Nutzer Zugriff haben.

Zugangswege können  mit Hilfe einer Multi-Faktor-Authentifizierung (MFA)  noch stärker abgesichert werden. Der Anmeldung werden dabei ein zweiter  oder sogar noch mehr Faktoren hinzugefügt. Somit wird Unbefugten der Zugang erheblich erschwert. Mit der Aktivierung eines MFA-Provider durch den Administrator, können Backend-Benutzer diesen nun als zweite Authentifizierungsmethode im Anmeldevorgang nutzen. TYPO3 ermöglicht den Website-Besitzern, so viele Aspekte einer Instanz wie möglich anpassen zu lassen. So können Entwickler mit der MFA-Implementierung zusätzliche Provider erstellen.

Größenänderung/ Umschaltung des Navigationsbereichs

Die Möglichkeit, die Backend-Ansicht an die individuellen Bedürfnisse anzupassen, soll die tägliche Arbeit für Redakteure einfacher und angenehmer gestalten. Der Navigationsbereich hatte seit TYPO3 Version 8 eine feste Breite. Dadurch konnten lange Seitentitel im Seitenbaum nicht komplett abgebildet werden. 

Mit der Überarbeitung dieses Bereichs, wurde die Anpassung des Navigationsbereich wieder eingeführt. Dabei muss nicht mit jeder neuen Anmeldung die Breite des Navigationsbereichs neu angepasst werden. TYPO3 merkt sich die letzte Einstellung und stellt mit dem Login diesen Status wieder her.

Durch die Nutzung von CSS/ Flexbox-Gerüsten laden Browser das TYPO3 Backend schneller. Zudem werden weniger  Daten zwischen TYPO3 und dem Client übertragen, was die Leistung verbessert.

Arbeiten mit dem Dateilisten-Modul

Das Modul Dateilisten wurde für die Version 11.1 visuell überarbeitet. Dabei wurde die gleiche Technologie verwendet, die auch im Seitenbaumbereich genutzt wird und bietet damit ein einheitliches Erscheinungsbild im Navigationsbereich.  

Diese Änderung führt u.a. auch dazu, Dateien schneller auffinden zu können. Auch die neu hinzugekommene Suchleiste im Modul trägt ihren Teil dazu bei. In dieser können Ordnerlisten anhand von Suchbegriffen gefiltert werden, wie es Nutzer aus dem Seitenbaum gewohnt sind.

Dateilistenmodul von TYPO3 10 und TYPO3 11 im Vergleich

Abb.2: Das Dateilistenmodul im Vergleich. (Quelle)

Verbesserung der Barrierefreiheit im Backend

Backend-Nutzer können nun mit ihrer Tastatur durch das Hauptmodul-Menü und Hilfe-Menü navigieren. Zudem kann auch ein Alt-Tag für das benutzerdefinierte Backend- Anmeldebild festgelegt werden. Zur Erleichterung der Einhaltung, wird in den Deprecation Logs eine Warnung ausgelöst, wenn kein Alt-Tag vorhanden ist.

TYPO3 v11.2

Seiten- und Dateibaum wurden vereinheitlicht

Dieser wurde bereits in vorherigen Sprints überarbeitet, jedoch gibt es den Seitenbaum und die Dateilisten jetzt überall. Das bedeutet, dass diese auch im “Record Selector” angezeigt werden, wo Nutzer eine Seite, Datei, Ordner oder externe URL auswählen können. Der Record Selector gleicht damit konsistent der Struktur von  Seitenbaum und die Dateilisten. Zudem können auch Filter angewendet werden, um Baumkomponenten einzuklappen, und Inhaltselemente leichter auszuwählen. Aber auch die Ordnerliste kann nach Suchbegriffen gefiltert werden.

Seit TYPO3 9 wurden die Seiten- und Dateibäume im Backend auf eine SVG-basierende Darstellung umgestellt. Diese Umstellung wurde nun auch für die Bäume im “Record Selector” angewandt, in dem bestimmte Seiten, Dateien, Ordner oder andere Datensätze auswählt werden können.

User können im Dateibaum nun beispielsweise einen Filter anwenden und diesen damit reduzieren und übersichtlicher machen. Inhaltselemente sind jetzt einfacher zu finden und auszuwählen. Sie erscheinen geordnet im Inhaltsbereich aufgelistet. Über ein Eingabefeld können Benutzer die Ordnerliste anhand von Suchbegriffen filtern. TYPO3 berücksichtigt auch Dateinamen und zeigt eine Liste von Ordnern an, die Dateien mit entsprechendem Suchbegriff enthalten.

Seitenbaum im Record Selector

Abb.3: Seitenbaum im Record Selector . (Quelle)

Dateiliste im Record Selector

Abb.4: Dateiliste im Record Selector. (Quelle)

Deep Links ins Backend

Deep Links zu benutzen, um spezifische Inhalte aufzurufen ist für Websites nichts Neues. Dies wird nun auch im TYPO3 Backend verfügbar sein. Backend User haben damit nun die Möglichkeit, anderen Backend Usern bestimmte Seitenbereiche oder Content-Elemente zur Bearbeitung direkt zu schicken. Damit lassen sich bestimmte Bereiche, welche immer wieder überarbeitet werden müssen, nun auch ganz einfach als Lesezeichen im Browser abspeichern, um den persönlichen Workflow damit zu optimieren.

URL Leiste zeigt Deep Link ins TYPO3 Backend

Abb.5: Deep Links ins TYPO3 Backend. (Quelle)

Systemeinstellungen für Standortparameter

Standortparameter (System Locales) dienen zur Erfassung von Datums- und Zeitformatierung oder auch der Währungsauswahlen. Beim Anlegen einer neuen Seite mussten diese immer händisch eingetragen werden. Dies wird nun automatisch erkannt und angepasst. Es wird angezeigt welche Standortparameter verfügbar sind und in einer Dropdown-Box aufgelistet. Somit kann ein entsprechendes Element aus der Liste ausgewählt werden, was einerseits Zeit spart und andererseits nicht mehr so fehleranfällig ist.

TYPO3 v11.3

Erleichterte Bearbeitung von Spalten

Das Listen-Modul kann von Backend-Nutzer eingesetzt werden, um Inhaltselemente und Datensätze anzuzeigen und zu bearbeiten. Welche Spalten dabei angezeigt werden, können Nutzer in der aktualisierten Benutzeroberflächer nun selbst aus- und abwählen - eine Funktion, die bisher nur in der „Single Table View“ möglich war. TYPO3-Integratoren können die Ansicht mit User TSconfig anpassen und den „Column Selector“ für bestimmte Tabellen oder für alle Tabellen nach Bedarf deaktivieren.

TYPO3 Backend Beispiel für Spalten an- und abwählen im Listen-Modul

Abb.6: Spalten an- und abwählen im Listen-Modul Quelle

Erweiterte Ansicht im Listen-Modul verbessert

Im Listenmodul stehen für Datensätze verschiedene Funktionen bereit, welche in den jeweiligen Zeilen auswählbar sind. Dazu gehört das Bearbeiten, das Anzeigen, das Löschen oder das Aktivieren der jeweiligen Elemente. Zusätzlich stehen sekundäre Funktionen bereit, wie die Anzeige zusätzlicher Details oder das Anzeigen der Änderungshistorie von Inhaltselementen. Diese sekundären Aktionen benötigen Backend-Nutzer bei ihrer täglichen Arbeit seltener und waren deshalb nur aktiviert, wenn man eine zugehörige Checkbox angeklickt hat. Diese Checkbox wurde mit TYPO3 11.3 nun entfernt. Sekundäre Aktionen lassen sich nun immer einzeln innerhalb eines Dropown-Menüs auswählen, welches sich öffnet, wenn man in der Zeile des jeweiligen Elements eine Schaltfläche mit drei vertikalen Punkten betätigt.

Mehr Möglichkeiten beim Daten-Download

Schon länger können Backend-Nutzer, wenn sie über die entsprechenden Zugriffsrechte verfügen, innerhalb des Listen-Moduls fast alle Datenbanktabellen als CSV-Dateien exportieren und herunterladen. Da viele Nutzer diese Funktion oftmals nicht kannten oder übersehen haben, wurde mit TYPO3 11.3 nun ein deutlich erkennbarer Download-Button in der Kopfzeile jeder Tabelle eingefügt. Zudem lassen sich beim Export nun individuelle Einstellungen wie Dateiname, Format (CSV oder JSON) etc. vornehmen. 

Vereinfachtes Teilen von Backend-Links

Mit dem Sprint Release der TYPO3 Version 11.2 wurde die Möglichkeit hinzugefügt, Deeplinks ins Backend zu nutzen, um bestimmte Seitenbereiche oder Content-Elemente zur Bearbeitung direkt mit anderen Backend-Usern zu teilen. Aufgrund des positiven Feedbacks zu diesem Feature, wurde dieses nun weiterentwickelt. Nutzer können jetzt über den neu hinzugefügten Share-Button sowohl TYPO3-interne Lesezeichen setzen, als auch den Deeplink zur aktuell aufgerufenen Backend-Seite direkt in den Zwischenspeicher kopieren um diesen mit anderen Nutzern zu teilen.

TYPO3 Backend Beispiel für Share-Button zum Teilen von Backend-Links

Abb.7: Share-Button zum Teilen von Backend-Links Quelle

Auswahl mehrerer Dateien und Datensätze erleichtert

Das Hinzufügen von Bildern zu einer Seite unter Verwendung des Inhaltselements "Text und Medien" über den Tab "Mediendatei hinzufügen" wurde überarbeitet und zeigt nun ein Fenster zur Auswahl einer oder mehrerer Dateien aus einer Liste an. Damit lassen sich nun alle Dateien gleichzeitig über ein Kontextmenü oder einzeln über ein Kontrollkästchen auf der linken Seite aus- oder abwählen. Damit wird Nutzern die Auswahl mehrerer Bilder erleichtert. Auch im Dateilisten-Modul findet diese Funktionalität nun Anwendung und soll mit kommenden Sprint-Releases auch auf weitere Bereiche erweitert werden.

TYPO3 Backend Beispiel für Datei-Auswahl mit Checkboxen

Abb.8: Datei-Auswahl mit Checkboxen Quelle

Weitere Features

  • PHP 8.0 Unterstützung - Damit profitieren Entwickler von den neuen Funktionen, Optimierungen und Verbesserungen der Programmiersprache und Sicherheitsupdates bis mindestens November 2023.
  • “File”-Viewhelper - mit dem Dateien nun ein direkter Downloadlink zugewiesen werden kann.
  • ServerRequestInterface für Extbase - für ein sauberes PsR-7 Request/Response- Handling.
  • Login-Drosselung - “Rate Limiter” wird nun genutzt, um weitere Authentifizierungsversuche zu blockieren, wenn zu viele fehlgeschlagene Logins von der gleichen IP-Adresse festgestellt werden.
  • Internationalisierung - Die Shona (Bantu) Sprache (ISO 639-1 Code "sn") und Walisisch (ISO 639-1 Code "cy") werden nun unterstützt.

Als nächstes folgt die Veröffentlichung der Version TYPO3 11.4 am 07.09.2021, mit welcher auch der sogenannte Feature Freeze vor der Veröffentlichung der LTS Version markiert werden wird. Welche Neuerungen bis dahin noch hinzugekommen sind, werden wir in diesem Beitrag ergänzen. 

 

ZURÜCK

Kontaktieren Sie uns