Top 8 Erweiterungen in TYPO3 v12 für Integratoren

In diesem nächsten Teil unserer Serie werden wir einige der wichtigsten Funktionen von TYPO3 v12 für Integratoren besprechen. Zuvor haben wir uns mit den Änderungen und Vorteilen von TYPO3 v12 für Administratoren beschäftigt. Bei der Arbeit mit TYPO3. Integrator haben Sie nicht nur Zugang zu einer besseren Backend-UX, sondern auch zu verbesserten Backend-Suchfunktionen und vielem mehr.

TYPO3 ist eines der beliebtesten CMS und eignet sich daher sowohl für kleine Websites als auch für große Organisationen. Derzeit bieten die neue Version 12 und ihre im April 2023 veröffentlichte LTS-Version Sicherheitsupdates für mindestens drei Jahre.

Das Jahr 2023 ist eine Reihe von Meilensteinen, die von der Community selbst für TYPO3-Entwickler und -Enthusiasten veröffentlicht wurden. Als TYPO3-Integrator werden Sie einige bedeutende Änderungen am System sehen und Ihre Arbeit dadurch effizienter gestalten.

Hier finden Sie alles, was Sie über die neuen Funktionen für Integratoren in TYPO3 v12 wissen müssen.

Als TYPO3-Integrator ist es Ihre Aufgabe, dafür zu sorgen, dass die Website effektiv funktioniert und den gewünschten Spezifikationen entspricht, um Ihnen die beste Leistung zu bieten. Sie dienen als Brücke zwischen den Designern und den TYPO3-Entwicklern.

Nehmen wir an, Sie sind ein TYPO3-Integrator oder jemand, der es werden möchte. In diesem Fall ist es Ihre Aufgabe, dafür zu sorgen, dass die Entwürfe vollständig mit den TYPO3-Spezifikationen übereinstimmen und das Backend so zu konfigurieren, dass es auf die spezifischen Anforderungen des Projekts zugeschnitten ist. Das ist aber nicht alles. Hier sind einige der wichtigsten Aufgaben eines TYPO3-Integrators.

• Optimierung der Leistung
• Backend-Konfiguration
• Integration von Themen und Erweiterungen
• Fehlersuche und Fehlerbehebung

Darüber hinaus arbeiten TYPO3-Integratoren mit TYPO3-Entwicklern, TYPO3-Redakteuren und Grafikdesignern zusammen, um das System optimal einzurichten und zu pflegen, die Website zu erstellen und aktuell zu halten.

Mehr Details über Redirect Records

Je größer die Website, die Sie haben, die Anzahl der Umleitungen wächst mit. Um sie alle effizient zu verwalten, TYPO3 hat dieses Modul um eine ganze Reihe von Funktionen erweitert.

Erstens können Sie jetzt kurze Beschreibungen geben zum Umleitungen, wie "Inhalt XYZ" oder etwas anderes um die URL kurz zu beschreiben. Dies ermöglicht es Ihnen um bei Bedarf auf sie zuzugreifen, indem Sie die Beschreibung überprüfen.

Eine weitere Funktion ist, dass TYPO3 automatische Weiterleitungen erstellt. Wenn sich der Slug oder die URL der Seite ändert, TYPO3 erstellt automatisch einen Pfad von der alten Url zur neuen Url, um Fehler zu vermeiden, wenn ein Benutzer versucht, darauf zuzugreifen.

Neue technische Funktionen in TYPO3 v12

Verbesserter TypoScript Template Analyzer

Das Backend "Template" Modul "Template Analyzer" wurde grundlegend überarbeitet und zeigt viel mehr Informationen als zuvor an:

Das Rendering trennt "constant" und "setup" und rendert beide in eigenen Panels.
@import und <INCLUDE_TYPOSCRIPT: werden nun aufgelöst und als Knoten im Include-Baum angezeigt.

TypoScript-Bedingungen werden im Include-Baum angezeigt und können umgeschaltet werden, um Frontend-Bedingungsurteile zu simulieren.

Durch Anklicken eines Include-Knotens wird dieser Abschnitt des Include-Baums als Quellbaum mit entsprechenden Kommentaren für Importanweisungen angezeigt.

TypoScript-Syntax-Verbesserungen

TYPO3 v12 enthält einen neuen TypoScript-Syntaxparser, der noch leistungsfähiger ist, stabiler und ermöglicht ein besseres Tooling im Backend.

Der neue Parser ist an vielen Stellen nachsichtiger, diese Dokumentation listet die neuen Möglichkeiten auf.

Verbessertes Kommentar-Parsing

foo # Dies ist ein Kommentar zu einer ungültigen Zeile

foo < bar // Dies ist ein Kommentar
foo < bar /* Auch dies ist ein berechtigter Kommentar */

foo > # Ein weiterer gültiger Kommentar

foo := addToList(1) # Ja, ein Kommentar

[foo = bar] # Viel Kommentar. Viel "Wow".

<INCLUDE_TYPOSCRIPT: source="..."> /* Ein Kommentar */

foo (
  # Dies ist KEIN Kommentar, sondern Teil der Wertzuweisung!
  bar = barValue
) # Dies ist ein Kommentar

foo = bar // Dies ist KEIN Kommentar, sondern Teil der Wertzuweisung!

@import in Bedingungen
Das Einfügen eines @import-Schlüsselworts in eine Bedingung wird jetzt unterstützt. Das folgende Beispiel funktioniert. Beachten Sie, dass dies die unbeholfene <INCLUDE_TYPOSCRIPT: Syntax, und die Integratoren werden aufgefordert vollständig umstellen auf @import.

[frontend.user.isLoggedIn]
  @import 'EXT:my_extension/Configuration/TypoScript/LoggedInUser.typoscript
[ELSE]
  @import 'EXT:my_extension/Configuration/TypoScript/NotLoggedInUser.typoscript
[END]

Die Verschachtelung von Bedingungen wird teilweise unterstützt

[frontend.user.isLoggedIn]
  @import 'EXT:my_extension/Configuration/TypoScript/LoggedInUser.typoscript
[applicationContext == "Development"]
  @import 'EXT:my_extension/Configuration/TypoScript/Development.typoscript
[END]

[frontend.user.isLoggedIn]
  @import 'EXT:my_extension/Configuration/TypoScript/LoggedInUser.typoscript
[END]

# File LoggedInUser.typoscript:
[applicationContext == "Development"]
  @import 'EXT:my_extension/Configuration/TypoScript/LoggedInUserDevelopment.typoscript
[END]

Unterstützung der Sprachrichtung in ckeditor
Die contentsLangDirection-Konfiguration des ckeditors wird verwendet, um die Richtung des Inhalts zu definieren. Sie wird nun mit der Richtung gefüllt, die in der Site-Sprache des aktuellen Elements definiert ist.

Als Fallback kann die Seite TSconfig Konfiguration RTE.config.contentsLanguageDirection = rtl verwendet werden.

TypoScript Option "showWebsiteTitle"
Es wurde eine neue TypoScript-Option config.showWebsiteTitle hinzugefügt. Mit dieser Option kann festgelegt werden, ob der in der Site-Konfiguration definierte Website-Titel zum Seitentitel, der z.B. für den <title>-Tag verwendet wird, hinzugefügt werden soll.

CKEditor 5
TYPO3 v12 wird mit CKEditor 5 ausgeliefert, einem Rich-Text-Editor zur Bearbeitung von Feldern, in denen benutzerdefinierte Formatierungen für Text mit Styling oder Links oder Tabellenformatierungen vorgenommen werden können. Read more

Überschreiben von Backend-Vorlagen mit TSconfig

# Pattern: templates."composer-name"."something-unique" = "overriding-extension-composer-name":"entry-path"
templates.typo3/cms-linkvalidator.1643293191 = my-vendor/my-extension:Resources/Private/TemplateOverrides

templates.typo3/cms-linkvalidator.23 = other-vendor/other-extension:Resources/Private/TemplateOverrides/Linkvalidator
templates.typo3/cms-linkvalidator.2300 = my-vendor/my-extension:Resources/Private/MyOverrideIsBigger

Automatische Einbindung der TSconfig-Seite von Erweiterungen
Autoren von Erweiterungen können nun eine Datei namens Configuration/page.tsconfig in ihren Erweiterungsordner legen.

Diese Datei wird dann erkannt, um den Inhalt als globale Seite TSconfig für die gesamte TYPO3-Installation während der Build-Zeit zu laden.

CLI-Setup-Befehl einführen

Um den Setup-Prozess für neue TYPO3-Installationen automatisieren zu können, wird ein neues CLI-Befehls-Setup als Alternative zum bestehenden GUI-basierten Web-Installer eingeführt.

./bin/typo3 setup
TYPO3_DB_DRIVER=mysqli \
TYPO3_DB_USERNAME=db \
TYPO3_DB_PORT=3306 \
TYPO3_DB_HOST=db \
TYPO3_DB_DBNAME=db \
TYPO3_SETUP_ADMIN_EMAIL=admin@example.com \
TYPO3_SETUP_ADMIN_USERNAME=admin \
TYPO3_SETUP_CREATE_SITE="https://your-typo3-site.com/" \
TYPO3_PROJECT_NAME="Automated Setup" \
./bin/typo3 setup --force

Generierung von absoluten URLs vollständig zulassen

Es wurde eine neue TypoScript-Option config.forceAbsoluteUrls = 1 hinzugefügt.

Zusätzliche Attribute für includeJS, includeCSS und alle anderen page.include**

Der PageRenderer unterstützt zusätzliche Tag-Attribute für CSS- und JavaScript-Dateien. Diese Datenattribute können mit einer Schlüssel/Wert-Liste über TypoScript konfiguriert werden.

page = PAGE
page {
  includeCSSLibs {
    someIncludeFile = fileadmin/someIncludeFile1
    someIncludeFile.data-foo = includeCSSLibs
  }
  includeCSS {
    someIncludeFile = fileadmin/someIncludeFile2
    someIncludeFile.data-foo = includeCSS
  }
  includeJSLibs {
    someIncludeFile = fileadmin/someIncludeFile3
    someIncludeFile.data-consent-type = marketing
  }
  includeJS {
    someIncludeFile = fileadmin/someIncludeFile4
    someIncludeFile.data-consent-type = essential
  }
  includeJSFooterlibs {
    someIncludeFile = fileadmin/someIncludeFile5
    someIncludeFile.data-my-attribute = foo
  }
  includeJSFooter {
    someIncludeFile = fileadmin/someIncludeFile6
    someIncludeFile.data-foo = includeJSFooter
  }
}

Glob-Muster in yaml-Importen zulassen

Beim Import von Konfigurationsdateien in YAML kann nun die glob()-Syntax verwendet werden.

imports:
  - { resource: "./**/*.yaml", glob: true }
  - { resource: "EXT:core/Tests/**/Configuration/**/SiteConfigs/*.yaml", glob: true }

Neuer Dateispeicherort für ENABLE_INSTALL_TOOL
Um auf das eigenständige Install Tool zugreifen zu können, musste die Datei typo3conf/ENABLE_INSTALL_TOOL erstellt werden. Mit TYPO3 v12 hat sich der Speicherort dieser Datei geändert.

// Mit TYPO3 v12 hat sich der Speicherort dieser Datei geändert:
var/transient/ENABLE_INSTALL_TOOL
config/ENABLE_INSTALL_TOOL

// Bei Altinstallationen werden die folgenden Dateipfade überprüft:
typo3temp/var/transient/ENABLE_INSTALL_TOOL
typo3conf/ENABLE_INSTALL_TOOL

TYPO3 v12 hat eine Menge zu bieten, was die Benutzeroberfläche angeht, zusammen mit einer Vielzahl von Funktionen für Integratoren. Dieser Leitfaden wird Ihnen helfen, alle Aspekte zu verstehen, die Sie wissen müssen, bevor Sie Ihre Website auf v12 aktualisieren.

Zu den wichtigsten Funktionen, die wir gefunden haben, gehören eine verbesserte Backend-Suche, mehrstufiges Sprach-Fallback und bedeutende Änderungen an der Benutzeroberfläche auf mehreren Ebenen. Aber das ist noch nicht alles. Gehen Sie alle in diesem Leitfaden genannten Funktionen durch und erfahren Sie, wie TYPO3-Integratoren diese neuen Aspekte nutzen können, um ihre Effizienz zu steigern.