FYI. This blog is translated by machine. Please ignore any spelling and grammar errors; sorry for such inconvenience. We appreciate your understanding and support.
Willkommen zum ultimativen TYPO3 v13 Leitfaden - ein Blog wie kein anderer! TYPO3 v13 ist ein entscheidender Moment in der CMS-Welt, der innovative Funktionen, verbesserte Leistung und robuste Sicherheit zusammenbringt. Begleiten Sie uns auf eine Reise durch alle spannenden Neuerungen, die TYPO3 v13 zu bieten hat.
TYPO3 v13 ist mehr als nur ein Update - es ist ein bahnbrechendes Release, das Ihre Arbeit mit Ihrem CMS verändert. TYPO3 v13 ist vollgepackt mit innovativen Funktionen und richtet sich an Redakteure, Integratoren, Entwickler und Administratoren gleichermaßen. Von der Modernisierung des Content Managements über die Steigerung der Website-Performance bis hin zur Verbesserung der Sicherheit - TYPO3 v13 wurde entwickelt, um den sich wandelnden Anforderungen digitaler Teams gerecht zu werden.
Was ist neu in TYPO3 v13?
Was macht diesen Leitfaden so einzigartig? Es ist die einzige Komplettlösung für TYPO3 v13, die alle Funktionen, Erweiterungen und Werkzeuge an einem Ort vereint.
Dieser Leitfaden führt Sie kapitelweise durch die Neuerungen von TYPO3 v13 und hilft Ihnen, die leistungsstarken Neuerungen in Ihren digitalen Projekten zu nutzen.
Sind Sie bereit, das volle Potenzial von TYPO3 v13 auszuschöpfen? Tauchen Sie ein!
Unterstützung von Rechts-nach-Links-Sprachen: Inklusion im Mittelpunkt
TYPO3 unterstützt jetzt vollständig RTL-Sprachen (Right-to-Left) wie Arabisch und Hebräisch und gewährleistet so globale Zugänglichkeit. Ganz gleich, ob Sie mehrsprachige Websites erstellen oder verschiedene Zielgruppen ansprechen möchten, TYPO3 v13 ist bereit, Ihre Anforderungen zu erfüllen.
Einführung des dunklen Modus
TYPO3 v13 führt den dunklen Modus für die Backend-Oberfläche ein, der es den Benutzern ermöglicht, zu einem dunkleren Thema zu wechseln, um die Benutzerfreundlichkeit und den visuellen Komfort zu verbessern. Dieser Modus verbessert die Zugänglichkeit und das Benutzererlebnis, insbesondere für Entwickler, die lange arbeiten.
Einführung des hellen Modus
Neben dem dunklen Modus bietet TYPO3 v13 auch einen hellen Modus für die Backend-Oberfläche. Benutzer können zu einem helleren Thema wechseln, das eine erfrischende visuelle Erfahrung bietet, die zu verschiedenen Arbeitsumgebungen und Vorlieben passt.
Verschieben von Inhaltselementen direkt über den Seitenbaum
Ein neues, praktisches Feature ermöglicht es TYPO3 Backend-Benutzern, Inhaltselemente direkt im Seitenbaum zu verschieben. Diese Erweiterung vereinfacht die Verwaltung von Inhalten, indem sie es den Benutzern ermöglicht, Inhaltselemente aus dem Modul "Seite" per Drag & Drop an die gewünschte Stelle im Seitenbaum zu ziehen.
Kapitel 3: Tools zur Unterstützung von Inhaltserstellern
Content Blocks (noch nicht in TYPO3 v13 core)
Content Blocks sind ein kleiner Vorgeschmack auf die Zukunft von TYPO3. Diese modularen, wiederverwendbaren Elemente vereinfachen das Seitendesign und geben Redakteuren die Möglichkeit, flexible Layouts zu erstellen, ohne den Code zu berühren. Auch wenn sie noch nicht Teil des Kerns sind, gibt diese Vorschau einen Hinweis auf die spannende Entwicklung von TYPO3.
Massenbearbeitung für Datensätze
Sparen Sie sich stundenlange manuelle Aktualisierungen mit der neuen Massenbearbeitungsfunktion, mit der Sie die Eigenschaften mehrerer Datensätze in einem Arbeitsgang bearbeiten können.
Kapitel 4: Vereinfachung der Standortverwaltung
Site Sets: Rationalisierung von Multi-Site-Konfigurationen
Site Sets, eingeführt in TYPO3 v13.3, bieten eine zentrale Möglichkeit, wiederverwendbare Konfigurationen über mehrere Standorte hinweg zu verwalten. Diese Funktion ist ideal für Unternehmen, die große Projekte mit mehreren Standorten durchführen, und spart Zeit und Aufwand.
Voreinstellungen für den Export und Download von Daten konfigurieren
Redakteure können jetzt mühelos Daten mit vordefinierten Voreinstellungen exportieren, die vom Website-Betreuer oder den Entwicklern der TYPO3-Erweiterung auf ihre Bedürfnisse zugeschnitten wurden. Keine wiederholte Spaltenauswahl mehr - wählen Sie einfach aus einer Liste von Voreinstellungen, die vom Website-Betreuer verwaltet werden, um den Export zu vereinfachen.
Erstellen von Backend-Benutzergruppen über CLI-Befehle
Als Alternative zum bestehenden Backend-Modul wurde ein neuer CLI-Befehl ./bin/typo3 setup:begroups:default eingeführt. Dieser Befehl automatisiert die Erstellung von Backend-Benutzergruppen und ermöglicht die Erstellung von zwei vorkonfigurierten Backend-Benutzergruppen mit angewendeten Berechtigungsvoreinstellungen.
Methode 1. Geführte Fragen/Antworten TYPO3 CLI-Befehl
# Default command
# Guided interactive questions/answers
./bin/typo3 setup:begroups:default
# Set --groups|-g option. Allowed values for groups are Both Editor and Advanced Editor:
# Command examples
./bin/typo3 setup:begroups:default --groups Both
./bin/typo3 setup:begroups:default --groups Editor
./bin/typo3 setup:begroups:default --groups “Advanced Editor”
Neue HTTP-Header-Einstellungen für Frontend- und Proxy-Caching
TYPO3 v13 führt neue HTTP-Header-Einstellungen ein, um die Frontend-Performance zu optimieren und das Proxy-Caching zu verbessern. Diese Verbesserungen ermöglichen eine bessere Kontrolle über das Caching-Verhalten und sorgen für schnellere Ladezeiten und ein besseres Ressourcenmanagement.
Beispiel für die Verwendung
// TypoScriptconfig.sendCacheHeaders = 1
Vorteile
Dieses Update ermöglicht es TYPO3, gemeinsam genutzte Caches (z.B. CDNs) anzuweisen, zwischengespeicherte Antworten zu speichern und gleichzeitig aktuelle Inhalte an die Benutzer auszuliefern. Die neue Einstellung hat Vorrang vor der bestehenden config.sendCacheHeaders = 1, wenn sie hinter einem Reverse-Proxy liegt.
Neue Base64-Option für Bilder
Die Einbettung von Bildern wird jetzt unterstützt, wodurch die CLS-Werte (Cumulative Layout Shift) verbessert und die Leistung der Website optimiert werden.
HauptmerkmaleBase64-Kodierung: Das neue Attribut base64="true" kodiert die Bildquelle als base64-String.Verbesserte Integration: Nützlich für die Einbettung von Bildern direkt in HTML, z. B. in FluidEmail-Vorlagen, und zur Minimierung von HTTP-Anfragen.
Verwendungsbeispiel
Um ein Bild in base64 zu kodieren, verwenden Sie den folgenden Code:
<!-- Fluid Example -->
<f:image base64="true" src="EXT:backend/Resources/Public/Images/typo3_logo_orange.svg" height="20" class="pr-2" />
<img src="{f:uri.image(base64: 'true', src:'EXT:backend/Resources/Public/Images/typo3_logo_orange.svg')}">
<!-- HTML Output -->
<img class="pr-2" src="data:image/svg+xml;base64,PHN2...cuODQ4LTYuNzU3Ii8+Cjwvc3ZnPgo=" alt="" width="20" height="20">
<img src="data:image/svg+xml;base64,PHN2...cuODQ4LTYuNzU3Ii8+Cjwvc3ZnPgo=">
Vorteile
Dieses Update vereinfacht das Einbetten von Bildern direkt in Ihre Inhalte und verbessert die Leistung, indem zusätzliche HTTP-Anfragen vermieden werden.
Verbessern Sie Ihre CLS-Bewertung: Inline-Dateieinbettung für Asset ViewHelpers
TYPO3 v13 verbessert die CLS-Bewertung (Cumulative Layout Shift) durch Einführung der Inline-Dateieinbettung für Asset ViewHelpers. Diese Verbesserung reduziert Layout-Verschiebungen durch die direkte Einbettung von CSS und JavaScript und sorgt so für ein flüssigeres Seiten-Rendering und eine bessere Benutzerfreundlichkeit.
- Inline-Rendering: Mit dem Inline-Argument kann der Inhalt von CSS- und JavaScript-Dateien direkt in den HTML <head>-Abschnitt eingebettet werden.
- Leistungsverbesserung: Nützlich für "above-the-fold"-Inhalte, zur Verringerung der kumulativen Layout-Verschiebung (CLS) und zur Verbesserung der Seitenladezeiten.
Beispiel für die Verwendung
<!-- CSS: Fluid Template -->
<f:asset.css identifier="my-hero" href="EXT:sitepackage/Resources/Public/Css/my-hero.css" inline="1" priority="1"/>
<!-- JavaScript: Fluid Template -->
<f:asset.script identifier="my-hero" src="EXT:sitepackage/Resources/Public/Js/my-hero.js" inline="1" priority="1"/>
Vorteile
Die seneue Option ermöglicht es Ihnen, das Laden Ihrer Assets zu verwalten und zu optimieren, was zu einem reibungsloseren und effizienteren Nutzererlebnis beiträgt.
Automatisches Frontend-Cache-Tagging
TYPO3 v13 führt das automatische Frontend-Cache-Tagging ein, das eine präzise und effiziente Invalidierung des Caches ermöglicht. Dadurch wird sichergestellt, dass nur relevante Cache-Inhalte bei Änderungen aktualisiert werden, was die Performance verbessert und unnötige Cache-Löschungen reduziert.
Vorteile
Das automatische Cache-Tagging sorgt für eine konsistente Aktualisierung der Cache-Einträge bei Datensatzänderungen, wodurch die Cache-Verwaltung vereinfacht und eine präzise Bereitstellung von Inhalten gewährleistet wird.
Kapitel 6: Sicherheit als Herzstück von TYPO3 v13
Vereinfachte Backend-Berechtigungen UI
TYPO3 v13 bietet eine vereinfachte Backend-Berechtigungs-Benutzeroberfläche mit einem klareren Design und intuitiven Steuerelementen. Administratoren können jetzt Benutzerberechtigungen einfach verwalten, wodurch Arbeitsabläufe rationalisiert und die Benutzerfreundlichkeit verbessert werden.
Konfigurationseinstellung zur Definition der Backend-Sperrdatei hinzufügen
TYPO3 v13.3 führt eine neue Konfigurationseinstellung ein, um den Speicherort der Backend-Sperrdatei zu definieren, die bisher in typo3conf/ gespeichert war. Mit der neuen Einstellung $GLOBALS['TYPO3_CONF_VARS']['BE']['lockBackendFile'] kann der Speicherort der LOCK_BACKEND-Datei angegeben werden.
Standard-Speicherorte
- Composer-Modus: var/lock/
- Legacy-Modus: config/
Wenn Sie einen benutzerdefinierten Speicherort oder eine Automatisierung für die LOCK_BACKEND-Datei verwendet haben, aktualisieren Sie Ihre Prozesse oder verwenden Sie CLI-Befehle (vendor/bin/typo3 backend:lock und vendor/bin/typo3 backend:unlock).
Vorteile
Die neue Einstellung bietet Flexibilität bei der Verwaltung des Speicherorts der Backend-Sperrdatei, die jetzt standardmäßig auf var/lock/ (Composer) oder config/ (Legacy) eingestellt ist, und ermöglicht eine einfachere Verwaltung der Backend-Wartung.
Schutz von TCA-Strukturen mit der neuen Schema API
Einführung der neuen Schema-API, die einen einheitlichen Zugriff auf alle TCA-Strukturen in TYPO3 ermöglicht. Dieses Architektur-Update zielt darauf ab, den direkten Zugriff auf $GLOBALS['TCA'] nach dem Bootstrap zu minimieren. Während bestehende Methoden wie das Lesen und Schreiben von $GLOBALS['TCA'] in Configuration/TCA/* und über TCA Overrides unverändert bleiben, bietet die API einen einheitlichen Ansatz für den Zugriff auf TCA-Informationen.
Wegfall des "typo3conf"-Verzeichnisses
Das alte typo3conf-Verzeichnis ist nicht mehr Teil der Systemstatus-Prüfungen, was einen Schritt nach vorne in der modernisierten TYPO3-Architektur darstellt.
Wichtiges Highlight
- Erweiterungen (werden jetzt in vendor/ verwaltet)
- Konfigurationsdateien (jetzt in config/)
- Sprachkennzeichnungen und Artefaktstatus (verschoben nach var/)
- Backend-Sperrdatei (LOCK_BACKEND)
Vorteile
Diese Änderung vereinfacht die TYPO3-Verzeichnisstruktur.
Kapitel 7: Leistungsstarke Tools für Entwickler
Upgrade auf Fluid 4.0
TYPO3 v13.3 aktualisiert auf Fluid 4.0 und führt eine verbesserte Unterstützung für boolesche Attribute in Tag-basierten ViewHelpers ein. Während ältere TYPO3-Versionen weiterhin Fluid 2 mit laufenden Fehlerkorrekturen verwenden, optimiert dieses Update die Handhabung boolescher Attribute und macht sie einfacher und intuitiver.
Lernen Sie PAGEVIEW kennen: Ein Game-Changer für Integrator
Das neue PAGEVIEW-Inhaltsobjekt vereinfacht TypoScript für Entwickler und macht das Rendern von Seiten schneller und effizienter. Diese Funktion entspricht dem Ziel von TYPO3, die Komplexität zu reduzieren, ohne die Flexibilität zu beeinträchtigen.
# EXT:your_extension/Configuration/Sets/YourSet/setup.typoscript
page = PAGE
page.10 = PAGEVIEW
page.10.paths.100 = EXT:mysite/Resources/Private/Templates/
ExpressionBuilder Upgraded
Entwickler können jetzt die Vorteile von über 10 neuen Methoden für die dynamische Abfrageerstellung nutzen, die mehr Flexibilität für komplexe Anwendungsfälle bieten.
# Introduced New Expression Methods
ExpressionBuilder::as()
ExpressionBuilder::concat()
ExpressionBuilder::castVarchar()
ExpressionBuilder::castInt()
ExpressionBuilder::repeat()
ExpressionBuilder::space()
ExpressionBuilder::left()
ExpressionBuilder::right()
ExpressionBuilder::leftPad()
ExpressionBuilder::rightPad()
Automatische Systemfelder in Inhaltstypen
TYPO3 v13 führt automatische Systemfelder in Inhaltstypen ein, wobei wichtige Felder wie Zeitstempel und Benutzer-IDs automatisch zu neuen Inhaltstypen hinzugefügt werden. Dies vereinfacht die Erstellung von Inhalten bei gleichzeitiger Wahrung der Konsistenz im gesamten System.
// Before
'slider' => [
'showitem' => '
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:general,
--palette--;;general,
--palette--;;headers,
slider_elements,
bodytext;LLL:EXT:awesome_slider/Resources/Private/Language/locallang_ttc.xlf:bodytext.ALT.slider_description,
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:appearance,
--palette--;;frames,
--palette--;;appearanceLinks,
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:language,
--palette--;;language,
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:access,
--palette--;;hidden,
--palette--;;access,
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:categories,
categories,
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:notes,
rowDescription,
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:extended,
',
],
// After
'slider' => [
'showitem' => '
--palette--;;headers,
slider_elements,
bodytext;LLL:EXT:awesome_slider/Resources/Private/Language/locallang_ttc.xlf:bodytext.ALT.slider_description,
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:categories,
categories,
--div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:extended,
',
],
FAL-Unterstützung für FlexFormProcessor
Der FlexFormProcessor ist nun in der Lage, FAL-Referenzen eigenständig aufzulösen. Jedes FlexForm-Feld, das aufgelöst werden soll, benötigt eine Referenzdefinition auf die foreign_match_fields. Diese Referenz wird später im FilesProcessor verwendet, um die richtige FAL-Ressource aufzulösen.
10 = TYPO3\CMS\Frontend\DataProcessing\FlexFormProcessor
10 {
fieldName = my_flexform_field
references {
my_flex_form_group.my_flex_form_field = my_field_reference
}
as = myOutputVariable
}
Wichtiges Update: Reference Index Rebuild erforderlich
In TYPO3 v13 erfordern neue Spalten in der sys_refindex-Tabelle einen obligatorischen Rebuild bei Upgrades, um eine korrekte Datenverarbeitung zu gewährleisten. Der Prozess wurde nun optimiert, um schnellere Updates zu ermöglichen, eine bessere strukturelle Leistung im Frontend zu gewährleisten und Dateninkonsistenzen zu vermeiden.
FAL-Dateiverwaltung in Extbase/Fluid
Verbesserte Unterstützung für das Hochladen und Löschen von Dateien in Extbase und Fluid vereinfacht die Handhabung von Medien für Entwickler.
Doctrine Database Abstraction Layer (DBAL) Update:
Aktualisierte Doctrine, die in TYPO3 verwendete DBAL. Doctrine DBAL v4 befindet sich in der ersten Release Candidate Phase, die endgültige Version wird in den nächsten Monaten erwartet. Entwickler finden weitere Informationen zu den Änderungen in Doctrine DBAL v4 in den Upgrade Notes.
Chapter 8 - Verbesserung der Benutzerfreundlichkeit von TYPO3 Version 13 für alle
Dashboard: Neue Widgets (SEO, Systemnotizen, Seitenänderungen)
TYPO3 v13 führt neue Dashboard-Widgets für SEO, Systemnotizen und Seitenänderungen ein, die ein optimiertes und informatives Backend-Erlebnis bieten. Diese Widgets verbessern die Zugänglichkeit für den Benutzer, indem sie die wichtigsten Informationen auf dem Dashboard zusammenfassen und so eine bessere Verwaltung der Inhalte und eine bessere Entscheidungsfindung ermöglichen.
SEO
UI (User Interface) Touch-up!
In TYPO3 v13.3 werden Sie ein aufgefrischtes Aussehen im gesamten Backend mit Aktualisierungen der Farben, TypoGraphy, Icons und Abstände bemerken. Diese Änderungen bringen ein modernes und verbessertes Benutzererlebnis für TYPO3. Was denken Sie darüber? Teilen Sie uns Ihr Feedback in den Kommentaren mit!
Workspace Magic
Prüfungen und Genehmigungen in Arbeitsbereichen wurden gestrafft und machen die gemeinsame Bearbeitung effizienter.
Verbessertes Benachrichtigungsmanagement
Die neue Schaltfläche "Alles löschen" entschlackt Ihre Benachrichtigungen, damit Sie sich auf das Wesentliche konzentrieren können.
Mehr Sprachen, mehr Reichweite
Mit Irisch-Gälisch, Schottisch-Gälisch und Maltesisch erweitert TYPO3 seine globale Einsatzfähigkeit.
TYPO3 v13 Roadmap und Support
TYPO3 v13 kommt mit erweiterten Support-Optionen und einer transparenten Roadmap, die langfristige Stabilität für Ihre Projekte gewährleistet.
Systemanforderungen für TYPO3 v13
Überprüfen Sie Ihre Infrastruktur anhand der aktualisierten Systemanforderungen, um ein reibungsloses Upgrade zu gewährleisten.
Anforderung | Einzelheiten |
PHP-Version | Minimum: 8.2; empfohlen: 8.3 |
Datenbank | MySQL 8.0+, MariaDB 10.3+, PostgreSQL 12+, SQLite 3.31.0+ |
Web-Server | Apache 2.4+ oder Nginx (IIS wird offiziell nicht unterstützt) |
Betriebssystem | Linux, macOS, Windows (nur für die Entwicklung empfohlen) |
Bildverarbeitung | ImageMagick oder GraphicsMagick |
Composer | Erforderlich für die Installation und Verwaltung von Abhängigkeiten |
Browsers | Aktuelle Versionen von Chrome, Firefox, Safari und Edge für den Backend-Zugriff |
ARBEITSSPEICHER | Mindestens 2 GB für kleine Installationen; mehr für größere Setups |
Kapitel 10: Bereit, TYPO3 v13 auszuprobieren?
Herunterladen und Installieren von TYPO3 v13
Der Einstieg ist einfach! Laden Sie TYPO3 v13 herunter und folgen Sie den Schritt-für-Schritt-Anleitungen, um die Funktionen zu erkunden.
Experimentieren und erforschen
Tiefen Sie in die Möglichkeiten von TYPO3 v13 ein und sehen Sie, wie es Ihre Projekte verändern kann.
Kapitel 11: Abschluss der Reise
TYPO3 Version 13.3 ist ein großer Schritt nach vorne, vollgepackt mit neuen Funktionen, die zeigen, wie flexibel die Plattform ist. Dieses Update unterstreicht das Engagement von TYPO3, technologisch immer einen Schritt voraus zu sein und die sich ändernden Bedürfnisse der Nutzer zu erfüllen.
Doch die Reise ist noch nicht zu Ende. Die TYPO3 Community ist das Herzstück dieses Fortschritts, und Ihre Beteiligung ist der Schlüssel zur Gestaltung der Zukunft. Ob Sie die neue Version erkunden oder Ideen beisteuern, jeder Schritt nach vorne ist eine gemeinsame Anstrengung.
Abschließende Bemerkungen:
Dankbarkeit: Ein großes Dankeschön an die TYPO3 Open Source Community für ihr unglaubliches Engagement. Lassen Sie uns diese Leistung feiern, indem Sie Ihre Gedanken in den sozialen Medien teilen, sich in Slack-Gruppen austauschen oder TYPO3 durch Spenden unterstützen.
Tauchen Sie ein: Probieren Sie TYPO3 v13 aus! Entdecken Sie, wie diese Erweiterungen Ihre Projekte verändern können. Wenn Sie auf Probleme stoßen oder Vorschläge haben, teilen Sie diese auf TYPO3 Forge mit und helfen Sie, die Plattform weiter zu verbessern.
Lassen Sie uns gemeinsam diese aufregende Version begrüßen. Viel Spaß beim Erforschen und auf eine erfolgreiche Zukunft von TYPO3: Viel Spaß mit TYPO3 v13!
Big thanks to the author for this detailed guide! This article covered everything I needed about TYPO3 v13, from features to step-by-step upgrade instructions. A must-read for TYPO3 users!