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
Unterschied Startseite - Standardseite
In Joomla 6 gibt es einen wichtigen Unterschied zwischen Startseite und normaler Standardseite (Menüseite).
1️⃣ Startseite (Home)
Die Startseite ist die Seite, die automatisch erscheint, wenn jemand nur deine Domain aufruft.
Beispiel: https://joomla6.rneuhoff.de Diese Seite ist im Menü mit einem Haus-Symbol markiert.
Backend-Pfad: Menüs → Main Menu
Dort siehst du:
Blog
Kontakt
Projekte
Nur eine Seite kann Startseite sein.
Eigenschaften der Startseite
- erscheint bei Domainaufruf
- hat das Haus-Symbol
- kann jedes Layout haben
- Kategorie-Blog
- Einzelbeitrag
- Modulseite
- Landingpage
Beispiel Startseite
Menüeintrag
Titel: Startseite
Menütyp: Kategorie-Blog
Kategorie: News
Frontend: https://joomla6.rneuhoff.de
Anzeige:
WillkommenAktuelle Beiträge
Artikel 1
Artikel 2
Artikel 3
2️⃣ Standardseite (normale Menüseite)
Eine Standardseite ist jede andere Seite im Menü.
Beispiel: https://joomla6.rneuhoff.de/blog
oder
https://joomla6.rneuhoff.de/kontakt
Sie erscheint nur, wenn der Besucher darauf klickt.
Eigenschaften der Standardseite
- hat kein Haus-Symbol
- wird nur über Menü oder Link geöffnet
- kann beliebigen Inhalt enthalten
Beispiel Standardseite
Menüeintrag:
Titel: Blog
Menütyp: Kategorie-Blog
Kategorie: Blog
Frontend: https://joomla6.rneuhoff.de/blog
Anzeige
Blogartikel
Artikel 2
Artikel 3
3️⃣ Technischer Unterschied
| Eigenschaft | Startseite | Standardseite |
|---|---|---|
| Domainaufruf | ja | nein |
| Haus-Symbol | ja | nein |
| Anzahl möglich | nur 1 | beliebig |
| Menütyp | frei wählbar | frei wählbar |
4️⃣ Beispiel Struktur deiner Website
Domain: https://joomla6.rneuhoff.deMenüstruktur
Blog
Joomla Projekte
KI Experimente
Kontakt
URLs
https://joomla6.rneuhoff.dehttps://joomla6.rneuhoff.de/bloghttps://joomla6.rneuhoff.de/projektehttps://joomla6.rneuhoff.de/kihttps://joomla6.rneuhoff.de/kontakt
5️⃣ Typischer Anfängerfehler
Viele machen den Blog zur Startseite, obwohl sie eigentlich eine Einführungsseite wollen.
Beispiel
Fehler: Startseite zeigt sofort: 10 Blogartikel
Besser: Startseite:
3 wichtige Beiträge
Vorstellung der Website
Blog separat: /blog
6️⃣ Startseite ändern
Pfad: Menüs → Main Menu
Neue Seite zur Startseite machen: Sternsymbol anklicken
Dann wird diese Seite automatisch die neue Homepage.
Sieben wichtige Menüeintragstypen
1 Kategorie-Blog (am häufigsten)
Zeigt mehrere Beiträge einer Kategorie.
Beispiel: https://joomla6.rneuhoff.de
Anzeige
Artikel 3 | Artikel 4
Gut für
- Blogs
- Newsseiten
- Projektseiten
2 Einzelner Beitrag
Die Startseite zeigt nur einen Artikel.
Beispiel:
Vorstellung der Projekte
Kontaktinformationen
URL bleibt: https://joomla6.rneuhoff.de
Gut für
- kleine Websites
- Vereinsseiten
- Firmen
3 Kategorie-Liste
Zeigt eine Liste der Artikel einer Kategorie.
Anzeige
• Cassiopeia Template
• SEO Tipps
• Template Overrides
Gut für
- Dokumentationen
- Tutorials
4 Beitragsarchiv
Zeigt archivierte Artikel nach Datum.
Beispiel
2026
2025
2024
Gut für
- Magazine
- Newsportale
5 Kategorie-Blog mit Modulen
Sehr häufige moderne Lösung.
Startseite enthält
3 wichtige Beiträge
Neueste Artikel
Sidebar
Module liefern zusätzliche Inhalte.
6 Menü-Landingpage
Startseite besteht hauptsächlich aus Modulen.
Beispiel
Textblock
3 Spalten
Kontakt
Gut für
- Landingpages
- Firmenwebsites
7 Dashboard-Startseite
Startseite zeigt z.B.
Beliebte Artikel
Kategorien
Gut für
- Wissensportale
- Blogs