Praxisaufgaben direkt in Joomla 6
Joomla trennt Inhalte, Navigation, Module und Design. Erst das Zusammenspiel dieser Elemente ergibt eine funktionierende Website.
Joomla 6 · Windows 11 Pro · Template: cassiopeia_extended)
🟦 Praxisaufgabe 1: Joomla-Backend verstehen
🎯 Ziel
Sich im Joomla-Backend orientieren und Hauptbereiche kennen.
🔧 Aufgabe
- Öffnen Sie das Joomla-Backend:
URL: https://www.ihre-domain.de/administrator - Melden Sie sich als Administrator an.
- Finden Sie folgende Menüpunkte:
- Inhalte → Artikel
- Menüs → Hauptmenü
- System → Globales Konfiguration
✅ Lösung / Erwartetes Ergebnis
Der Teilnehmer kann:
- Backend und Frontend unterscheiden
- Hauptnavigation im Backend sicher bedienen
🟦 Praxisaufgabe 2: Ersten Artikel erstellen
🎯 Ziel
Grundverständnis für Inhalte (Artikel).
🔧 Aufgabe
- Backend → Inhalte → Artikel → Neu
- Titel: Willkommen bei Joomla 6
- Text eingeben (Beispiel):
- Diese Website wurde mit Joomla 6 erstellt.
- Status: Veröffentlicht
- Speichern & Schließen
✅ Lösung
Ein veröffentlichter Artikel ist vorhanden, aber noch nicht sichtbar, da er keinem Menü zugeordnet ist.
🟦 Praxisaufgabe 3: Artikel im Menü anzeigen
🎯 Ziel
Zusammenhang zwischen Artikel und Menü verstehen.
🔧 Aufgabe
- Backend → Menüs → Hauptmenü → Neuer Menüeintrag
- Menüeintragstyp: Beiträge → Einzelner Beitrag
- Artikel auswählen: Willkommen bei Joomla 6
- Titel des Menüeintrags: Start
- Speichern
✅ Lösung
Der Artikel ist über die Navigation im Frontend erreichbar.
🟦 Praxisaufgabe 4: Modul erstellen (Sidebar)
🎯 Ziel
Module als Zusatzinhalte verstehen.
🔧 Aufgabe
- Backend → Inhalte → Module → Neu
- Modultyp: Eigenes HTML
- Titel: Kontaktinfo
- Inhalt: Tel.: 01234 56789 E-Mail:
Diese E-Mail-Adresse ist vor Spambots geschützt! Zur Anzeige muss JavaScript eingeschaltet sein. - Position: z. B. sidebar-right
- Menüzuweisung: Alle Seiten
- Speichern
✅ Lösung
Das Modul erscheint seitlich auf allen Seiten.
🟦 Praxisaufgabe 5: Designanpassung mit CSS (updatesicher)
🎯 Ziel
Erste Designanpassung ohne Risiko.
🔧 Aufgabe
- Datei öffnen (per FTP oder Dateimanager):
-
/templates/cassiopeia_extended/css/user.css
- Folgenden CSS-Code einfügen:
h1 { color: #003366; /* Dunkelblau */ } - Datei speichern
- Frontend neu laden (Strg + F5)
✅ Lösung
Überschriften h1 erscheinen in Dunkelblau (#003366).
🟦 Praxisaufgabe 6: Lesbarkeit verbessern
🎯 Ziel
Typische Designverbesserung durchführen.
🔧 Aufgabe
In derselben Datei: /templates/cassiopeia_extended/css/user.css
CSS ergänzen:
body {
font-size: 18px;
line-height: 1.6;
color: #333333; /* Dunkelgrau */
}
✅ Lösung
- Text ist größer
- besserer Zeilenabstand
- angenehme Lesbarkeit
🟦 Praxisaufgabe 7: Benutzer anlegen
🎯 Ziel
Mehrbenutzerfähigkeit von Joomla verstehen.
🔧 Aufgabe
- Backend → Benutzer → Verwalten → Neu
- Name: Redakteur Test
- Benutzergruppe: Editor
- Speichern
✅ Lösung
Ein Benutzer mit eingeschränkten Rechten wurde erstellt.
🟦 Praxisaufgabe 8: Typischer Praxisfall
🎯 Ziel
Wissen anwenden & begründen.
❓ Aufgabe
Warum ist es sinnvoll, CSS-Anpassungen nicht direkt im Template-Code vorzunehmen?
✅ Musterlösung
Direkte Änderungen im Template gehen bei Updates verloren. Eigene CSS-Regeln sollten in einer separaten Datei gespeichert werden, um Updatesicherheit zu gewährleisten.