---
title: Wie man komplexe Seitenlayouts und Teil-Strukturen in TYPO3 implementiert
url: "https://b13.com/de/wissen/flexible-container-und-grids-fuer-typo3-teil-zwei"
description: Wie man mit Hilfe der TYPO3 Container Extension komplexe Unterstrukturen für das Seitenlayout hinzufügt. Teil 3 unserer Serie.
image: "https://b13.com/fileadmin/_processed_/a/4/csm_Container_pt3_191-1_8f70dabb45.png"
date: 2020-07-21
modified: 2026-08-19
lastUpdated: 2026-08-19
---

# Wie man komplexe Seitenlayouts und Teil-Strukturen in TYPO3 implementiert

[ Container ](https://b13.com/de/wissen/container) [ CType ](https://b13.com/de/wissen/ctype) [ TYPO3 ](https://b13.com/de/wissen/typo3)

 Flexible Container und Grids für TYPO3, Teil drei
===================================================

![](https://b13.com/fileadmin/_processed_/a/d/csm_david_5ce18d41e2.jpg)David Steeb

  22. Juli 2020

 [ RSS Feed ](https://b13.com/de/rss.xml)

  ![Zwei Personen, eine mit langen Haaren und die andere mit kurzen Haaren, zeigen auf einen großen digitalen Bildschirm, der Texte und Grafiken anzeigt. Die Szene ist von lebhaften Farben und abstrakten Formen im Hintergrund geprägt.](https://b13.com/fileadmin/_processed_/c/9/csm_Container_pt3_04be350333.webp)

**Fortgeschrittenes Beispiel: Wie man komplexe Untereinheiten zu einer Seite hinzufügt.** In [Teil 1 dieser Serie](https://b13.com/de/wissen/flexible-container-und-grids-fuer-typo3) haben wir unsere Container-Erweiterung vorgestellt (und wann man sie nicht verwenden sollte!). Wir sprachen darüber, warum wir sie erstellt haben und wie man einfache Containerelemente zur Strukturierung des Inhalts hinzufügen kann. [In Teil 2](https://b13.com/de/wissen/flexible-container-und-grids-fuer-typo3-teil-zwei) führten wir durch ein kurzes Beispiel: Hinzufügen einer einfachen zweispaltigen Unterstruktur zu einer Seite und Speichern von Inhaltselementen darin.

In diesem dritten Beitrag möchte ich einige fortgeschrittene Anwendungsfälle zeigen, in denen Containerelemente uns dabei helfen, eine saubere und intuitive Benutzeroberfläche für Redakteure zu schaffen, und warum wir die „core-nahe“ Art und Weise lieben, wie Containerelemente von unserer Erweiterung erstellt werden (Stichwort: sauberer Code und einfachere, weniger riskante Upgrades).

  ####  Dieser Blog Post ist Teil unserer Container Serie

- [Teil 1: Flexible Containers und Grids für TYPO3](https://b13.com/de/wissen/flexible-container-und-grids-fuer-typo3)
- [Teil 2: Flexible Containers und Grids für TYPO3 — Einfaches Beispiel](https://b13.com/de/wissen/flexible-container-und-grids-fuer-typo3-teil-zwei)
- **[Teil 3: Flexible Containers und Grids für TYPO3 — Erweitertes Beispiel und Konfigurationsmöglichkeiten](https://b13.com/de/wissen/flexible-container-und-grids-fuer-typo3-teil-drei)**

   Fortgeschrittenes Anwendungsbeispiel für Container
----------------------------------------------------

Die Notwendigkeit, Unterabschnitte einer Seite in einem zweispaltigen Layout anzuzeigen, ist ein offensichtlicher Anwendungsfall für jede multi-column Extension. Bei den Projekten, die wir bei b13 in Angriff nehmen, stoßen wir im Frontend regelmäßig einige komplexe „Element-Kombination“-Anforderungen. Unsere Designer scheinen auch ein Händchen dafür zu haben, uns ständig herauszufordern und bis an die Grenzen des Möglichen zu gehen. Als TYPO3-Integratoren sind wir bestrebt, flexible Backend- und Inhaltselementstrukturen zu schaffen. Wir wollen alle möglichen gewünschten Kombinationen von Inhaltstypen zulassen, die wir (oder unsere Designer) sehen wollen, und gleichzeitig die verfügbaren Optionen und Layouts auf ein Minimum beschränken. Wir haben festgestellt, dass zu viel Flexibilität dazu führt, dass Redakteure das Design (unbeabsichtigt) durcheinander bringen können, insbesondere bei großen Teams, die in einem TYPO3-Backend arbeiten. Wir versuchen, die Auswahlmöglichkeiten der Redakteure so klar und robust wie möglich zu gestalten.

**Für dieses Beispiel nehmen wir an, dass wir ein Online-Corporate-Design-Handbuch erstellen.**

- Das Designhandbuch wird Seiten für verschiedene Designelemente, Farben, Schaltflächen, Schriftarten, Absätze usw. enthalten.
- Jede Seite kann aus mehreren (Unter-)Abschnitten mit detaillierten Beschreibungen und Richtlinien sowie mit Beispielen bestehen.
- Jeder Seitenabschnitt kann eine Überschrift, einen allgemeinen Beschreibungstext, Querverweislinks, verwandte Downloads und den Inhalt selbst haben, der aus verschiedenen Elementen und Inhaltstypen bestehen kann.

**Per Definition haben wir also**

- einige Seitenbereiche, die von einem Redakteur nur einmal gefüllt werden können (jedes Element sollte z.B. nur eine Überschrift, einen Beschreibungstext und einen Satz Links haben).
- und andere Bereiche, in denen der Redakteur möglicherweise mehrere andere Inhaltselemente hinzufügen muss.

Jede Seite im Corporate-Design-Handbuch kann mehrere solcher Abschnitte (Produkt-Teaser, News-Teaser, Event-Teaser, Kontakt-Teaser usw.) mit einer Mischung aus verschiedenen Inhaltstypen haben.

Bei dem unten gezeigten Beispieldesign handelt es sich um eine Seitenvorlage, die in Abschnitte unterteilt ist, die jeweils Unterstrukturen darstellen. Jeder Abschnitt kann eine Überschrift, einen Einleitungstext, verschiedene Inhaltselemente in der Hauptspalte und weitere optionale Inhalte in einer Seitenspalte haben.

Wenn wir nur eine einzige Struktur wie diese hätten, würden wir mit einem regulären Backend-Layout beginnen. Da diese Struktur ein Inhaltsblock ist, der mehrfach auf derselben Seite platziert (und angepasst) werden kann, erstellen wir ein Containerelement. Wenn wir einen Container verwenden, haben wir ein Element mit einer eindeutigen uid, mit dem wir die seiteninternen Abschnittslinks von TYPO3 verwenden können, um seiteninterne Menüs oder seitenübergreifende Links zu dem jeweiligen Ankerpunkt zu erstellen.

  Hier ist ein Design-Screenshot, der zeigt, was wir vorhaben:

  ![Corporate Design Manual](https://b13.com/fileadmin/_processed_/8/8/csm_corporate-design-manual-webdesign-mockup_106c02e00c.webp "Corporate Design Manual")  Abbildung 1: Corporate Design Handbuch Seitenlayout

   Das Container-Element konfigurieren
-------------------------------------

Hier ist das TCA für unser Beispiel-Container-Element:

  ```
1<br></br>2<br></br>3<br></br>4<br></br>5<br></br>6<br></br>7<br></br>8<br></br>9<br></br>10<br></br>11<br></br>12<br></br>13<br></br>14<br></br>15<br></br>16<br></br>17<br></br>18<br></br>19<br></br>20<br></br>21<br></br>22<br></br>23<br></br>24<br></br>25<br></br>26<br></br>27<br></br>28<br></br>29<br></br>30<br></br>31<br></br>32<br></br>33<br></br>34<br></br>35<br></br>36<br></br>37<br></br>38<br></br>39<br></br>40<br></br>41<br></br>42<br></br>
```

```
\TYPO3\CMS\Core\Utility\GeneralUtility::makeInstance(\b13\Container\Tca\Registry::class)->configureContainer(<br></br>    (<br></br>        <span class="hljs-keyword">new</span> \b13\Container\Tca\ContainerConfiguration(<br></br>            <span class="hljs-string">'cd-detail-section'</span>, <br></br>            <span class="hljs-string">'CD Detail Section'</span>,<br></br>            <span class="hljs-string">'Insert a detail section for Corporate Design Elements'</span>,<br></br>            [<br></br>                [<br></br>                    [<span class="hljs-string">'name'</span> => <span class="hljs-string">'Main Column'</span>, <span class="hljs-string">'colPos'</span> => <span class="hljs-number">201</span>, <span class="hljs-string">'allowed'</span> => [<span class="hljs-string">'CType'</span> => <span class="hljs-string">'textmedia,cta,text,image,bullets,cd_text,footnotes'</span>]],<br></br>                    [<span class="hljs-string">'name'</span> => <span class="hljs-string">'Sidebar Content'</span>, <span class="hljs-string">'colPos'</span> => <span class="hljs-number">202</span>, <span class="hljs-string">'allowed'</span> => [<span class="hljs-string">'CType'</span> => <span class="hljs-string">'text,sidebar-image'</span>]]<br></br>                ]<br></br>            ]<br></br>        )<br></br>    )<br></br>    ->setIcon(<span class="hljs-string">'EXT:site_cdmanual/Resources/Public/Icons/CD-Detail-Section.svg'</span>)<br></br>    ->setBackendTemplate(<span class="hljs-string">'EXT:site_cdmanual/Resources/Private/Container/Templates/Cd-detail-section.html'</span>)<br></br>);<br></br><br></br>$GLOBALS[<span class="hljs-string">'TCA'</span>][<span class="hljs-string">'tt_content'</span>][<span class="hljs-string">'types'</span>][<span class="hljs-string">'cd-detail-section'</span>][<span class="hljs-string">'showitem'</span>] = <span class="hljs-string">'<br></br>    --div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:general,<br></br>        --palette--;;general,<br></br>        --palette--;;headers,               <br></br>        bodytext;LLL:EXT:frontend/Resources/Private/Language/locallang_ttc.xlf:bodytext_formlabel,<br></br>    --div--;LLL:EXT:frontend/Resources/Private/Language/locallang_ttc.xlf:tabs.appearance,<br></br>        --palette--;;frames,<br></br>        --palette--;;appearanceLinks,<br></br>    --div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:language,<br></br>        --palette--;;language,<br></br>    --div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:access,<br></br>        --palette--;;hidden,<br></br>        --palette--;;access,<br></br>    --div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:categories,<br></br>        categories,<br></br>    --div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:notes,<br></br>        rowDescription,<br></br>    --div--;LLL:EXT:core/Resources/Private/Language/Form/locallang_tabs.xlf:extended,<br></br>'</span>;<br></br><br></br>$GLOBALS[<span class="hljs-string">'TCA'</span>][<span class="hljs-string">'tt_content'</span>][<span class="hljs-string">'types'</span>][<span class="hljs-string">'cd-detail-section'</span>][<span class="hljs-string">'columnsOverrides'</span>][<span class="hljs-string">'bodytext'</span>][<span class="hljs-string">'config'</span>] = [<br></br>    <span class="hljs-string">'rows'</span> => <span class="hljs-number">5</span>,<br></br>    <span class="hljs-string">'enableRichtext'</span> => <span class="hljs-keyword">true</span>,<br></br>];<br></br>
```

  Vergleicht man dies mit dem, [was wir in Teil 2 mit dem einfachen 2-Spalten-Container gemacht haben](https://b13.com/de/wissen/flexible-container-und-grids-fuer-typo3-teil-zwei), werden sofort zwei wesentliche Unterschiede deutlich:

1. Die Container-Konfiguration selbst verwendet zusätzliche optionale Methoden, einschließlich der Einstellung eines Backend-Fluid-Templates und eines CType Icons.
2. Wir fügen eine reguläre „showitem“-Konfiguration für den Container-CType hinzu.

Außerdem verwenden wir eine zusätzliche Spaltenkonfiguration, um die innerhalb eines bestimmten Inhaltsbereichs zulässigen Elementtypen einzuschränken. Dies ist nur möglich, wenn die [Extension Content Defender](https://github.com/IchHabRecht/content_defender) von Nicole Cordes installiert ist. Diese praktische Extension ist eine unserer hausinternen Favoriten bei b13, und wir verwenden sie in allen unseren Projekten.

   Hinzufügen einer „showitem“-Container-CType-Konfiguration
-----------------------------------------------------------

Der Prozess der Containerregistrierung legt eine Standardkonfiguration für die sichtbaren Felder eines Containerelements fest. Das Hinzufügen einer „showitem“-Konfiguration zur TCA-Konfiguration des Inhaltstyps ermöglicht es uns, die benötigten Felder zum Container selbst hinzuzufügen. In unserem Beispiel fügen wir eine Überschrift, ein Bodytextfeld für eine Einleitung und ein Layoutfeld hinzu. Wir arbeiten „core-nah“ mit einem Standard-CType für diese Container, so dass wir alle in der Tabelle `tt_content` verfügbaren Felder hinzufügen können.

    ![Backend-Formular zur Bearbeitung unseres Container-Elements](https://b13.com/fileadmin/_processed_/f/7/csm_backend-form-for-our-container-element_12c722f78a.webp "Backend-Formular zur Bearbeitung unseres Container-Elements")  Abbildung 3: Backend-Formular für unser Containerelement.

Dieses Beispiel enthält einen vollständigen Satz an Feldern. Man muss hier nicht alles hinzufügen, damit das funktioniert, aber man sollte das Language-Feld hinzufügen, wenn man an einer mehrsprachigen Website arbeitet, und die Palette „General“, die die Felder „CType“ und „colPos“ enthält.

   Erstellen der Backend-Vorschau
--------------------------------

Das Festlegen einer benutzerdefinierten Backend-Fluid-Vorlage ermöglicht es uns, unser eigenes Backend-Layout für das Seitenmodul zu definieren. Damit können wir den Redakteuren die Container-Inhaltsbereiche und die anderen verfügbaren Felder in unserem Containerelement anzeigen. Mit unserer benutzerdefinierten Fluid-Vorlage können wir diese Elementvorschauen auch frei gestalten.

Hier ist ein Beispiel-Fluid-Template für das Element, das wir gerade hinzugefügt haben:

  ```
1<br></br>2<br></br>3<br></br>4<br></br>5<br></br>6<br></br>7<br></br>
```

```
<span class="xml"><span class="hljs-tag"><<span class="hljs-name">html</span> <span class="hljs-attr">data-namespace-typo3-fluid</span>=<span class="hljs-string">"true"</span>></span><br></br><span class="hljs-tag"><<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"</span></span></span><span class="hljs-template-variable">{editLink.url -> f:format.raw()}</span><span class="xml"><span class="hljs-tag"><span class="hljs-string">"</span> <span class="hljs-attr">title</span>=<span class="hljs-string">"</span></span></span><span class="hljs-template-variable">{editLink.title}</span><span class="xml"><span class="hljs-tag"><span class="hljs-string">"</span>></span><br></br>	</span><span class="hljs-template-variable">{bodytext -> f:format.nl2br() -> f:format.stripTags()}</span><span class="xml"><br></br><span class="hljs-tag"></<span class="hljs-name">a</span>></span><br></br></span><span class="hljs-template-variable">{tx_container_grid -> f:format.raw()}</span><span class="xml"><br></br><span class="hljs-tag"></<span class="hljs-name">html</span>></span><br></br></span><br></br>
```

  Das bedeutet, dass das Fluid-Template, das zum Rendern der Backend-Vorschau unseres Containerelements verwendet wird, auf alle Standardfelder im `tt_content`-Datenbankeintrag zugreifen kann. Unsere Container-Erweiterung fügt eine weitere Variable mit dem Namen `tx_container_grid` hinzu. Diese Variable enthält das Container-Grid (in diesem Fall einschließlich der beiden Spalten, die im Container-Setup definiert wurden) als vollständigen HTML-Block, zusammen mit allen untergeordneten Elementen und Optionen zum Erstellen neuer Elemente. In diesem Beispiel fügen wir der Gesamtelementvorschau zusätzliche Vorschauinhalte (unser Einleitungstext-Feld) hinzu, bevor wir das Container-Grid in HTML rendern.

So sehen Redakteure unser Containerelement im TYPO3 Backend Seitenmodul:

  ![Container Backend Vorschau](https://b13.com/fileadmin/_processed_/d/8/csm_backend-element-preview-container-typo3_69f2dabc2e.webp "Container Backend Vorschau")  Abbildung 5: Elementvorschau für unseren Container mit benutzerdefiniertem Backend-Template

   Mögliche weitere Konfiguration
--------------------------------

Es gibt zusätzliche Methoden, die beim Registrieren eines Containers genutzt werden können:

- setGridTemplate, um ein angepasstes Fluid-Template für ein Grid zu verwenden
- setSaveAndCloseInNewContentElementWizard, um die „saveAndClose“ für den Assistenten für neue Inhaltselemente (für TYPO3 v10+) zu deaktivieren (default: true)
- setRegisterInNewContentElementWizard, um die automatische Element-Registrierung im Assistenten für neue Inhaltselemente zu deaktivieren (default: true)
- setGroup, um ein Container Element in eine spezifische Gruppe im CType-Dropdown und einen spezifischen Tab im New Content Element Wizard zu platzieren (default: container)

  ###  Grid Fluid Template

Das Standard-Grid-Template für die Vorschau des Backend-Seitenmoduls eines Containers funktioniert ähnlich wie die Verarbeitung von Backend-Layouts: Sie teilt den Elementbereich in Zeilen und Spalten auf der Grundlage der bei der Registrierung im TCA festgelegten Konfiguration auf. Dies dürfte für die meisten Elemente funktionieren — wie du in unserem Beispiel oben gesehen hast, kannst du in der Backend-Elementvorschau Inhalte aus anderen Feldern mit einer Mediengitteransicht kombinieren. Dennoch wird es hin und wieder dieses außergewöhnliche Szenario geben, bei dem das Standardlayout nicht ideal ist. Vielleicht möchtest du etwas CSS hinzufügen, um die Vorschau des Redakteurs abhängig von der Bildschirmgröße zu ändern, oder du hast ein komplexes Element, das „reguläre“ `tt_content`-Feldwerte mit bestimmten Inhaltsbereichen deines Containers kombiniert.

Hier kommt der siebte Parameter ins Spiel: Für solche Fälle kannst du dein eigenes Grid-Template festlegen, um das Standard-Grid-Layout zu ändern. Die Standardvorlage befindet sich in `EXT:container/Resources/Private/Templates/Grid.html`. Diese einfache Vorlage (sie iteriert über Zeilen und Spalten) erzeugt die Ausgabe für die Backend-Grid-Ansicht.

Du kannst die Grid-Vorlage nach Belieben ändern, und z.B. einen Text zu einer der Spalten hinzufügen:

  ![Benutzerdefinierte Backend-Elementvorschau für Container](https://b13.com/fileadmin/_processed_/3/b/csm_advanced-backend-preview-container-typo3_f4f080d60f.webp "Benutzerdefinierte Backend-Elementvorschau für Container")  Abbildung 6: Benutzerdefiniertes Backend-Grid-Template

  ###  Deaktivieren der Option „saveAndClose“

Die Container-Erweiterung nutzt das neue „saveAndClose“-Argument in TYPO3 v10 für den New Content Element Wizard (siehe Punkt 13 in [13 kleine Dinge, die wir an TYPO3 v10 lieben](https://b13.com/de/wissen/13-kleine-dinge-die-wir-an-typo3-v10-lieben#c886)), um mehr über dieses kleine Juwel zu erfahren). Standardmäßig ist es auf „true“ gesetzt. Wenn ein neuer Container hinzugefügt wird, kann die `setSaveAndCloseInNewContentElementWizard` Methode verwendet werden, um dieses Verhalten zu deaktivieren.

  ###  Deaktivieren der automatische Aufnahme in den Assistenten für neue Inhaltselemente

Jedes erstellte Containerelement wird dem Assistenten für neue Inhaltselemente automatisch hinzugefügt, wobei die in der TCA-Registrierung angegebenen Konfigurationsdetails verwendet werden. Falls du dieses Verhalten ändern möchtest, z.B. um ein Containerelement auf ein bestimmtes Tab im Assistenten zu verschieben, die Elemente innerhalb des Tabs neu anzuordnen oder aus einem anderen Grund — benutze die Methode `setRegisterInNewContentElementWizard`, um dieses Verhalten zu deaktivieren. Der Container wird dem Assistenten für neue Inhaltselemente nicht automatisch hinzugefügt, so dass du dies in deiner PageTSConfig-Konfiguration selbst tun kannst.

   Einen Container in eine andere Gruppe verschieben
---------------------------------------------------

Alle Container Elemente werden in einem Tab im New Content Element Wizard und im CType-Dropdown in einer Gruppe „Container“ gruppiert. Wenn Du diese Verhalten für ein spezifisches Element ändern möchstes, benutze die Methode `setGroup`, um das Element in einen anderen Tab/eine andere CType-Gruppe einzuordnen.

   Willst du mehr? Möchtest du dich beteiligen?
----------------------------------------------

In den drei Teilen dieser Serie über Flexible Container und Grids für TYPO3 stellten wir die grundlegenden Konzepte rund um Layout-„Container“ für TYPO3 vor, wenn man mehr als standardmäßig angebotene Core-Funktionen benötigt, wie unsere Container-Extension eine saubere „core-nahe“ Lösung bietet und lieferten einfache und komplexere Beispiele für die Implementierung von Containern in deinen Projekten. Nun, nachdem du sie alle gelesen hast, probiere es selbst aus!

Und was, wenn du einen Bug in Container gefunden hast? (Huch!) Oder eine fehlende Funktion benötigst? Haben wir noch etwas vergessen? Nimm Kontakt mit uns auf! [Geh rüber zu GitHub](https://github.com/b13/container), öffne einen Issue und erstell einen Pull-Request!

Vielen Dank im Voraus für dein kritisches Auge und deine Beiträge. Das alles hilft uns dabei, unser Lieblings-Open-Source-Projekt für alle besser zu machen.

  ###  Geschrieben von:

 ![Lächelnder Mann mit kurzen Haaren und einem Bart, der ein rotes T-Shirt trägt, steht in einem gut beleuchteten Innenraum mit verschwommenem Hintergrund.](https://b13.com/fileadmin/_processed_/a/d/csm_david_cf042ebb7f.webp)

Als b13-Gründer und CEO is David derjenige, mit dem Du es zu tun haben wirst, wenn Du mit uns zusammenarbeiten möchtest. Er eignet sich ständig neue Fähigkeiten an und bestimmt maßgeblich unsere hochmodernen Ansätze in der Frontend-Entwicklung.

 David Steeb  CEO

 [ mehr von David Steeb ](https://b13.com/de/team/david-steeb)

  Ähnliche Artikel
------------------

- ![Cartoon-Trophäenfigur umgeben von Händen, die Daumen hoch und ein Herzzeichen geben, vor einem Hintergrund mit Zahnradmuster.](https://b13.com/fileadmin/_processed_/f/7/csm_T3ppy_Design_Kit_Headerbild_b51eb9dc31.webp)

    ###  T3ppy gibt TYPO3 ein freundliches Gesicht

     06. August 2026 | Florian “Flix” Keitgen

     TYPO3 ist leistungsstark — muss sich aber nicht unpersönlich anfühlen. Das ist T3ppy, unser freundlicher Begleiter fürs Backend.

     [ weiterlesen: T3ppy gibt TYPO3 ein freundliches Gesicht ](https://b13.com/de/wissen/t3ppy-design-kit)
- ![Hammer mit der Aufschrift 'KI' auf einem schaltkreis-musternden Hintergrund mit gelben Sternen, der Regulierung oder Gesetzgebung im Zusammenhang mit künstlicher Intelligenz in der EU symbolisiert.](https://b13.com/fileadmin/_processed_/1/0/csm_EUAIAct_Headerbild_510724b3de.webp)

    ###  KI-Inhalte in TYPO3: Transparenz braucht Verantwortung

     02. August 2026 | Benni Mack

     Der EU AI Act rückt die Herkunft KI-generierter Inhalte in den Fokus. AI Label kennzeichnet KI-generierte und KI-bearbeitete Inhalte in TYPO3 und dokumentiert, wer den…

     [ weiterlesen: KI-Inhalte in TYPO3: Transparenz braucht Verantwortung ](https://b13.com/de/wissen/ai-content-in-typo3-labelling-needs-accountability)
- ![Eine Reihe stilisierter Figuren in verschiedenen Posen, jede mit einem markanten orangefarbenen Hut, zeigt einen Übergang vom Gehen zum Stillstehen, während sie auf ein Handy schauen, vor einem lila Gitterhintergrund.](https://b13.com/fileadmin/_processed_/d/7/csm_QueuesDDEV_Headerbild_f640931350.webp)

    ###  Bessere Skalierbarkeit mit entkoppelten Queues: So richtest du RabbitMQ mit TYPO3 ein

     10. April 2024 | Jochen Roth

     Wenn integrierte Nachrichtentransporte an ihre Grenzen stoßen, kann RabbitMQ TYPO3 mit einer skalierbaren, robusten Message Queue versorgen.

     [ weiterlesen: Bessere Skalierbarkeit mit entkoppelten Queues: So richtest du RabbitMQ mit TYPO3 ein ](https://b13.com/de/wissen/bessere-skalierbarkeit-mit-entkoppelten-queues-so-richtest-du-rabbitmq-mit-typo3-ein)
- ![Eine Cartoonfigur, die einem Schild ähnelt, gibt ein Daumen hoch vor einer Computeroberfläche mit verschiedenen Menüoptionen.](https://b13.com/fileadmin/_processed_/e/6/csm_Header_cda1f80173.webp)

    ###  Gestatten, T3ppy! Ein neues Zeitalter für die Redaktionsarbeit in TYPO3

     01. April 2026 | Florian “Flix” Keitgen

     Entdecke T3ppy und AiM — Deine KI-Assistenz im TYPO3 Backend für bessere Inhalte, klare Strukturen und volle Kontrolle über Redaktions-Prozesse.

     [ weiterlesen: Gestatten, T3ppy! Ein neues Zeitalter für die Redaktionsarbeit in TYPO3 ](https://b13.com/de/wissen/gestatten-t3ppy-ein-neues-zeitalter-fuer-die-redaktionsarbeit-in-typo3)
- ![Retro-Mikrofon-Illustration mit einem Einkaufswagen-Symbol im Hintergrund, das E-Commerce oder Online-Shopping symbolisiert.](https://b13.com/fileadmin/_processed_/f/8/csm_Marketplace_Headerbild_ee1575614c.webp)

    ###  Warum TYPO3 einen Marketplace für Produkte braucht

     25. März 2026 | Florian “Flix” Keitgen

     Ein Marketplace würde TYPO3-Produkte sichtbarer machen, den Vergleich erleichtern und Agenturen sowie Kunden gleichermaßen profitieren lassen.

     [ weiterlesen: Warum TYPO3 einen Marketplace für Produkte braucht ](https://b13.com/de/wissen/warum-typo3-einen-marketplace-fuer-produkte-braucht)
- ![Eine Hand hält eine Lupe über den Laptop-Bildschirm, der eine Webseite mit einem Bild und Textelementen anzeigt.](https://b13.com/fileadmin/_processed_/e/5/csm_BackendUserSection_Headerbild_6093c842fd.webp)

    ###  Ein echter Geheimtipp in TYPO3: Die Backend User Section (Doktype 6)

     05. März 2026 | David Steeb

     Entdecke den oft unterschätzten Doktype 6 (Backend User Section) in TYPO3 für sichere interne Vorschauen, Redaktionstrainings und Prototyping. Erfahre praxisnahe Anwendungsfälle,…

     [ weiterlesen: Ein echter Geheimtipp in TYPO3: Die Backend User Section (Doktype 6) ](https://b13.com/de/wissen/ein-echter-geheimtipp-in-typo3-die-backend-user-section-doktype-6)
- ![Zwei stilisierte Webseiten-Designs mit einem Benutzerprofil, Platzhaltern für Bilder und Textabschnitten, vor einem hellblauen Hintergrund.](https://b13.com/fileadmin/_processed_/2/0/csm_BackendPreview_Headerbild_b4c5799cfa.webp)

    ###  Backend-Content-Previews mit System — warum wir EXT:backendpreviews entwickelt haben

     09. Februar 2026 | David Steeb

     EXT:backendpreviews sorgt für konsistente Content-Previews im TYPO3-Backend mit Fluid Templates, Layouts und Partials.

     [ weiterlesen: Backend-Content-Previews mit System — warum wir EXT:backendpreviews entwickelt haben ](https://b13.com/de/wissen/backend-content-previews-mit-system-warum-wir-extbackendpreviews-entwickelt-haben)
- ![Eine menschliche Hand schüttelt eine Roboterhand vor einem lila Hintergrund mit Herzmustern, was die Zusammenarbeit zwischen Menschen und Technologie symbolisiert.](https://b13.com/fileadmin/_processed_/6/2/csm_AIbotsLoveMarkdown_Headerbild_72fe5820d6.webp)

    ###  Das Internet ist nicht mehr nur für Menschen — KI-Bots lieben Markdown

     28. Januar 2026 | Benni Mack

     Discover why most web traffic is now automated and how TYPO3’s structured content model prepares websites for humans, editors, and AI systems.

     [ weiterlesen: Das Internet ist nicht mehr nur für Menschen — KI-Bots lieben Markdown ](https://b13.com/de/wissen/das-internet-ist-nicht-mehr-nur-fuer-menschen-ki-bots-lieben-markdown)
- ![Mehrere farbenfrohe Mockups von Webseiten, die übereinander gestapelt sind und verschiedene Layouts sowie Designelemente vor einem lila Hintergrund präsentieren.](https://b13.com/fileadmin/_processed_/e/3/csm_CaminoTheme_Headerbild_d082598009.webp)

    ###  Camino—The Need for a Default Theme in TYPO3 Is Real

     27. Januar 2026 | Benni Mack

     With TYPO3 v14, Camino introduces a default theme that removes friction from first installs. Why this matters—and how TYPO3 laid the groundwork.
- ![Grafik mit stilisierten Darstellungen eines Turms, in dessen Mitte der Text "T3CON25 Düsseldorf" deutlich sichtbar ist.](https://b13.com/fileadmin/_processed_/7/b/csm_T3CON2025_Headerbild_fc9c5cc53e.webp)

    ###  T3CON25 — der Zukunft des Content Managements einen Schritt näher

     10. Dezember 2025 | Franzi Töpler

     Die T3CON25 zeigte die Zukunft von TYPO3 mit Einblicken in TYPO3 v14, KI, digitale Souveränität und Open-Source-Lösungen für moderne, sichere Webauftritte.

     [ weiterlesen: T3CON25 — der Zukunft des Content Managements einen Schritt näher ](https://b13.com/de/wissen/t3con25-der-zukunft-des-content-managements-einen-schritt-naeher)