TYPO3 CMS 7 LTS – Die Neuheiten im Überblick

Wir schreiben den 10.11.2015, der Tag an dem eine der besten TYPO3 Versionen erschienen ist: TYPO3 CMS 7 LTS. Was sind die neuen Features? Was hat sich geändert? Ich erzähle und zeige es euch.

Seit der Veröffentlichung der letzten LTS Version 6.2.0 sind über 5.048 Patches in der TYPO3 Core geflossen. 278 Entwickler haben daran mitgewirkt, es wurden 12.561 Dateien geändert, 867.144 Zeilen Code wurden hinzugefügt und 922.373 entfernt. Das heißt der Core wurden somit um 55.229 Zeilen schlanker. In Anbetracht, dass auch 1500 neue Unit-Tests dazu gekommen sind, ist der eigentlich Core um noch einige Zeilen mehr geschrumpft. 18 Monate Entwicklungsarbeit und hunderte neue Features wurden entwickelt. Ich möchte Euch in diesem Beitrag ein paar der wichtigsten Neuerungen vorstellen.

Die Neuerungen in TYPO3 CMS 7 LTS

1) Neues Look & Feel

Sehr viel ist im Backend von TYPO3 CMS 7 LTS passiert. Als ein wesentlicher Schritt wurde die Optik des Backends komplett überarbeitet, dazu setzt das Core Team auf das Bootstrap Framework. Alle Icons wurde ausgetauscht und folgen jetzt einem einheitlichen Schema, so sind alle Icons die eine Aktion auslösen in schwarz/weiß gehalten. Farbige Icons gibt es nur noch für Records, Flaggen, Module- und MimeType-Icons.

TYPO3 CMS 7 LTS – Neues Backend

TYPO3 CMS 7 LTS - Neues Backend

TYPO3 CMS 7 LTS - Neues Backend

TYPO3 CMS 7 LTS - Neues Backend

TYPO3 CMS 7 LTS - Neues Backend

2) Performance

Was insbesondere im direkten Vergleich zur Vorgänger Version 6.2 auffällt, ist die doch massive Verbesserung der Performance im Backend von TYPO3 CMS 7 LTS. Durch die Umstellung auf Bootstrap und das Entfernen diverses JavaScript Libraries wie Prototype, Scriptaculous und vieler ExtJS Scripts wurde das gesamte Backend massiv schneller. Wer viel mit 6.2 arbeitet wird den Unterschied sofort spüren.

3) Drag & Drop Uploader

Ein wirklich schönes neues Feature inTYPO3 CMS 7 LTS ist der Drag & Drop Uploader in der Media Verwaltung. Der Upload von Bildern und anderen Dateien kann jetzt ganz einfach per Drag & Drop vom Desktop in den Browser erfolgen. Sobald ein Drag-Vorgang gestartet wird, erscheint die Drop-Zone im File-Module von alleine. Dateien dort einfach „loslassen“ und schon läuft der Upload.

Ein besonderes Feature an der Stelle ist ein Modal der erscheint, sofern bereits Dateien mit dem gleichen Namen vorhanden sind. Der Benutzer hat in dem automatisch erscheinenden Modal die Möglichkeit für jede einzelne Datei zu entscheiden ob die Datei überschrieben, umbenannt oder ausgelassen werden soll. Ein völlig neues Arbeiten für Redakteure wir Admins.

TYPO3 CMS 7 LTS – Drag & Drop Uploader

TYPO3 CMS 7 LTS - Drag & Drop Uploader

TYPO3 CMS 7 LTS - Drag & Drop Uploader

TYPO3 CMS 7 LTS - Drag & Drop Uploader Modal

TYPO3 CMS 7 LTS - Drag & Drop Uploader Modal

4) Image Manipulation Wizard

Mein Favorit in TYPO3 CMS 7 LTS ist der Image Manipulation Wizard, ein Features welches mir persönlich schon seit sehr langer Zeit gefehlt hat. Das Besondere ist die vollständige Integration. Was bedeutet das? Änderungen an Bildern z.B. in Content-Elementen wirken sich unmittelbar im Frontend aus. Natürlich hat der Integrator die volle Kontrolle und kann genau vorgeben, welche Formate sein Redakteur auswählen kann. Die folgenden Serie von Screenshots verdeutlicht was dieses Feature alles kann.

TYPO3 CMS 7 LTS – Image Manipulation Wizard

TYPO3 CMS 7 LTS - Image Manipulation Wizard

TYPO3 CMS 7 LTS - Image Manipulation Wizard

TYPO3 CMS 7 LTS - Image Manipulation Wizard Cropper

TYPO3 CMS 7 LTS - Image Manipulation Wizard Cropper

TYPO3 CMS 7 LTS - Image Manipulation Wizard Preview

TYPO3 CMS 7 LTS - Image Manipulation Wizard Preview

5) Login Screen

Auch der Login Screen hat viel Liebe abbekommen und ist dank drei neuer Einstellungen in der Extension backend in wenigen Sekunden angepasst und so individuell für jeden Kunden anpassbar.

Logo, Hintergrundbild und die Hightlight-Farbe können eingestellt werden. Trotz nur dieser drei Einstellungen vermisst man nichts.

TYPO3 CMS 7 LTS – Login Screen

TYPO3 CMS 7 LTS - Login Screen Standard

TYPO3 CMS 7 LTS - Login Screen Standard

TYPO3 CMS 7 LTS - Login Screen Einstellungen

TYPO3 CMS 7 LTS - Login Screen Einstellungen

TYPO3 CMS 7 LTS - Login Screen Custom

TYPO3 CMS 7 LTS - Login Screen Custom

6) FormEngine Refactoring

Christian Kuhn alias @lolli42 hat viele Monate die FormEngine (auch bekannt als TCEForms) in mehreren großen Patches neu geschrieben bzw. Refactored. Das Unglaubliche daran, alles funktioniert wie vorher, aber der Code ist aufgeräumt und strukturiert. Eine aus Entwickler-Sicht unfassbare Leistung.

Und dank Bootstrap sind nun auch die Formulare im Backend weitestgehend responsive, d.h. eine Bearbeitung von Inhalten auf Tablets ist definitiv möglich. Selbst auf einem Smartphone habe ich bereits erfolgreich Dinge im Backend erledigen können.

TYPO3 CMS 7 LTS – FormEngine

TYPO3 CMS 7 LTS - FormEngine Desktop

TYPO3 CMS 7 LTS - FormEngine Desktop

TYPO3 CMS 7 LTS - FormEngine Tablet

TYPO3 CMS 7 LTS - FormEngine Tablet

TYPO3 CMS 7 LTS - FormEngine Smartphone

TYPO3 CMS 7 LTS - FormEngine Smartphone

7) SVG Icons

Alle die mit Retina Displays arbeiten oder auch Personen mit Sehbehinderungen die ihre Anzeige im Browser vergrößert darstellen werden ihre Freude am neuen Backend haben. Denn fast alle Icons wurden durch Font-Icons oder SVG-Icons ersetzt. Der Vorteil ist, dass bei jeder beliebigen Vergrößerung die Icons gestochen scharf sind.

Die folgenden Screenshots zeigen beeindruckend die Qualität der neuen Icons bei jeder Größe. Interessant dürfte auch die neue Icon-API sein.

TYPO3 CMS 7 LTS – SVG-Icons

TYPO3 CMS 7 LTS - SVG-Icons

TYPO3 CMS 7 LTS - SVG-Icons

TYPO3 CMS 7 LTS - SVG-Icons

TYPO3 CMS 7 LTS - SVG-Icons

8) Avatare

Das letzte Feature welches ich hier und heute erwähnen möchte sind die Avatare im Backend. Avatare können in den Benutzereinstellungen hinterlegt werden und tauchen dann an verschiedenen Stellen im Backend auf. Dies ermöglicht schnell zu erkennen, welcher Backend-Benutzer etwas getan hat. Z.B. in dem Log oder auch im Info-Popup trifft man immer wieder auf die Avatare.

TYPO3 CMS 7 LTS – Avatare

TYPO3 CMS 7 LTS - Avatare Einstellung

TYPO3 CMS 7 LTS - Avatare Einstellung

TYPO3 CMS 7 LTS - Avatare im Log

TYPO3 CMS 7 LTS - Avatare im Log

TYPO3 CMS 7 LTS - Avatare in Benutzerverwaltung

TYPO3 CMS 7 LTS - Avatare in Benutzerverwaltung

Related Links