{"id":1886,"date":"2022-12-28T14:51:10","date_gmt":"2022-12-28T13:51:10","guid":{"rendered":"https:\/\/www.visionconnect.de\/blog\/?p=1886"},"modified":"2023-10-11T14:34:06","modified_gmt":"2023-10-11T12:34:06","slug":"typo3-v12-1","status":"publish","type":"post","link":"https:\/\/www.visionconnect.de\/blog\/2022\/typo3-v12-1\/","title":{"rendered":"TYPO3 v12.1 \u2013 ein erster Blick"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Mit der Entwicklung der v12 LTS Version werden ehrgeizige Pl\u00e4ne f\u00fcr die Zukunft von TYPO3 angestrebt.<br>Neben vielen Verbesserungen zur Benutzerfreundlichkeit im Backend soll zuk\u00fcnftig auch ein starkes Augenmerk auf die Kommunikation mit Drittanbietern gelegt werden. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Auf die bereits umgesetzten Features haben wir einen ersten Blick geworfen.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Die aktuellen Neuerungen in TYPO3 v12<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Backend UX-Verbesserungen<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_backend.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"588\" src=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_backend-1024x588.png\" alt=\"Darstellung des neuen TYPO3 Backends mit dem \u00fcberarbeitetem Kontextmen\u00fc\" class=\"wp-image-1896\" srcset=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_backend-1024x588.png 1024w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_backend-418x240.png 418w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_backend-825x474.png 825w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_backend.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Quelle: typo3.org<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">An vielen Stellen wurde die Interaktion mit dem TYPO3 Backend f\u00fcr die Redaktion \u00fcberarbeitet und benutzerfreundlicher gestaltet. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eine modernere Optik und Haptik l\u00e4sst zuk\u00fcnftig das Arbeiten noch einfacher erscheinen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Im Modul Web\u2192 Seite<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_sortierung.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"588\" src=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_sortierung-1024x588.png\" alt=\"Ansicht der neuen Drag-and-Drop Version in TYPO3 Version 12\" class=\"wp-image-1897\" srcset=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_sortierung-1024x588.png 1024w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_sortierung-418x240.png 418w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_sortierung-825x474.png 825w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_sortierung.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Quelle: typo3.org<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Dank der Arbeit der<a href=\"https:\/\/typo3.org\/community\/teams\/typo3-development\/initiatives\/structured-content\" target=\"_blank\" rel=\"noreferrer noopener nofollow\"> Structured Content Initiative<\/a>  von TYPO3 wurde das Seitenmodul mit einer \u00fcbersichtlichen Benutzeroberfl\u00e4che versehen. Im aktuellen Release 12.1 wurden die zugrundeliegenden Stile \u00fcberarbeitet und einige Layout-Elemente optimiert. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dadurch ist es aktuell noch einfacher, Inhaltselemente zu verschieben. Ziel ist es, eine intuitive und flexible Nutzung von Inhaltstypen f\u00fcr die Redaktion im TYPO3 Backend. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Weitere Anpassungen sollen mit den n\u00e4chsten Sprint-Releases der Version 12 erfolgen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Ein besserer Editor<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Mit der Version 5 des CKEditors gibt es mit der neuen TYPO3 Version auch ein leistungsstarken und hochgradig anpassbaren Rich-Text-Editor (RTE), mit dem Backend-Benutzer Textinhalte f\u00fcr die Website bearbeiten k\u00f6nnen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">TYPO3 verf\u00fcgt jetzt \u00fcber eine Version, die komplett \u00fcberarbeitet wurde und keine iFrames mehr ben\u00f6tigt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Komfortable Suche<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_backend_suche.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"706\" src=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_backend_suche-1024x706.png\" alt=\"Ansicht der verbesserten Suche in TYPO3 Version 12\" class=\"wp-image-1899\" srcset=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_backend_suche-1024x706.png 1024w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_backend_suche-418x288.png 418w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_backend_suche-740x510.png 740w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_backend_suche.png 1097w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Insbesondere bei komplexen Websites bietet die neue Backend-Suche einen schnellen \u00dcberblick. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Ansicht hat dabei von einem Drop-Down zu einem Modalfenster gewechselt. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Die Ergebnisse werden \u00fcbersichtlich dargestellt und bieten einen direkten Einstieg in die Bearbeitung der gefundenen Seiteninhalte.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Neue Kachelansicht in der Dateiliste<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_backend_kachelansicht.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"522\" src=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_backend_kachelansicht-1024x522.png\" alt=\"Ansicht der neuen Kacheldarstellung in TYPO3 Version12\" class=\"wp-image-1900\" srcset=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_backend_kachelansicht-1024x522.png 1024w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_backend_kachelansicht-418x213.png 418w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_backend_kachelansicht-825x420.png 825w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_backend_kachelansicht.png 1250w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Die klassische Listenansicht bietet weiterhin einen schnellen \u00dcberblick \u00fcber die Dateien und Ordner \u2013 optional mit kleinem Thumbnail-Bild. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wesentliche Aktionen und Details wie Dateitypen, Dateigr\u00f6\u00dfen und Dateireferenzierungen in Inhaltselementen werden hier dargestellt. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Viele Backend-Benutzende sind jedoch an einer gr\u00f6\u00dferen Datei-Vorschau und weniger Details interessiert. Dies wird mit der neuen Kachelansicht erreicht, wie nachfolgender Screenshot zeigt.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Verbesserungen im Admin Panel<\/h3>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_backend_adminpanel.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"432\" src=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_backend_adminpanel-1024x432.png\" alt=\"Darstellung der Verbesserungen im Adminpanel in TYPO3 Version 12\" class=\"wp-image-1901\" srcset=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_backend_adminpanel-1024x432.png 1024w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_backend_adminpanel-418x176.png 418w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_backend_adminpanel-825x348.png 825w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_backend_adminpanel.png 1280w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Quelle: typo3.org<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Der Einstellungsbildschirm des Admin-Panels zeigt jetzt ein Kontrollk\u00e4stchen zum Deaktivieren der Start- und Endzeitbeschr\u00e4nkungen. Mit dieser Funktion k\u00f6nnen Redakteure eine Seite mit allen Inhaltsdatens\u00e4tzen anzeigen, selbst wenn f\u00fcr die Datens\u00e4tze ein Start- oder Endzeitstempel festgelegt ist.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mit einem zus\u00e4tzlichen Button l\u00e4sst sich nun die aktuell betrachtete Seite direkt im TYPO3 Backend \u00f6ffnen.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Anpassungen in der Darstellung der Dateiliste<\/h3>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_berechtigungen.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"170\" src=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_berechtigungen.png\" alt=\"Darstellung der verbesserten Berechtigungen in TYPO3 Verison 12\" class=\"wp-image-1902\" srcset=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_berechtigungen.png 1024w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_berechtigungen-418x69.png 418w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_v12_berechtigungen-825x137.png 825w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Quelle: typo3.org<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In TYPO3 Version 12.1 wurde zudem eine neue Option hinzugef\u00fcgt, sodass die prim\u00e4ren Aktionen in der Listenansicht der Dateien \u00fcbersichtlich angezeigt werden. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dabei k\u00f6nnen die angezeigten Aktionen f\u00fcr alle Benutzenden individuell eingestellt werden. Nicht ben\u00f6tigte Symbole k\u00f6nnen aus der Listenansicht entfernt werden und schaffen somit eine bessere \u00dcbersicht, wie im Screenshot dargestellt. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">St\u00e4ndig verwendetet Funktionen, wie zum Beispiel \u201eIn die Zwischenablage kopieren\u201c und \u201eAusschneiden\u201c, k\u00f6nnen stattdessen einfach in die Symbolleiste hinzugef\u00fcgt werden.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Kommunikation mit Drittsystemen<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Komplexe Website agieren schon lange nicht mehr als \u201estand alone\u201c-L\u00f6sung. Verschiedene unabh\u00e4ngige Systeme werden integriert, um Informationen auszutauschen oder Funktionen auszul\u00f6sen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Webhooks (zusammengesetzt aus \u201eWeb\u201c und \u201eHook\u201c, zu deutsch etwa Web-Haken) sind ein h\u00e4ufig verwendetes Konzept, um genau dies zu erreichen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mit einer neuen Funktion namens \u201eReactions\u201c ist es nun m\u00f6glich, TYPO3 so zu konfigurieren, dass es auf eingehende Webhook-Aufrufe reagiert.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Mehr Geschwindigkeit und Sicherheit unter der Haube<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Mit der Version 12.1 verabschiedet sich TYPO3 von PHP 7.4 als \u201eend of life\u201c-Version und die PHP Version 8.1 stellt zuk\u00fcnftig eine der Mindestanforderungen f\u00fcr den Betrieb des CMS dar. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Der Einsatz der aktuellen PHP Version verspricht eine bessere Leistung und mehr Geschwindigkeit f\u00fcr TYPO3. Zus\u00e4tzlich erh\u00e4lt die PHP-Version 8.1 bis November 2024 Sicherheitsupdates.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Der Weg ist das Ziel<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Die Ver\u00f6ffentlichung des Long-Term-Support (LTS) Release ist f\u00fcr den April 2023 geplant. Die Roadmap und Supportzeiten im \u00dcberblick:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>12.0<\/td><td>New system requirements and breaking changes<\/td><td>Released: 2022-10-04<\/td><\/tr><tr><td>12.1<\/td><td>Interoperability with third-party systems<\/td><td>Released: 2022-12-06<\/td><\/tr><tr><td>12.2<\/td><td>Improved backend UI<\/td><td>Estimated: 2023-02-07<\/td><\/tr><tr><td>12.3<\/td><td>Last-Minute Features<\/td><td>Estimated: 2023-03-28<\/td><\/tr><tr><td>12.4<\/td><td>LTS Release<\/td><td>Estimated: 2023-04-25<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<figure class=\"wp-block-image size-large\"><a href=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_support_times.png\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"310\" src=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_support_times-1024x310.png\" alt=\"Tabellarische Darstellung der Supportzeiten der einzelnen TYPO3 Versionen von Version 8 bis Version 12\" class=\"wp-image-1893\" srcset=\"https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_support_times-1024x310.png 1024w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_support_times-418x127.png 418w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_support_times-825x250.png 825w, https:\/\/www.visionconnect.de\/blog\/wp-content\/uploads\/2022\/12\/typo3_support_times.png 1186w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><figcaption class=\"wp-element-caption\">Quelle: typo3.org<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Unser Fazit: man darf sich jetzt schon auf die neue TYPO3 Long Term Support Version v12 freuen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mit der Entwicklung der v12 LTS Version werden ehrgeizige Pl\u00e4ne f\u00fcr die Zukunft von TYPO3 angestrebt.<br \/>\nAuf die bereits umgesetzten Features haben wir einen ersten Blick geworfen.<\/p>\n","protected":false},"author":2,"featured_media":1888,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[10],"class_list":["post-1886","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cms","tag-typo3"],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/posts\/1886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/comments?post=1886"}],"version-history":[{"count":12,"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/posts\/1886\/revisions"}],"predecessor-version":[{"id":2045,"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/posts\/1886\/revisions\/2045"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/media\/1888"}],"wp:attachment":[{"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/media?parent=1886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/categories?post=1886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.visionconnect.de\/blog\/wp-json\/wp\/v2\/tags?post=1886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}