Seminar Sulu Content-Templates und Property Types

Das Seminar behandelt die Modellierung redaktioneller Inhalte mit Sulu-Templates und Property Types. Von einfachen Feldern bis zu Blöcken, Bedingungen, Smart Content und Twig-Ausgabe entsteht ein wartbares Content-Modell.

Inhaltsverzeichnis

• Zielgruppe
• Voraussetzungen
• Lernziele
• Lernfelder
• Praxisprojekt Schritt für Schritt
• Qualitätskontrollen
• Empfohlene Anschlussseminare

Zielgruppe

Sulu-Entwickelnde, technische Konzepterinnen und Konzepter, Frontend-Entwickelnde und Verantwortliche für Content-Modelle.

Voraussetzungen

Grundkenntnisse in XML, Twig und Symfony sowie eine lauffähige Sulu-3.x-Entwicklungsumgebung.

Lernziele

• Template-Dateien und Metadaten sicher strukturieren
• passende Property Types für redaktionelle Anforderungen wählen
• Blöcke, Bedingungen und wiederverwendbare Fragmente modellieren
• Mehrsprachigkeit, Suche und Cache-Verhalten berücksichtigen
• Content-Modelle mit Twig und Tests vollständig absichern

Lernfelder

Lerneinheit 1: Anatomie eines Content-Templates

• Template-Key, View, Controller und Cache-Einstellungen
• Properties, Metadaten und Schema-Validierung
• Namenskonventionen und Ablagestruktur

Lerneinheit 2: Felder und Property Types

• Text, Rich Text, Zahlen, Datum, Auswahl und Boolean
• Medien-, Seiten-, Kontakt-, Kategorie- und Tag-Auswahl
• Pflichtfelder, Standardwerte und redaktionelle Hilfetexte

Lerneinheit 3: Bedingungen und Feldzustände

• Sichtbare und deaktivierte Felder abhängig von Werten
• Konsistente Regeln ohne versteckte Datenverluste
• Testbare Kombinationen und redaktionelle Fehlermeldungen

Lerneinheit 4: Sections und Grid-Layout

• Inhaltliche Gruppierung und visuelle Ordnung
• Spaltenbreiten und zusammengehörige Eingaben
• Wartbare Formulare für komplexe Templates

Lerneinheit 5: Content-Blöcke

• Typisierte Blockvarianten und gemeinsame Felder
• Verschachtelung, Mindest- und Höchstanzahl
• Stabile Datenstrukturen für Twig-Komponenten

Lerneinheit 6: Includes und globale Blöcke

• Wiederverwendung von Feldern und Template-Fragmenten
• Zentrale Pflege gemeinsamer Blockdefinitionen
• Änderungsfolgen und Kompatibilitätsregeln

Lerneinheit 7: Mehrsprachigkeit und Dimensionen

• Sprachabhängige und sprachunabhängige Eigenschaften
• Fallbacks, Übersetzungsworkflow und Segmentbezug
• Auswirkungen auf Datenmodell und Ausgabe

Lerneinheit 8: Smart Content und dynamische Auswahl

• Konfiguration von Datenquellen, Filtern und Sortierung
• Pagination, Limitierung und redaktionelle Auswahl
• Erweiterung durch projektspezifische Provider

Lerneinheit 9: Twig-Ausgabe und Qualitätssicherung

• Content und View-Daten sicher auflösen
• Blöcke in Komponenten, Makros und Partials überführen
• Template-Validierung, Regressionstests und Migrationsregeln

Praxisprojekt Schritt für Schritt

Als durchgängige Übung entsteht ein flexibles Seitentemplate für eine mehrsprachige Kampagnenseite mit Hero, Inhaltsblöcken, Medien, Teasern und Suchmetadaten.

1. Schritt 1: Ausgangslage, Rollen, Systemgrenzen und Abnahmekriterien für ein flexibles Seitentemplate für eine mehrsprachige Kampagnenseite mit Hero, Inhaltsblöcken, Medien, Teasern und Suchmetadaten festhalten.
2. Schritt 2: Den Lernbereich „Anatomie eines Content-Templates“ konfigurieren und mit einem Positivfall prüfen.
3. Schritt 3: Den Lernbereich „Bedingungen und Feldzustände“ umsetzen und mit realistischen Testdaten verbinden.
4. Schritt 4: Den Lernbereich „Sections und Grid-Layout“ durch einen Negativfall und eine Korrektur absichern.
5. Schritt 5: Den Lernbereich „Includes und globale Blöcke“ analysieren und die benötigten Artefakte festlegen.
6. Schritt 6: Den Lernbereich „Mehrsprachigkeit und Dimensionen“ konfigurieren und mit einem Positivfall prüfen.
7. Schritt 7: Den Lernbereich „Twig-Ausgabe und Qualitätssicherung“ umsetzen und mit realistischen Testdaten verbinden.
8. Schritt 8: Die Teilkonfigurationen zu einem durchgängigen Anwendungsszenario verbinden und Abhängigkeiten sichtbar dokumentieren.
9. Schritt 9: Berechtigungs-, Locale-, Publikations- und Fehlerfälle mit einer standardisierten Prüfliste ausführen.
10. Schritt 10: Den erreichten Stand als Konfigurationsübersicht, Betriebscheckliste und priorisierte nächste Ausbaustufe festhalten.

Qualitätskontrollen

• Fachliche Anforderungen, Systemgrenzen und Verantwortlichkeiten sind eindeutig dokumentiert.
• Konfigurationen und Implementierungen sind reproduzierbar, versionierbar, vollständig und eigenständig beschrieben.
• Positiv-, Negativ-, Berechtigungs-, Locale- und Fehlerfälle sind nachvollziehbar geprüft.
• Betriebs-, Sicherheits-, Performance- und Wartungsaspekte sind passend zum Thema berücksichtigt.
• Die nächsten Vertiefungsschritte sind nach Risiko und Nutzen priorisiert.

Empfohlene Anschlussseminare

• Sulu Frontend mit Twig und Asset-Pipeline
• Sulu Search und Smart Content
• Sulu Webspaces und Portal-Konfiguration