Inhaltselemente

Die Bausteine Deiner TYPO3-Seite verstehen und nutzen

<p>Seiten in TYPO3 bestehen aus einzelnen Inhaltselementen. Jedes Element ist ein eigenständiger Baustein: ein Textblock, ein Bild, eine Tabelle oder ein Formular. Wenn du verstehst, wie TYPO3 Inhaltselemente funktionieren, kannst du Seiten flexibel aufbauen und Inhalte gezielt bearbeiten.</p>

<h3>Was sind Inhaltselemente?</h3>

<p>Ein Inhaltselement (Content Element) ist die kleinste Einheit auf einer TYPO3-Seite. Statt den gesamten Seiteninhalt in einem einzigen Feld zu bearbeiten, arbeitest du in TYPO3 mit einzelnen Bausteinen, die du unabhängig voneinander erstellen, bearbeiten und anordnen kannst.</p>

<p>Stell dir eine Seite wie einen Stapel Karten vor: Jede Karte ist ein Inhaltselement. Du kannst Karten hinzufügen, entfernen, umsortieren oder durch andere ersetzen – ohne die restlichen Karten zu berühren.</p>

<p>Dieses Baustein-Prinzip macht TYPO3 besonders flexibel. Du kannst einzelne Abschnitte bearbeiten, ohne den Rest der Seite zu verändern. Und du kannst Elemente zwischen Seiten kopieren oder verschieben.</p>

<h3>Übersicht der wichtigsten Inhaltselemente</h3>

<p>TYPO3 bietet je nach Konfiguration unterschiedlich viele Elementtypen. Die wichtigsten für den Redaktionsalltag:</p>

<p>Der Standard-Baustein. Hier schreibst du Fließtext mit Überschriften, Aufzählungen, Fettdruck und Links. Der integrierte Rich Text Editor (CKEditor) funktioniert ähnlich wie ein Textverarbeitungsprogramm. Details dazu findest du unter Text eingeben und formatieren.</p>

<p>Kombiniert Fließtext mit einem oder mehreren Bildern. Du bestimmst die Position der Bilder (oben, unten, links, rechts) und die Bildgröße. Ein vielseitiges Element für Seiten, die Text und visuelle Inhalte mischen.</p>

<p>Zeigt ein oder mehrere Bilder ohne Text an. Du kannst die Darstellung als Einzelbild, Galerie oder Slider konfigurieren – je nachdem, welche Optionen deine Website bietet. Mehr dazu unter Bilder und Medien einfügen.</p>

<h4>Aufzählung (Bullet List)</h4>

<p>Eine einfache Aufzählung mit Listenpunkten. Nützlich für Feature-Listen, Vorteile oder Checklisten. Alternativ kannst du Aufzählungen auch innerhalb eines Text-Elements erstellen.</p>

<h4>Tabelle</h4>

<p>Eine HTML-Tabelle mit frei definierbaren Zeilen und Spalten. Geeignet für Preislisten, Vergleiche oder strukturierte Daten. Der integrierte Tabelleneditor macht die Eingabe einfach.</p>

<p>Für reinen HTML-Code. Wird selten von Redakteuren genutzt, ist aber praktisch, wenn du Embed-Codes (zum Beispiel von YouTube-Videos oder Karten) einbinden möchtest.</p>

<h3>Spalten und Bereiche auf der Seite</h3>

<p>Je nach Seitenlayout stehen dir verschiedene Inhaltsbereiche (Spalten) zur Verfügung. Im Modul „Seite" siehst du diese Bereiche als getrennte Zonen. Typische Bereiche sind:</p>

<p><strong>Hauptinhalt (Content):</strong> Die zentrale Spalte – hier steht der Haupttext der Seite. Die meisten deiner Inhaltselemente landen hier.</p>

<p><strong>Sidebar / Rechte Spalte:</strong> Für ergänzende Inhalte wie Kontaktboxen, Teaseroder Links zu verwandten Seiten.</p>

<p><strong>Header / Footer-Bereich:</strong> Manche Layouts bieten eigene Bereiche für Kopf- oder Fußzeileninhalte auf Seitenebene.</p>

<p>Welche Bereiche verfügbar sind, hängt vom Backend-Layout deiner Seite ab. Dein Administrator hat diese Layouts eingerichtet.</p>

<h3>Neues Inhaltselement erstellen</h3>

<p>So legst du ein neues Inhaltselement an:</p>

Wechsle ins Modul „Seite" und wähle die gewünschte Seite im Seitenbaum.
Klicke im Arbeitsbereich auf das „+"-Symbol an der Stelle, wo das neue Element erscheinen soll.
Wähle den gewünschten Elementtyp aus (z. B. „Text" oder „Text und Bild").
Fülle die Felder aus und klicke auf „Speichern".

<p>Das neue Element erscheint sofort in der Seitenübersicht. Im Frontend wird es sichtbar, sobald die Seite selbst sichtbar ist.</p>

<p><strong>Aus der Schulungspraxis:</strong> Wenn du unsicher bist, welchen Elementtyp du brauchst: Starte mit „Text". Es ist das flexibelste Element und deckt die meisten Anwendungsfälle ab. Bilder kannst du später ergänzen oder in einem eigenen Bild-Element daneben platzieren.</p>

<h3>Inhaltselemente bearbeiten</h3>

<p>Zum Bearbeiten klickst du im Modul „Seite" auf das Stift-Symbol des Elements. Der Editor öffnet sich und du kannst Änderungen vornehmen. Nach dem Speichern sind die Änderungen sofort im Frontend sichtbar – es sei denn, ein Cache muss geleert werden.</p>

<p>Wie du Inhaltselemente verschiebst, kopierst und löschst, erfährst du im letzten Abschnitt dieses Kapitels.</p>