Mit einem Kategorieblog zeigt Joomla mehrere Beiträge einer Kategorie auf einer gemeinsamen Seite an. In dieser Folge gestalten wir diese Übersicht genauer. Du lernst, wie Einleitungen, Spalten, Bilder und Weiterlesen-Links zusammenspielen und wie Du dafür sorgst, dass auch ältere Beiträge erreichbar bleiben.
Den Kategorieblog vorbereiten
Im Video stehen bereits mehrere Beispielbeiträge in der Kategorie «News» bereit. Für Deine Übung genügen zunächst einige veröffentlichte Beiträge mit unterschiedlichen Titeln und Einleitungstexten. Mit mehreren Einträgen lassen sich Sortierung, Spalten und Seitennummerierung besser beurteilen als mit einem einzelnen Beitrag.
Öffne Dein Hauptmenü und lege einen neuen Eintrag an. Wähle Beiträge → Kategorieblog und anschliessend die gewünschte Kategorie. Nach dem Speichern rufst Du genau diesen Menüpunkt im Frontend auf. Die zunächst sichtbare Anordnung ergibt sich aus den übernommenen Vorgaben.
Einleitung und vollständigen Text trennen
Öffne einen der Beiträge im Editor. Setze die Weiterlesen-Trennung hinter den Abschnitt, der in der Übersicht erscheinen soll. Alles davor bildet den Einleitungstext; darunter folgt die Fortsetzung. Der vollständige Artikel kann je nach Anzeigeoption beide Teile oder nur die Fortsetzung enthalten.
Für einen guten Einleitungstext brauchst Du eine kurze, eigenständig verständliche Zusammenfassung. Sie sollte die wesentliche Frage oder den Nutzen des Beitrags erkennen lassen. Wenn alle Beiträge mit einem langen allgemeinen Vorspann beginnen, wird die Übersicht schnell unübersichtlich.
Ohne Weiterlesen-Trennung kann wesentlich mehr Text im Blog erscheinen. Das ist manchmal gewollt, etwa bei sehr kurzen Meldungen. Bei langen Anleitungen lohnt sich die klare Trennung, damit die Übersicht gut überflogen werden kann.
Titel und Beschreibung der Kategorie
Im Menüeintrag findest Du einen Bereich mit Einstellungen zur Kategorie. Dort steuerst Du unter anderem, ob der Kategorietitel, eine Beschreibung oder ein Kategorienbild ausgegeben werden. Die dazugehörigen Inhalte pflegst Du in der Kategorie selbst.
Eine kurze Beschreibung kann erklären, welche Beiträge die Übersicht enthält. Ein Kategorienbild ist optional und sollte einen erkennbaren Zweck erfüllen. Prüfe die Kombination im Frontend: Eine zusätzliche Seitenüberschrift aus dem Menü kann sonst neben dem Kategorietitel zu einer unnötigen Wiederholung führen.
Weitere Optionen betreffen Unterkategorien und deren Darstellung. Entscheide bewusst, ob die aktuelle Übersicht nur die direkt zugeordneten Beiträge oder auch weitere Bereiche der Struktur berücksichtigen soll. Die dafür gewählten Einstellungen müssen zu Deiner Kategorienstruktur passen.
Führende Beiträge, Einleitungen und Links
Die Blog-Layout-Einstellungen unterteilen die Ausgabe in mehrere Bereiche. Führende Beiträge stehen am Anfang und erhalten im gezeigten Layout die volle verfügbare Breite. Danach folgen die weiteren Einleitungen, die Du auf Spalten verteilen kannst. Zusätzliche Beiträge können als einfache Links erscheinen.
Wichtig: Ein führender Beitrag ist eine Position innerhalb dieses Bloglayouts. Die Markierung «Haupteintrag» beziehungsweise die Ansicht «Hauptbeiträge» ist eine andere Funktion. Ein Beitrag muss für die führende Position im Kategorieblog nicht mit einem Stern als Haupteintrag markiert sein.
Im Video probieren wir verschiedene Kombinationen aus. Eine Einstellung mit null führenden Beiträgen, neun Einleitungen und drei Spalten erzeugt eine gleichmässige Übersicht aus neun Einleitungstexten. Ein führender Beitrag vor sechs weiteren Einleitungen kann dagegen eine Nachricht stärker hervorheben.
Die führende Position folgt der gewählten Auswahl und Sortierung. Sie befestigt nicht dauerhaft einen bestimmten Beitrag an erster Stelle. Wenn ein neuer Beitrag gemäss Sortierung nach oben rückt, kann er diese Position übernehmen.
Spalten und Leserichtung festlegen
Die Spaltenzahl beeinflusst, wie viel Platz jeder Einleitungstext erhält. Drei Spalten eignen sich eher für kurze Vorschauen. Längere Texte oder grosse Bilder benötigen unter Umständen mehr Breite. Auf schmalen Bildschirmen kann das Template die Spalten untereinander anordnen.
Die Spaltenanordnung steuert zusätzlich, ob die Reihenfolge zeilenweise oder spaltenweise durch das Raster läuft. Diese Leserichtung ist von der eigentlichen Beitragssortierung zu unterscheiden. Die Sortierung bestimmt, welcher Beitrag zuerst kommt; die Anordnung verteilt diese Reihenfolge auf die sichtbaren Plätze.
Teste die Einstellungen mit eindeutig nummerierten Beispielen. So erkennst Du sofort, ob die Folge von links nach rechts oder zunächst innerhalb einer Spalte verläuft. Verwende im späteren produktiven Inhalt natürlich verständliche Titel statt blossen Testnummern.
Eigene CSS-Klassen haben nur mit passenden Regeln eine Wirkung
Joomla bietet Felder für zusätzliche CSS-Klassen. Damit kann die technische Betreuung bestimmte Elemente gezielt gestalten. Ein frei eingetragener Name verändert das Aussehen jedoch erst dann, wenn passende Gestaltungsregeln vorhanden sind.
Für die normale Redaktion reichen zunächst die angebotenen Layoutoptionen. Stimmen Abstände, Farben oder die Darstellung von Informationszeilen grundsätzlich nicht, lässt sich das im Template untersuchen. Solche Anpassungen sollten zusammenhängend geplant werden, damit die Übersicht auch bei späteren Beiträgen konsistent bleibt.
Einleitungsbild und vollständiges Beitragsbild
Im Beitrag findest Du unter Bilder und Links getrennte Felder für ein Einleitungsbild und ein Bild für den vollständigen Beitrag. Das Einleitungsbild dient der Vorschau in einer Übersicht. Das vollständige Beitragsbild kann in der geöffneten Detailansicht erscheinen.
Diese Bilder sind von Bildern zu unterscheiden, die Du direkt in den Text einfügst. Du kannst beide Möglichkeiten nutzen, solltest aber unbeabsichtigte Doppelungen vermeiden. Kontrolliere deshalb sowohl die Übersicht als auch den geöffneten Beitrag.
Im Video werden als Beispiel kleinere Bilder für die Übersicht und grössere für die Detailansicht verwendet. Die genannten Pixelbreiten sind Übungswerte. Die passende Grösse hängt von der tatsächlichen Darstellung und dem Seitenlayout ab. Vermeide unnötig grosse Dateien und wähle einen Bildausschnitt, der auch in einer kleinen Vorschau verständlich bleibt.
Ergänze bei inhaltlich wichtigen Bildern einen passenden Alternativtext. Er beschreibt, welche Information das Bild vermittelt. Eine blosse Aneinanderreihung von Suchbegriffen hilft dabei nicht. Rein dekorative Bilder benötigen eine entsprechend als dekorativ behandelte Ausgabe.
Über die Blogoption kannst Du das Einleitungsbild mit dem Beitrag verlinken. Prüfe nach dem Speichern, ob ein Klick tatsächlich den zugehörigen Inhalt öffnet. Ein sichtbares Bild allein ist noch kein Beleg dafür, dass die Verlinkung aktiviert ist.
Beiträge nach dem richtigen Datum sortieren
Für einen Newsbereich ist eine Reihenfolge mit den neuesten Meldungen oben oft sinnvoll. Joomla bietet verschiedene Datumsgrundlagen, etwa Erstellungs-, Änderungs- oder Veröffentlichungsdatum. Wähle diejenige, die Deine redaktionelle Absicht abbildet.
Wenn Du einen Beitrag heute vorbereitest, aber erst nächste Woche veröffentlichst, unterscheiden sich Erstellungs- und Veröffentlichungsdatum. Eine Sortierung nach dem Änderungsdatum kann wiederum eine ältere Meldung nach einer kleinen Korrektur nach oben holen. Das kann gewollt sein, sollte aber bewusst entschieden werden.
Veröffentlichungsbeginn und Veröffentlichungsende steuern die zeitliche Sichtbarkeit. Ein Ende löscht den Beitrag nicht aus der Verwaltung. Behalte bei geplanten Meldungen auch die Zeitzone der Website im Blick.
Weiterlesen-Link verständlich beschriften
Die Weiterlesen-Trennung im Text und die Anzeige eines Weiterlesen-Links sind miteinander verbunden, aber getrennt einstellbar. Im Menübereich Optionen legst Du fest, ob der Link ausgegeben wird und ob er den Beitragstitel enthalten soll.
Ein eindeutiger Link hilft beim schnellen Überfliegen und bei der Bedienung mit Hilfsmitteln. Wenn mehrere Links nur «Weiterlesen» lauten, muss ihr Zusammenhang mit dem jeweiligen Beitrag trotzdem verständlich bleiben. Prüfe deshalb die tatsächliche Ausgabe Deines Templates.
Auch verlinkte Titel oder Bilder können zum vollständigen Beitrag führen. Sorge dafür, dass der Übergang gut erkennbar ist. Leserinnen und Leser sollen nicht ausprobieren müssen, welches Element sich anklicken lässt.
Autor, Kategorie und Datum anzeigen
Für Nachrichten können Angaben zum Veröffentlichungsdatum und zur Kategorie nützlich sein. In der Blogansicht steuerst Du diese Ausgabe über die passenden Optionen. Werte wie «Global» übernehmen Vorgaben; ausdrücklich gewählte Werte können die Ausgabe dieser Ansicht verändern.
Eine verlinkte Kategorie kann zurück zur zugehörigen Übersicht führen. Ob das im konkreten Aufbau hilfreich ist, hängt von Deiner Navigation ab. Zeige nur Informationen, die für die Orientierung einen erkennbaren Nutzen haben.
Immer den tatsächlich aufgerufenen Menüpunkt prüfen
Im Video scheinen einige Änderungen zunächst wirkungslos zu bleiben. Der Grund liegt im Zusammenhang zwischen Startseite, Newsübersicht und Menüeintrag. Mehrere Menüwege können dieselbe Kategorie ansprechen, dabei aber unterschiedliche Optionen und Modulzuweisungen verwenden.
Kontrolliere deshalb die Adresse im Browser und öffne die Übersicht gezielt über den Menüpunkt, den Du gerade bearbeitest. Ein klar geplanter Hauptweg zu einem Inhaltsbereich erleichtert die Arbeit. Mehrere Wege sind technisch möglich, benötigen aber eine bewusste Abstimmung.
Die Joomla-Anleitung zu Anzeigeoptionen erklärt, weshalb globale Vorgaben, Beitragswerte und Menüeinstellungen je nach Ansicht unterschiedlich zusammenspielen.
Einleitung in der vollständigen Ansicht ausblenden
Die Option zur Anzeige des Einleitungstexts kann für die vollständige Beitragsansicht relevant sein. Ein Blog benötigt den Einleitungstext weiterhin als Vorschau. Wenn Du die Einleitung im geöffneten Artikel ausblendest, beginnt die Detailansicht mit dem Text unterhalb der Weiterlesen-Trennung.
Verwende diese Einstellung nur, wenn dort ein verständlicher Einstieg vorhanden ist. Wichtige Informationen, die ausschliesslich in der Einleitung stehen, würden sonst in der vollständigen Ansicht fehlen. Lies deshalb den geöffneten Artikel einmal von Anfang an durch.
Ältere Beiträge über die Seitennummerierung erreichbar halten
Wenn mehr Beiträge vorhanden sind, als auf eine Seite passen, braucht die Übersicht einen Weg zu den weiteren Ergebnissen. Joomla bietet dafür eine Seitennummerierung. Die Anzeige der Seitenzahl beziehungsweise des Ergebniszählers kann zusätzlich gesteuert werden.
Im Video wird beim Ausprobieren sichtbar, wie leicht die Navigation zu weiteren Seiten versehentlich verschwinden kann. Prüfe nach einer Änderung deshalb nicht nur die erste Seite. Wechsle auch zu späteren Ergebnissen und kontrolliere, ob Du wieder zurückkommst.
Eine begrenzte Auswahl ohne Seitennavigation kann für einen bewusst kurzen Block «Neueste Meldungen» passen. Eine vollständige Newsübersicht sollte ältere veröffentlichte Inhalte weiterhin zugänglich machen.
Eine sinnvolle Übung
Richte auf Deiner Übungswebsite zunächst einen Blog ohne führenden Beitrag mit sechs Einleitungen in zwei Spalten ein. Ergänze Einleitungsbilder und Weiterlesen-Links. Wähle eine nachvollziehbare Datumssortierung und halte weitere Beiträge über die Seitennummerierung erreichbar.
Öffne danach einen einzelnen Beitrag und prüfe den Übergang zwischen Vorschau und vollständigem Text. Kontrolliere die Übersicht auch auf einem schmalen Bildschirm. So beurteilst Du das Ergebnis aus Sicht der Menschen, die später damit arbeiten.
Diese Anleitung gehört zum Joomla 6 Videogrundkurs. Dort findest Du die weiteren Folgen in der passenden Reihenfolge.
