Blog Layout Schritt für Schritt
Hier ist eine komplette Schritt-für-Schritt-Konfiguration für ein Blog-Layout mit dem Template Cassiopeia / Cassiopeia_extended in Joomla 6.
Die Anleitung orientiert sich an einem sauberen Standard-Blog für deine Domain https://joomla6.rneuhoff.de.
Ich beschreibe jeden Schritt so, wie er typisch in einer IHK-Schulung oder Dokumentation aufgebaut wäre.
1️⃣ Kategorie für Blog erstellen
Pfad im Backend: Inhalt → Kategorien → Neu
Einstellungen
| Feld | Wert |
|---|---|
| Titel | Blog |
| Alias | blog |
| Übergeordnete Kategorie | Root |
| Status | Veröffentlicht |
Speichern.
Ergebnis: Joomla erstellt die Kategorie Blog.
2️⃣ Blog-Beiträge erstellen
Pfad: Inhalt → Beiträge → Neu
Beispiel Beitrag
| Feld | Wert |
|---|---|
| Titel | Joomla SEO Tipps |
| Alias | joomla-seo-tipps |
| Kategorie | Blog |
Einleitungsbild hinzufügen. / Speichern.
Beispiel URL: https://joomla6.rneuhoff.de/blog/joomla-seo-tipps
3️⃣ Blog-Menüeintrag erstellen
Pfad: Menüs → Main Menu → Neu
Menütyp wählen: Beiträge → Kategorie-Blog
Einstellungen
| Feld | Wert |
|---|---|
| Titel | Blog |
| Alias | blog |
| Kategorie | Blog |
Speichern / Beispiel URL: https://joomla6.rneuhoff.de/blog
4️⃣ Blog-Layout konfigurieren
Reiter: Blog-Layout
Empfohlene Werte für Cassiopeia_extended
| Einstellung | Wert | Bedeutung |
|---|---|---|
| Führende Beiträge | 1 | Hauptartikel oben |
| Einleitung | 4 | Vorschauartikel |
| Spalten | 2 | zweispaltiges Layout |
| Links | 4 | weitere Artikel als Liste |
Ergebnis:
1 großer ArtikelArtikel 1 | Artikel 2
Artikel 3 | Artikel 4Weitere Artikel
5️⃣ Anzeigeoptionen konfigurieren
Reiter: Optionen
Empfohlene Einstellungen
| Option | Einstellung |
|---|---|
| Titel anzeigen | Anzeigen |
| Autor anzeigen | Anzeigen |
| Datum anzeigen | Anzeigen |
| Kategorie anzeigen | Anzeigen |
| Tags anzeigen | Optional |
Ergebnis: Besucher sehen wichtige Informationen zum Artikel.
6️⃣ Bilder konfigurieren
Reiter: Bilder und Links
Einstellung
| Option | Wert |
|---|---|
| Einleitungsbild | Bild auswählen |
| Verlinktes Einleitungsbild | Ja |
Ergebnis: Bild anklickbar → öffnet Artikel.
7️⃣ Spaltenlayout optimieren
Im Blog-Layout: Spalten = 2
Anzeige:
Artikel 3 | Artikel 4
8️⃣ Sortierung einstellen
Reiter: Blog-Layout
Wichtige Optionen
| Einstellung | Wert | Zweck |
|---|---|---|
| Kategorie-Sortierung | Titel A-Z | Ordnung |
| Beitragssortierung | Neueste zuerst | aktuelle Inhalte |
| Sortierdatum | Veröffentlicht | Veröffentlichungsdatum |
Beispiel Reihenfolge:
2026
2025
2024
9️⃣ Pagination (Seitenzahlen)
Einstellung: Seitenzahlen = Auto
Beispiel Anzeige:
Seite 1 von 3
[1] [2] [3]
Nur sichtbar, wenn viele Artikel existieren.
🔟 CSS-Anpassung für Cassiopeia_extended
CSS-Klasse im Blog-Layout: blog-cards
Dann CSS im Template hinzufügen.
Beispiel
border:1px solid #ddd;
padding:20px;
border-radius:10px;
background:#fafafa;
}
Artikel erscheinen als Kartenlayout.
1️⃣1️⃣ Modul „Neueste Beiträge“ hinzufügen
Pfad: Inhalt → Module → Neu
Modultyp: Beiträge – Neueste
Position: sidebar-right
Beispiel Anzeige
• Joomla SEO Tipps
• Cassiopeia CSS Tricks
• Route 66 Einstellungen
1️⃣2️⃣ Cache aktivieren (Performance)
Pfad: System → Globale Konfiguration → System
Einstellung: Cache = Konservativ
Verbessert Ladezeit.
Ergebnis – fertiges Blog-Layout
Frontend Beispiel
Führender Beitrag
Titel
Bild
Text
------------------------------------------------Artikel 1 Artikel 2
Artikel 3 Artikel 4Weitere Artikel
• Beitrag
• Beitrag
• BeitragSeite 1 von 2