Jetzt bekommt die neue Joomla-Website ihren ersten eigenen Inhalt. In der vierten Folge des Joomla-6-Videogrundkurses erstelle ich einen Beitrag mit Text und Bild. Anschliessend ordne ich ihn der Startseite zu, damit er beim Aufrufen der Website sichtbar wird.
In den bisherigen Folgen haben wir Joomla installiert und die wichtigsten Begriffe angeschaut. Nun gehen wir in die Inhaltsverwaltung. Für diese Übung reicht ein einfacher Willkommenstext. Du brauchst noch kein fertig ausgearbeitetes Seitenkonzept, um den Ablauf kennenzulernen.
Ich arbeite im Video mit einer neuen Demowebsite. Wenn du an einem bestehenden Auftritt übst, verwende einen dafür vorgesehenen Testbereich. Das Umstellen des Startseiten-Menüeintrags verändert die Seite, die deine Besucherinnen und Besucher zuerst sehen.
Die Beitragsverwaltung öffnen
Melde dich im Backend an. Vom Dashboard gelangst du über die Kachel «Beiträge» zur Beitragsübersicht. Du kannst diesen Bereich auch über «Inhalt» und «Beiträge» im Administrationsmenü erreichen. Wähle «Neu», um einen Beitrag anzulegen.
Die neue Installation im Video enthält noch keine eigenen Inhalte. In einer bestehenden Website siehst du an dieser Stelle möglicherweise bereits viele Beiträge. Achte dann darauf, einen neuen Eintrag zu erstellen, damit vorhandene Inhalte erhalten bleiben.
Einen Titel und den ersten Text erfassen
Gib deinem Beitrag einen verständlichen Titel. Im Video verwende ich einen einfachen Willkommensgruss. Für deine eigene Website könnte der Titel beispielsweise «Willkommen bei unserem Verein» lauten. Wähle ihn so, dass du den Beitrag auch später in der Übersicht wiedererkennst.
Unter dem Titel findest du den Editor für den Beitragsinhalt. Hier schreibst du deinen Text und kannst ihn formatieren. Beginne für die Übung mit einem kurzen Absatz, der erklärt, worum es auf deiner Website geht.
Mit der Eingabetaste legst du einen neuen Absatz an. Im Video vervielfache ich den Beispieltext, damit auf der Seite etwas mehr Inhalt zu sehen ist. Für deinen richtigen Beitrag schreibst du stattdessen zusammenhängende Absätze mit jeweils einem klaren Gedanken. So bleibt der Text gut lesbar.
Wenn du noch keine eigene Kategorienstruktur eingerichtet hast, kann der Übungsbeitrag zunächst in der vorhandenen Standardkategorie bleiben. Bei einer bestehenden Website verwendest du die Kategorie, die für diesen Inhalt vorgesehen ist. Wie du Beiträge sinnvoll ordnest, schauen wir uns später genauer an.
Ein Bild direkt in den Text einfügen
Ein Beitrag kann neben Text auch Bilder enthalten. In dieser Folge fügen wir ein Bild direkt an einer Stelle im Beitragstext ein. Daneben gibt es in Joomla eigene Einstellungen für Einleitungsbilder und vollständige Beitragsbilder. Diese behandeln wir hier noch nicht.
- Setze den Cursor im Editor an die Stelle, an der das Bild erscheinen soll.
- Öffne über die Bildfunktion des Editors die Medienauswahl. Je nach Editor findest du sie beispielsweise im Menü «CMS Inhalt».
- Wähle ein vorhandenes Bild aus. Im Video nutze ich ein mitgeliefertes Beispielbild.
- Ergänze den passenden Alternativtext und füge das Bild in den Beitrag ein.
Die Medienauswahl zeigt die Bilder, die bereits auf der Website zur Verfügung stehen. Für diese erste Übung musst du deshalb noch keine eigene Datei hochladen. Später kannst du deine eigenen, für das Web vorbereiteten Bilder verwenden.
Was gehört in den Alternativtext?
Der Alternativtext beschreibt die Information, die das Bild im jeweiligen Zusammenhang vermittelt. Menschen, die einen Screenreader verwenden, können dadurch den wesentlichen Inhalt erfassen. Ein Dateiname wie «bild01.jpg» hilft dabei kaum.
Zeigt das Bild beispielsweise den Eingang deines Vereinslokals, könnte ein passender Alternativtext «Eingang zum Vereinslokal an der Gartenstrasse» sein. Beschreibe das tatsächliche Motiv knapp und passend zum Beitrag. Ein rein dekoratives Bild, das keine zusätzliche Information vermittelt, kann einen leeren Alternativtext erhalten.
Nach dem Einfügen siehst du das Bild im Editor. Prüfe, ob es an der vorgesehenen Stelle steht. Die endgültige Wirkung von Text und Bild beurteilst du anschliessend in der Websiteansicht.
Den Beitrag speichern
Wähle «Speichern & Schliessen», wenn Titel, Text und Bild erfasst sind. Joomla speichert den Beitrag und führt dich zur Übersicht zurück. Dort kannst du ihn jederzeit wieder öffnen und weiterbearbeiten.
Damit ein Beitrag öffentlich angezeigt werden kann, müssen auch sein Status und seine Zugriffsebene passen. Für die gezeigte öffentliche Beispielseite ist er veröffentlicht und für «Public» zugänglich. Auf Websites mit einer redaktionellen Freigabe können diese Einstellungen von einer zuständigen Person verwaltet werden.
Das Speichern legt den Inhalt an. Wo Besucherinnen und Besucher diesen Inhalt finden, hängt von der Navigation oder einer passenden Übersichtsseite ab. Deshalb verbinden wir den Beitrag im nächsten Schritt mit der Startseite.
Den neuen Beitrag auf der Startseite anzeigen
Im Video öffne ich das Hauptmenü und bearbeite den vorhandenen Eintrag «Home». Dieser Eintrag bestimmt in der Demoinstallation, was beim Aufrufen der Startseite erscheint. Für unser Beispiel soll er den soeben erstellten Beitrag öffnen.
- Öffne im Backend «Menüs» und das Hauptmenü, in der gezeigten Installation «Main Menu».
- Öffne den Menüeintrag «Home».
- Wähle als Menüeintragstyp unter «Beiträge» die Ansicht «Einzelner Beitrag».
- Wähle im Feld für den Beitrag deinen neuen Willkommensbeitrag aus.
- Speichere den Menüeintrag und schliesse die Bearbeitung.
Der Menüeintrag bleibt die Startseite und zeigt jetzt den ausgewählten Inhalt. Du brauchst für diese Übung keinen zusätzlichen Menüeintrag anzulegen. Auf einer bereits gestalteten Website solltest du die vorhandene Startseitenstruktur mit der betreuenden Person abstimmen.
Das Ergebnis im Frontend kontrollieren
Wechsle in den Browser-Tab mit deiner Website und lade die Seite neu. Jetzt sollten der neue Text und das eingefügte Bild im Layout des Templates erscheinen. Vergleiche die Darstellung mit dem, was du im Editor eingegeben hast.
Im Video ist oben weiterhin die Bezeichnung «Home» zu sehen. Solche Überschriften können aus den Einstellungen des Menüeintrags stammen und sind von deinem eigentlichen Beitragstext zu unterscheiden. Diese Feinheiten bearbeiten wir in späteren Folgen.
Falls der Beitrag noch nicht erscheint, kontrolliere, ob du sowohl den Beitrag als auch den Menüeintrag gespeichert hast. Prüfe danach die Auswahl des Beitrags sowie dessen Veröffentlichungsstatus und Zugriffsebene. Bei einer bestehenden Website kann auch ein Zwischenspeicher eine ältere Ansicht zeigen.
Du hast damit den vollständigen Weg einmal durchgespielt: einen Inhalt erfassen, speichern und auf der Website zugänglich machen. Öffne den Beitrag zum Üben noch einmal, ändere einen Satz und kontrolliere nach dem Speichern die öffentliche Ansicht. So wird dir der Wechsel zwischen Bearbeitung und Ergebnis vertraut.
In der nächsten angekündigten Folge geht es um die Gestaltung mit Cassiopeia. Danach vertiefen wir die Arbeit mit Beiträgen, Menüs und Modulen.
