Container

Container im TYPO3-CMS sind eine wesentliche Funktion, die es ermöglicht, Inhalte strukturierter und organisierter zu gestalten. Sie dienen als übergeordnete Elemente, die mehrere Inhaltselemente gruppieren können. Container sind besonders nützlich, um komplexe Layouts zu realisieren und verschiedene Arten von Inhalten auf einer Seite zu verwalten.

Die Vorteile der Verwendung von Containern im TYPO3 sind:

1. Organisierte Struktur: Container bieten eine klare Hierarchie und Struktur für Ihre Inhalte. Durch die Gruppierung verschiedener Elemente in einem Container wird die Verwaltung von komplexen Layouts erleichtert und sichergestellt, dass der Inhalt übersichtlich und gut organisiert bleibt.
2. Einfache Verwaltung: Mit Containern können Sie mehrere Inhaltselemente gleichzeitig bearbeiten, verschieben oder kopieren. Dies spart Zeit und Mühe bei der Bearbeitung von Seiten mit vielen Inhalten, da Änderungen konsistent und effizient umgesetzt werden können.
3. Flexibilität im Design: Container ermöglichen individuelle Gestaltungsmöglichkeiten. Sie können verschiedene Layoutstile und Designs anwenden und flexibel anpassen, um den visuellen Anforderungen Ihrer Website gerecht zu werden.
4. Responsive Layouts: Durch die Verwendung von Containern können Sie sicherstellen, dass Ihre Inhalte auf verschiedenen Geräten, wie Desktop-Computern, Tablets und Smartphones, optimal angezeigt werden. Container unterstützen die Erstellung von responsiven Designs, die eine einheitliche Benutzererfahrung auf allen Plattformen gewährleisten.
5. Wiederverwendbarkeit: Container können als wiederverwendbare Vorlagen gespeichert werden, welche auf verschiedenen Seiten oder sogar an verschiedenen Stellen der gleichen Seite verwendet werden können. Das spart Bearbeitungszeit und stellt sicher, dass das Design konsistent bleibt.

Insgesamt sind Container im TYPO3 eine leistungsstarke Methode zur Organisation und Darstellung von Webinhalten. Sie bieten Flexibilität, Effizienz und eine verbesserte Benutzererfahrung.

• Variante 1: Zweispaltiger Container 50:50 - ein Container mit zwei gleich breiten Spalten
• Variante 2: Zweispaltiger Container 33:66 - ein Container mit zwei Spalten, die rechte doppelt so breit wie die linke
• Variante 3: Zweispaltiger Container 66:33 - ein Container mit zwei Spalten, die linke doppelt so breit wie die rechte
• Variante 4: Dreispaltiger Container - ein Container mit drei gleich breiten Spalten
• Variante 5: Vierspaltiger Container - ein Container mit vier gleich breiten Spalten
• Variante 6: Fünfspaltiger Container - ein Container mit fünf gleich breiten Spalten

• Mit Containern können im Inhaltsbereich einer Seite mehrere Elemente nebeneinander in zwei bis fünf Spalten dargestellt werden.
• Die Elemente können flexibel innerhalb des Containers per Drag & Drop zwischen den Spalten verschoben werden.
• Damit der Container sichtbar wird, müssen mindestens zwei Elemente darin sichtbar geschaltet sein, ansonsten wird der Container in der Nutzeransicht ausgeblendet.
• Das Verhalten von Containern ist sehr flexibel: Wird ein Element in einer Spalte deaktiviert oder ist eine Spalte leer, so wird der Platz in der Nutzeransicht von den verbliebenen Elementen im Container aufgefüllt. Mindestens zwei Elemente müssen aber immer sichtbar gestellt sein, damit der Container in der Nutzeransicht sichtbar wird.
• Pro Spalte kann immer nur ein Inhaltselement eingefügt werden. Für mehrere Elemente untereinander benötigt man also jeweils einen neuen Container.
• Der ToTop-Link wird für Elemente innerhalb von Containern ausgeblendet. Container selbst erlauben aber ToTop-Links. Diese stehen jeweils unter dem Container.
• Die Überschriften von Elementen in Containern sind per default in der Nutzeransicht ausgeblendet.
• In Containern werden auch keine Verlinkungen von Überschriften angezeigt.
• Container sind nur in der Inhaltsspalte und nicht in der Nachrichtenspalte erlaubt.

• Überschrift
• Text
• Text mit Bild
• Teaser-Karte
• Link-Karte
• Akkordeon
• Audio-Element
• Video-Element
• Element für Video.UP
• ORCID

• weitere Container
• Powermail
• Anmeldeformular
• Tabelle
• Trenner
• Datensatz

Nachdem Sie ein Inhaltselement aus einem Container in einen anderen verschoben haben, müssen Sie die Seite aktualisieren, damit TYPO3 die Änderung vollständig verarbeitet. Das Aktualisieren der Seite sorgt dafür, dass die Struktur aktualisiert wird und alle Positionen korrekt erfasst werden. Erst danach können Sie problemlos ein neues Element an die freigewordene Stelle einfügen.