Seminar Joomla – Template Overrides, Layouts und Custom Fields

Das Seminar zeigt, wie Joomla-Ausgaben ohne Änderungen am Core kontrolliert angepasst werden. Overrides, alternative Layouts, Custom Fields und Modul-Chrome werden so kombiniert, dass individuelle Seitentypen entstehen und spätere Updates nachvollziehbar bleiben.

Inhaltsübersicht

• Lernziele und fachliche Einordnung
• Schrittweise Seminarinhalte
• Praxisübungen und Laborszenarien
• Zielgruppe und Voraussetzungen
• Didaktik und Arbeitsweise

Lernziele

• Override-Mechanismus, Layout-Vererbung und Updategrenzen sicher erklären.
• Komponenten- und Modul-Overrides im aktiven Template korrekt erzeugen und anpassen.
• Alternative Layouts über Menüeinträge, Kategorien, Beiträge und Module gezielt zuweisen.
• Custom Fields und Feldgruppen in strukturierte, wiederverwendbare Darstellungen integrieren.
• Override-Änderungen versionieren, vergleichen, testen und nach Core-Updates pflegen.

Schrittweise Seminarinhalte

1. Override-Architektur und Änderungsstrategie

Schwerpunkt: Core-Layout, Template, html-Verzeichnis, Layout-Pfade, Vererbung, Child Template, Änderungsumfang und Updatefähigkeit.

1. Ausgangslage, Zielgruppen und fachliche Anforderungen für „Override-Architektur und Änderungsstrategie“ erfassen.
2. Die Aspekte Core-Layout, Template, html-Verzeichnis, Layout-Pfade, Vererbung, Child Template, Änderungsumfang und Updatefähigkeit in einem nachvollziehbaren Sollmodell ordnen.
3. Varianten vergleichen, Abhängigkeiten markieren und belastbare Entscheidungskriterien festlegen.
4. Das Sollmodell mit Beispieldaten, Gegenproben und definierten Abnahmekriterien verifizieren.
5. Als Arbeitsergebnis eine klare Override- und Wartungsstrategie dokumentieren und für die weitere Umsetzung freigeben.

2. Komponenten-Overrides erstellen

Schwerpunkt: Override Manager, Komponentenansicht, tmpl-Dateien, Datenobjekte, Escaping, HTML-Struktur, Sprachstrings und leere Zustände.

1. Inhaltsstruktur, Zielgeräte und gestalterische Anforderungen für „Komponenten-Overrides erstellen“ analysieren.
2. Template-, Layout- und Asset-Strukturen für Override Manager, Komponentenansicht, tmpl-Dateien, Datenobjekte, Escaping, HTML-Struktur, Sprachstrings und leere Zustände kontrolliert aufbauen.
3. Responsive Darstellung, Semantik, Interaktion und barrierearme Bedienung schrittweise umsetzen.
4. Browser-, Geräte-, Tastatur-, Kontrast- und Performance-Tests mit definierten Prüffällen durchführen.
5. Als Arbeitsergebnis einen funktionsfähigen Komponenten-Override in einem wartbaren Frontend- und Gestaltungsstandard dokumentieren.

3. Modul-Overrides und Modul-Chrome

Schwerpunkt: Modullayout, alternative Layouts, Chrome-Funktionen, Header, Klassen, Positionen, Parameter und wiederverwendbare Darstellung.

1. Inhaltsstruktur, Zielgeräte und gestalterische Anforderungen für „Modul-Overrides und Modul-Chrome“ analysieren.
2. Template-, Layout- und Asset-Strukturen für Modullayout, alternative Layouts, Chrome-Funktionen, Header, Klassen, Positionen, Parameter und wiederverwendbare Darstellung kontrolliert aufbauen.
3. Responsive Darstellung, Semantik, Interaktion und barrierearme Bedienung schrittweise umsetzen.
4. Browser-, Geräte-, Tastatur-, Kontrast- und Performance-Tests mit definierten Prüffällen durchführen.
5. Als Arbeitsergebnis einen variablen Modul- und Chrome-Baustein in einem wartbaren Frontend- und Gestaltungsstandard dokumentieren.

4. Alternative Layouts und Zuweisung

Schwerpunkt: Dateinamen, XML-Definitionen, Menüeintrag, Kategorie, Beitrag, Modulinstanz, Fallback und redaktionelle Auswahl.

1. Inhaltsstruktur, Zielgeräte und gestalterische Anforderungen für „Alternative Layouts und Zuweisung“ analysieren.
2. Template-, Layout- und Asset-Strukturen für Dateinamen, XML-Definitionen, Menüeintrag, Kategorie, Beitrag, Modulinstanz, Fallback und redaktionelle Auswahl kontrolliert aufbauen.
3. Responsive Darstellung, Semantik, Interaktion und barrierearme Bedienung schrittweise umsetzen.
4. Browser-, Geräte-, Tastatur-, Kontrast- und Performance-Tests mit definierten Prüffällen durchführen.
5. Als Arbeitsergebnis ein kontrolliert zuweisbares Layoutsystem in einem wartbaren Frontend- und Gestaltungsstandard dokumentieren.

5. Custom Fields und Feldpositionen

Schwerpunkt: Feldgruppen, Feldtypen, Bedingungen, Ausgabeereignisse, automatische und manuelle Darstellung, Medienfelder und Pflegepflichten.

1. Redaktionelle Ziele, Inhaltsarten und Verantwortlichkeiten für „Custom Fields und Feldpositionen“ festlegen.
2. Die Joomla-Objekte und Einstellungen für Feldgruppen, Feldtypen, Bedingungen, Ausgabeereignisse, automatische und manuelle Darstellung, Medienfelder und Pflegepflichten strukturiert konfigurieren.
3. Beispielinhalte anlegen, bearbeiten, versionieren und durch den vorgesehenen Veröffentlichungsweg führen.
4. Darstellung, Berechtigungen, Metadaten und Verhalten im Frontend mit Positiv- und Negativfällen prüfen.
5. Als Arbeitsergebnis einen strukturierten Inhaltstyp mit definierter Feldausgabe dokumentieren und in einen wiederholbaren Redaktionsstandard überführen.

6. Layout-Helfer, Web Assets und Interaktion

Schwerpunkt: LayoutHelper, wiederverwendbare Layouts, CSS-Klassen, joomla.asset.json, Script Options, JavaScript und progressive Erweiterung.

1. Funktionalen Vertrag, Datenfluss und Dateistruktur für „Layout-Helfer, Web Assets und Interaktion“ definieren.
2. Die erforderlichen Joomla-Klassen, Manifestangaben und Dienste für LayoutHelper, wiederverwendbare Layouts, CSS-Klassen, joomla.asset.json, Script Options, JavaScript und progressive Erweiterung implementieren.
3. Die Implementierung mit Formularen, Sprachdateien, Berechtigungen und Frontend- beziehungsweise Backend-Ausgabe integrieren.
4. Coding-Standards, Fehlerbehandlung, Sicherheitsprüfungen sowie automatisierte und manuelle Tests anwenden.
5. Als Arbeitsergebnis eine modularisierte und performante Layoutarchitektur paketieren, versionieren und technisch dokumentieren.

7. Override-Vergleich, Test und Wartung

Schwerpunkt: geänderte Core-Dateien, Override-Hinweise, Diff, visuelle Regression, Tastatur, Responsive, Performance, Dokumentation und Rückbau.

1. Sollzustände, Serviceabhängigkeiten und Messpunkte für „Override-Vergleich, Test und Wartung“ festlegen.
2. Überwachung, Protokollierung und Betriebsparameter für geänderte Core-Dateien, Override-Hinweise, Diff, visuelle Regression, Tastatur, Responsive, Performance, Dokumentation und Rückbau konfigurieren.
3. Regelaufgaben, Wartungsabläufe und kontrollierte Änderungen am Laborsystem durchführen.
4. Störungen simulieren, Diagnoseinformationen korrelieren und Wiederanlauf beziehungsweise Eskalation testen.
5. Als Arbeitsergebnis einen wiederholbaren Override-Reviewprozess als prüfbares Runbook dokumentieren.

Praxisübungen und Laborszenarien

• Erstellung und semantische Anpassung eines Beitrags- oder Kategorie-Overrides.
• Umsetzung eines Modul-Overrides mit alternativer Darstellung und Modul-Chrome.
• Aufbau eines Custom-Field-basierten Inhaltstyps mit gezielter Feldausgabe.
• Durchführung eines Override-Diffs und eines Frontend-Regressionstests.

Zielgruppe und Voraussetzungen

Zielgruppe: Frontend-Entwicklung, Joomla-Integration, Template-Verantwortliche, Webagenturen und technisch versierte Administration

Voraussetzungen: Gute HTML- und CSS-Kenntnisse, grundlegendes PHP-Verständnis und sichere Joomla-Bedienung

Didaktik und Arbeitsweise

Fachimpulse, Live-Demonstrationen und aufeinander aufbauende Laboraufgaben wechseln sich ab. Jeder Themenblock endet mit Positiv- und Negativtests sowie einer dokumentierten Sollkonfiguration, damit die Abläufe im eigenen Betrieb reproduzierbar bleiben.