Bausteinsystem im CMS.
200 Abschnitte auf 85 Bausteine eingedampft, ohne dass sich eine Seite veränderte.
- Rolle
- Konzept und Umsetzung
- Jahr
- 2026
- Technik
- Astro Sveltia CMS Cloudflare
Die Redaktionsmaske, bedienbar.
Links steht eine Seite als Liste, rechts die Seite, wie sie danach aussieht. Genau das war vorher unmöglich: Die Reihenfolge steckte in der Vorlage, also im Code.
Jeder Eintrag nennt seinen Baustein und trägt seine eigenen Texte. Verschieben, kopieren, entfernen und neu anlegen gehen ohne Entwicklerin.
Das ist eine Demo. Die Seiten und Texte in dieser Demo sind erfunden, nicht die von Delta Akustik. Die Farben sind die dieser Seite. Es gibt kein CMS und kein Repo dahinter, gespeichert wird nichts.
Zum Ausprobieren: Einen Abschnitt nach oben schieben, einen neuen anlegen, einen Titel ändern und rechts zusehen, wie sich die Seite ändert.
Redaktion, Beispielinhalte
Abschnitte
src/content/seiten/leistungen.md
Die Maske wird geladen.
Die Bausteine selbst stehen nicht in der Maske. Ein Baustein ist Markup, kein Inhalt. Dazu kommt ein harter Grund: Das CMS schneidet beim Speichern den Leerraum am Rand jedes Textfelds ab, und die Bausteine tragen ihren Leerraum mit Absicht. Ein einziges Speichern hätte 37 Seiten um zwei Zeichen verschoben. Die Redaktion wählt darum aus dieser Liste.
So sieht die Seite aus
4 Abschnitte
Die Vorschau wird geladen.
Mit erfundenen Texten. Die Seiten und Sätze oben sind erfunden, nicht die von Delta Akustik. Gezeigt ist die Bauart. Gespeichert wird nichts, es gibt kein CMS und kein Repo hinter dieser Demo.
Der Umbau in Zahlen
- 200
- Abschnitte im Bestand, über 50 Seiten verteilt
- 85
- Bausteine danach. Einer steht 37-mal
- 0
- Unterschiede in 95 ausgelieferten HTML-Dateien
- Schneiden Ein Werkzeug trennt jede Seite hinter jedem Abschnitt und nummeriert die Platzhalter je Stück neu.
- Zusammensetzen Dasselbe Werkzeug baut jede Seite aus den Bausteinen wieder auf. Weicht eine ab, schreibt es nichts.
- Gegenprüfen Nicht mit dem eigenen Vergleich, sondern mit diff -r über den ganzen Ausgabeordner. Kein einziger Unterschied.
- Absichern Die Bausteine bleiben aus der Redaktionsmaske draussen. Ein Speichern hätte 37 Seiten um zwei Zeichen verschoben.
Die Zahlen stammen von der Website für Delta Akustik und sind nachgemessen.
Die Ausgangslage
Die Website von Delta Akustik hat 94 Seiten. 50 davon hingen je an einer eigenen Vorlage. Die Redaktion konnte Texte ändern, aber keinen Abschnitt verschieben und keinen neuen anlegen. Die Reihenfolge steckte im Code.
Was Besucherinnen und Besucher von der Website sehen, zeigt eine eigene Arbeitsprobe: Website für Delta Akustik.
Was ich gemacht habe
Jede dieser 50 Seiten ist jetzt eine Liste. Jeder Eintrag nennt seinen Baustein und trägt seine eigenen Texte. Aus rund 200 Abschnitten wurden 85 Bausteine.
Der Teil, auf den ich stolz bin
Der Umbau hat keine einzige Seite verändert. Ich habe nicht mit dem
eigenen Vergleichswerkzeug geprüft, sondern gegen den ganzen Ausgabeordner.
Vor dem Umbau habe ich ihn kopiert, danach mit diff -r verglichen.
Ergebnis: kein einziger Unterschied in 95 HTML-Dateien. Geändert hat sich nur die Redaktionsmaske.
Ein Entscheid gegen das Naheliegende
Die Bausteine selbst stehen nicht in der Redaktionsmaske. Ein Baustein ist Markup, kein Inhalt. Dazu kommt ein harter Grund: Das CMS schneidet beim Speichern den Leerraum am Rand jedes Textfelds ab. Dieser Leerraum ist der Abstand zwischen zwei Abschnitten im ausgelieferten HTML. Ein einziges Speichern hätte 37 Seiten verschoben.
Die Redaktion wählt den Baustein deshalb aus einer Liste. Das ist nicht bequemer, aber sicher.
Was ich nicht umgestellt habe
Die Startseite und die Referenzprojekte bleiben, wie sie waren. Ihre Bausteintypen kommen auf keiner anderen Seite vor. Ein Umbau, der sich nicht rechnet, bleibt aus.