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

FeldWert
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

FeldWert
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

FeldWert
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

EinstellungWertBedeutung
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

OptionEinstellung
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

OptionWert
Einleitungsbild Bild auswählen
Verlinktes Einleitungsbild Ja

Ergebnis: Bild anklickbar → öffnet Artikel.


7️⃣ Spaltenlayout optimieren

Im Blog-Layout: Spalten = 2 

Anzeige: 

Artikel 1 | Artikel 2
Artikel 3 | Artikel 4
Für moderne Layouts ideal.

8️⃣ Sortierung einstellen

Reiter: Blog-Layout 

Wichtige Optionen

EinstellungWertZweck
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 

.blog-cards .item-content {
     border:1px solid #ddd;
     padding:20px;
     border-radius:10px;
     background:#fafafa;
}
Ergebnis
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 

Neueste Beiträge
• 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 

https://joomla6.rneuhoff.de/blog------------------------------------------------
Führender Beitrag
Titel
Bild
Text
------------------------------------------------Artikel 1 Artikel 2
Artikel 3 Artikel 4Weitere Artikel
• Beitrag
• Beitrag
• BeitragSeite 1 von 2