Wie individuelle Website-Elemente entstehen

In TYPO3 arbeiten wir nicht nur mit den Standard-Inhaltselementen, die das System bereits mitbringt. Für viele Website-Projekte entwickeln wir eigene Elemente mit MASK, damit bestimmte Inhalte genau so aufgebaut, bearbeitet und dargestellt werden können, wie es zur Website passt.

Dazu gehören zum Beispiel Preisabschnitte, Reel-Elemente oder FAQ-Bausteine. Sie entstehen aus einer konkreten Anforderung: Inhalte sollen im Backend klar strukturiert erfasst und im Frontend passend ausgespielt werden.

Warum Standard-Elemente nicht immer ausreichen

TYPO3 bringt klassische Inhaltselemente für Texte, Bilder und einfache Inhaltsbereiche mit. Für viele Stellen reicht das aus. Schwieriger wird es, wenn ein Abschnitt eine eigene Struktur braucht.

Ein Preisabschnitt benötigt andere Eingabefelder als ein Reel-Element. Ein FAQ-Baustein braucht Fragen und Antworten. Werden solche Inhalte in normale Standard-Elemente gedrückt, wird die spätere Bearbeitung schnell unübersichtlich.

Deshalb erstellen wir für solche Anforderungen eigene Inhaltselemente. Sie geben dem Inhalt eine klare Form und machen die redaktionelle Arbeit einfacher.

TYPO3 und MASK als Grundlage

TYPO3 ist das Content-Management-System, mit dem wir bei STEILSTARTER arbeiten. Mit dem passenden Wissen lässt es sich sehr gut individualisieren.

Für eigene Inhaltselemente nutzen wir MASK. Damit können Felder angelegt werden, die genau zu dem jeweiligen Website-Abschnitt passen. Statt vorhandene Standard-Felder zweckzuentfremden, wird vorher festgelegt, was wirklich gebraucht wird.

Das ist ein wichtiger Teil moderner Website-Erstellung, weil die Website dadurch nicht nur individuell aussieht, sondern auch im Hintergrund klarer aufgebaut ist.

Beispiel aus der Praxis: Ein FAQ-Element

Ein FAQ-Bereich klingt zunächst einfach. Es gibt Fragen und dazu passende Antworten. Genau daraus entsteht aber schon die erste Struktur.

Für das FAQ-Element braucht es ein Feld für die Frage und ein Feld für die Antwort. Außerdem muss der Baustein mehrere Einträge aufnehmen können, weil ein FAQ selten aus nur einer einzigen Frage besteht.

Damit steht die Grundlogik: Redakteure können im Backend einzelne Fragen und Antworten eintragen, während die Ausgabe auf der Website einheitlich bleibt.

1. Die Struktur wird geplant

   Bevor das Element angelegt wird, wird festgelegt, welche Inhalte später bearbeitet werden können. Beim FAQ geht es unter anderem darum, wie mehrere Einträge angelegt werden, wie der Abschnitt auf der Website erscheint und ob zusätzlich eine strukturierte technische Auszeichnung eingebunden werden soll. Diese Planung entscheidet darüber, ob der Baustein später wirklich sauber genutzt werden kann.

2. Die Pflege im Backend bleibt einfach

   Im TYPO3-Backend soll das FAQ-Element klar bedienbar sein: Frage eintragen, Antwort eintragen, nächsten Eintrag ergänzen, speichern. Der Kunde muss keine Abstände setzen, kein Layout nachbauen und keine Inhalte in unpassende Felder schieben. Die Struktur ist vorbereitet, die Inhalte können gezielt bearbeitet werden.

3. Die Darstellung im Frontend wird angepasst

   Was im Backend eingetragen wird, muss auf der Website übersichtlich erscheinen. Fragen und Antworten sollen schnell erfassbar sein und optisch zur Website passen. Dabei wird auch geprüft, wie sich der Abschnitt auf Smartphone, Tablet und Desktop verhält. Gerade bei längeren Antworten müssen Lesbarkeit, Abstände und Bedienung stimmen.

Schema.org direkt mitgedacht

Beim FAQ-Element kann zusätzlich eine Schema.org-Anbindung eingeplant werden. Dadurch werden die Fragen und Antworten nicht nur sichtbar auf der Website ausgegeben, sondern auch technisch strukturierter bereitgestellt.

Das macht die Inhalte für Suchmaschinen und KI-Systeme besser lesbar und verständlich.

Der FAQ-Baustein bekommt dadurch zwei Ebenen: eine sichtbare Ebene für Besucher und eine technische Ebene im Hintergrund.

Warum sich eigene Elemente lohnen

Eigene Inhaltselemente sparen später Arbeit. Wiederkehrende Abschnitte müssen nicht jedes Mal neu aufgebaut werden. Inhalte können gezielt bearbeitet werden und die Darstellung bleibt einheitlich.

Beim FAQ-Element bedeutet das: Neue Fragen und Antworten können ergänzt werden, ohne dass der komplette Abschnitt neu gestaltet werden muss.

Bei Preisbereichen oder Reel-Elementen funktioniert das ähnlich. Jeder Baustein bekommt die Felder, die er wirklich braucht.

Aus dem Kontrollzentrum

Im Kontrollzentrum wird aus einer Idee ein Website-Baustein, der im Alltag funktioniert. Aus einer Anforderung entsteht eine klare Struktur, aus dieser Struktur ein bedienbares TYPO3-Element und daraus ein Abschnitt, der sauber zur Website passt.

Genau solche Lösungen machen Websites flexibler und sorgen dafür, dass Inhalte langfristig einfacher ergänzt, angepasst und einheitlich dargestellt werden können.

Sie haben eine Idee für Ihre Website oder möchten bestehende Bereiche besser bearbeitbar machen? Dann sprechen Sie uns gerne an. Wir schauen gemeinsam, wie daraus eine individuelle Lösung für Ihr Projekt werden kann.