Die aktuelle Version der „Einführung in die grundlegende Arbeit mit Joomla 3„, die außerdem viele Informationen zu Erweiterungen von Joomla 3.9 mit Komponenten, Modulen und Plugins enthält, finden Sie hier als E-Book (pdf-Format).

Die Anleitung auf dieser Webseite beschreibt den Stand von 2016. Die grundsätzliche Bedienung hat sich nicht großartig geändert. Es sind aber inzwischen einige neue Funktionen in Joomla integriert worden und die Oberfläche sieht an einige Stellen ein wenig anders aus.

Inhalt

• Vorwort
• Schreibweisen
• Glossar
• Was ist Joomla?
• Aktuelle Versionen von Joomla
• Joomla Webseite
• Weiterführende Literatur
• Bearbeiten von Inhalten
• Bearbeitung im Backend
• Erstellen eines neuen Beitrags
• Bilder einfügen
• Beenden des Bearbeitens
• Spezielle Funktionen
• Veröffentlichungsoptionen
• Beitragsdetails
• Metadaten
• Navigation
• Menüs
• Spezielle Funktionen
• Beitrag im Frontend bearbeiten
• Spezielle Funktionen

Vorwort

Diese Anleitung ist zum schnellen Start mit dem Content-Management-System Joomla in der Version 3 gedacht.
Beschrieben wird das Anlegen und bearbeiten von Seiteninhalten und die Verlinkung innerhalb einer vorhandenen Menüstruktur.

Schreibweisen

Falls ein Button geklickt oder ein Menüpunkt ausgewählt werden muss ist dies im Folgenden durch unterstrichene und kursiv gestellte Worte dargestellt. Mehrere Klicks nacheinander werden mit Pfeilen verbunden.

Beispiel: Menüs –> Main Menu bedeutet erst Menüs klicken und danach Main Menu klicken.

Glossar

Was ist Joomla?

Joomla ist ein Content-Management-System (CMS) und dient der Erstellung von Webseiten mit einfach veränderbaren Inhalten, die von mehreren Personen ohne tiefere Kenntnisse über Webseitenerstellung bearbeitet werden können.

Dabei wird innerhalb von Joomla zwischen drei Ebenen unterschieden:

• Der funktionellen Struktur,
• den eigentlichen Seiteninhalten
• und dem Layout.

Die Einrichtung der funktionellen Struktur ist aufwändig und setzt weitreichende Kenntnisse von Joomla voraus. Sie liegt daher meistens in den Händen eines entsprechend ausgebildeten Webdesigners.

Die Seiteninhalte, auf Englisch content, können durch eine fast beliebig große Anzahl von Autoren über einen leicht bedienbaren Editor, bearbeitet werden. Der Editor hat Funktionen, die ähnlich wie ein normales Textverarbeitungssystem, z. B. Word funktionieren.

Der Editor lässt sich direkt im Browsers aufrufen, so dass die Autoren ihre Inhalte von jedem Ort mit Internetzugang bearbeiten können. Über eine Benutzerverwaltung lassen sich dabei vom Administrator für jeden Autor und jeden Inhalt individuelle Zugriffs- und Schreibrechte festlegen. Dadurch ist es möglich, dass manche Autoren beispielsweise nur die Inhalte, andere auch die zugrunde liegende funktionelle Struktur beeinflussen können.

Das Layout wird durch sogenannte Templates gestaltet, welche der Webseite unabhängig von Struktur und Inhalt ein einheitliches optisches Erscheinungsbild geben. Die Templates können durch den Administrator einfach ausgewechselt werden, wodurch sich das Aussehen der Webseite bei gleichen Inhalten grundlegend ändert. Die Erstellung von guten Templates ist sehr komplex.

Die Vorteile von Joomla sind:

• Benutzerfreundliche Bedienung
• Leicht erweiterbar durch verschiedene Komponenten, Module und Plugins
• Flexibles und dadurch leicht modernisierbares Design
• Valides HTML und CSS

Joomla steht als Open Source zur Verfügung und wird inzwischen weltweit für zehntausende Websites eingesetzt. Joomla ist mit knapp 11 % Marktanteil eines der meistverwendeten CMS weltweit. 

Aktuelle Version von Joomla

Version 3

Die Version 2.5 wurde Anfang 2014 komplett durch die Version 3 abgelöst. Ältere Versionen des Content-Management-Systems werden nicht mehr weiter gepflegt. Eine Webseite mit einer Version < 3 stellt also ein potentielles Sicherheitsrisiko dar und sollte schnellstmöglich auf die aktuelle Version aktualisiert werden.

Joomla 3 legt den Fokus vor allem auf die mobile Verwendung des CMS sowie die Unterstützung des sogenannten Responsive Webdesign. Die Webseite passt sich hierbei an die Bildschirmauflösung des jeweiligen Browsers an. Gutes Responsive Design sorgt also unter anderem dafür, dass Webseiten auf Smartphones gut lesbar dargestellt werden und einfach zu bedienen sind. Im Backend von Joomla 3 wurde zum Beispiel der WYSIWYG-Editor so angepasst, dass er auch auf dem kleinen Bildschirm eines Smartphones gut bedient werden kann. Außerdem führt Joomla mit Version 3 ein neues Template namens Protostar ein, das sich flexibel an die Größe des verfügbaren Bildschirms anpasst.

Joomla Webseite

Aktuelle Informationen zu Joomla gibt es auf der Webseite der Entwickler: http:/www.joomla.org/

Die meisten Erweiterungen für Joomla findet man auf dieser Webseite http:/extensions.joomla.org/.

Weiterführende Literatur

Die nachfolgenden Seiten geben nur einen kleinen Einblick in die Möglichkeiten, die Joomla bietet. Für Interessierte kann ich folgende Bücher als weiterführende Literatur empfehlen:

Praxiswissen Joomla! 3.x komplett: Das Kompendium ab Version 3.6	Joomla! 3: Das umfassende Handbuch. Installation, Administration, Wartung, Onlineshops, Templates und mehr

Bearbeiten von Inhalten

Wie im vorherigen Kapitel beschrieben wird innerhalb von Joomla zwischen drei Ebenen unterschieden:

• Der funktionellen Struktur,
• den eigentlichen Seiteninhalten
• und dem Layout.

In diesem Kapitel wird die Bearbeitung der Seiteninhalte beschrieben: Wie erstelle ich eine neue Internetseite innerhalb meines Webauftrittes und wie verlinke ich diesen Inhalt in den Menüs?

Bei Joomla gibt es zwei verschiedene Arten Inhalte zu bearbeiten:

• Über das Frontend lassen sich Texte direkt auf den Seiten editieren.
• Im Backend kann man zusätzlich die komplette Funktionalität der Webseite bearbeiten.

Bearbeitung im Backend

Jetzt geht es erst einmal um die grundsätzlichen Schritte der Inhaltsbearbeitung im Backend.

Zuerst muss man sich im Backend einloggen.
Dazu ruft man die URL: http:/www.meineseite.de/administrator auf, also die Webadresse der eigenen Internetpräsenz mit angehängtem /administrator.

Es erscheint folgende Login-Seite:Login – Joomla3

Nach dem Einloggen erscheint die Startseite des Backends. Von dort aus sind die wichtigsten Funktionen der Webseite direkt zu erreichen.

 Startseite des Backends –  Joomla 3

Erstellen eines neuen Beitrags

Als Beiträge werden in Joomla die Inhalte der Webseite bezeichnet. Ein Beitrag kann entweder eine komplette Seite oder Teile davon beinhalten. Um einen neuen Beitrag zu erstellen aus dem Menu InhaltLogin – Joomla3 –> Beiträge –> Neuer Beitrag wählen.

Neuer Beitrag Joomla 3

Dadurch öffnet sich das Editorfenster. Im Editorfenster kann man den Text der Seite ähnlich wie in einer Textverarbeitung eingeben und bearbeiten. Die Icons sind identisch oder sehr ähnlich wie in Microsoft Word 2007.

Editorfenster – Joomla 3

Die Funktionen werden am Beispiel des Editors JCK-Editor beschrieben. Dieser kann auf http:/extensions.joomla.org heruntergeladen werden. Die meisten Funktionen stehen auch im Standardeditor von Joomla zur Verfügung. Die einzelnen Funktionen erreicht man über die Icons am oberen Rand des Editorfenster. Hier eine Erklärung zu den wichtigsten Icons des Editors.

Icon	Funktion
	Ausschneiden
	Kopieren
	Einfügen
	Als Text einfügen – Entfernt alle Textauszeichnungen, wie z. B. fett, kursiv oder unterstrichen.
	Einfügen aus Word – Versucht die Formatierungen aus einem Word-Dokument zu übernehmen. Das gelingt leider nicht immer.
	Alles markieren
	Drucken
	Rechtsschreibprüfung
	Rückgängig
	Wiederholen
	Formatierung entfernen
	Suchen
	Suchen und ersetzen
	Fett
	Kursiv
	Unterstrichen
	Durchgestrichen
	Tiefgestellt
	Hochgestellt
	Markierten Text als Zitatblock einfügen
	Sonderzeichen
	Nummerierte Liste
	Liste
	Einzug verringern
	Einzug vergrößern
	Linksbündig
	Zentriert
	Rechtsbündig
	Blocksatz
	Link einfügen – Mit diesem Icons kann man sowohl Links auf externe Webseiten, als auch Links auf interne Dokumente oder andere Seiten erstellen.
	Link auflösen – entfernt einen Link aus dem markierten Text
	Anker – Linkziel innerhalb eines Beitrags definieren
	Eigenschaften eines Bildes bearbeiten
	Tabelle einfügen
	Horizontale Linie
	Vordefinierten Stil einfügen
	Format des markierten Textes – z. B. Überschrift oder Textkörper
	Schriftart
	Schriftgröße
	Textfarbe
	Hintergrundfarbe
	Editor maximieren – nochmaliges Drücken stellt die ursprüngliche Ansicht wieder her
	Vorschau
	Video einfügen
	Farbauswahlwerkzeug

Bilder einfügen

Cursor an der Stelle platzieren an der das Bild im Text erscheinen soll. Button Bild unterhalb des Editorfensters drücken.  Es erscheint der Bildauswahldialog.
Falls das Bild schon auf dem Server liegt, das gewünschte Bild auswählen und auf Einfügen klicken.
Ein neues Bild kann im unteren Teil des Bildauswahldialogs durch klicken auf Dateien hinzufügen auf der lokalen Festplatte ausgewählt und anschließend mit dem Button Hochladen starten auf den Server übertragen werden.

Wichtig für Webseiten ist es die beiden Felder Beschreibung und Bildtitel auszufüllen. Bildtitel sollte ein prägnanter Name für das jeweilige Bild sein. In Bildbeschreibung sollte der Inhalt des Bildes kurz beschrieben werden. Die Angaben in diesen beiden Feldern werden für spezielle Browser für Sehbehinderte und die Indizierung der Bilder bei Suchmaschinen benutzt.

 Bildauswahldialog – Joomla 3

Neue Bilder hochladen – Joomla 3

Eingefügtes Bild innerhalb des Editorfensters – Joomla 3 

Beenden des Bearbeitens

Das Bearbeiten kann mit der Buttonleiste am oberen Rand des Fensters beendet werden.

Besonders sind hier folgende Funktionen:

• Speichern & Neu: Speichert das Dokument und erzeugt nach dem speichern ein neues leeres Dokument. Praktisch für die schnelle Eingabe von vielen Beiträgen.
• Als Kopie speichern: Nach dem Speichern mit diesem Button steht der Inhalt des Artikel als Kopie zur Verfügung, damit lassen sich einfach Seiten mit gleichem Layout erzeugen.

Spezielle Funktionen

Erläutert werden nur die wichtigsten Grundfunktionen. Joomla verfügt ähnlich viele andere  Softwarelösungen über sehr umfangreiche Konfigurationsmöglichkeiten, von denen man im Alltagsgebrauch aber meistens nur einen kleinen Teil benötigt.

Veröffentlichungsoptionen

Veröffentlichungsoptionen in der oberen Menüleiste auswählen. Mit dem Datum in „Veröffentlichung starten“ und „Veröffentlichung beenden“ man Inhalte der Webseite erst zu einem bestimmten Zeitpunkt veröffentlichen und die Veröffentlichung zu einem definierten Zeitpunkt beenden.

Veröffentlichungsoptionen – Joomla 3

Beitragsdetails

In den Beitragsdetails am linken Rand des Editorfensters sind folgende Einstellungen wichtig:

Status

• Veröffentlicht: Beitrag wird angezeigt
• Versteckt: Beitrag wird nicht angezeigt
• Archiviert: Beitrag wird archiviert und nicht mehr direkt angezeigt.
• Papierkorb: Beitrag wird in den Papierkorb verschoben

Zugriffsebene

• Öffentlich: Beitrag ist öffentlich auf der Internetseite sichtbar.
• Registriert: Beitrag ist nur für registrierte Benutzer sichtbar.

Haupteintrag

• Kann das Erscheinen des Beitrags steuern. Wird häufig für Beiträge auf der Startseite genutzt.

Beitragsoptionen Joomla 3

Metadaten

Metadaten werden nicht angezeigt, sind aber unter anderem für Suchmaschinen wichtig. Die Bedeutung der Metadaten ist in den letzten Jahren etwas rückläufig, es sollte dort aber trotzdem auf jeden Fall etwas eingetragen werden.

Metaoptionen in der oberen Menüleiste auswählen.

Metaoptionen

• Meta-Beschreibung: Kurze Beschreibung des Seiteninhaltes. Wird häufig in den Treffern der Suchmaschinen angezeigt.
• Meta-Schlüsselwörter: Stichworte unter denen dieser Beitrag in Suchmaschinen gefunden werden soll. Die Stichwörter werden durch Kommata voneinander getrennt.

 Metadaten Joomla 3 

Navigation

Der eben erstellte Beitrag soll jetzt innerhalb der bestehenden Menüstruktur eingebunden werden.

Menüs

Neue Menüeintrage erzeugt man indem man Menüs, den Namen des Menus in das der neue Punkt eingefügt (im Beispiel Main Menu) werden soll und dann Neuer Menüeintrag auswählt.

Neuer Menüeintrag – Joomla 3

Im nachfolgend erscheinenden Fenster zur Menükonfiguration Auswählen rechts neben Menüeintragstyp anklicken.

Menükonfiguration –  Joomla 3

Im Fenster Menüeintragstyp Beiträge –> Einzelner Beitrag anklicken.

Menüeintragstyp – Joomla 3

Im Fenster Menükonfiguration gibt es jetzt die neue Zeile „Beitrag auswählen“. Hier auf Auswählen klicken und den neuen Beitrag auswählen.

 Beitrag auswählen – Joomla 3

Spezielle Funktionen

 Spezielle Funktionen Menükonfiguration – Joomla 3

Menütitel

Die Bezeichnung, die nachher als anklickbarer Menüeintrag auf der Webseite erscheint.

Alias

Der Eintrag in „Alias“ definiert die URL des Beitrages. Wird an dieser Stelle „Testbeitrag“ eingetragen. Lautet die URL http:/www.meineseite.de/index.php/testbeitrag/.

Status

• Veröffentlicht: Menüeintrag wird angezeigt
• Versteckt: Menüeintrag wird nicht angezeigt
• Papierkorb: Menüeintrag in den Papierkorb verschieben

Übergeordneter Eintrag

Hier wird festgelegt in welcher Ebene der Menüpunkt erscheinen soll. Als Hauptmenüpunkt „Oberste Menüebene“ auswählen. Als Untermenüpunkt den gewünschten übergeordneten Menüpunkt auswählen.

Reihenfolge

Legt die Reihenfolge der Menüeinträge fest. Hier muss der Menüeintrag ausgewählt werden, welcher direkt über dem neuen Eintrag stehen soll.

Beitrag im Frontend bearbeiten

Zuerst muss man sich im Frontend einloggen.
Dazu ruft man die URL: http:/www.meineseite.de/ auf, also die Webadresse der eigenen Internetpräsenz auf. Dort gibt man im Loginbereich seine Anmeldedaten ein und klickt auf Anmelden. Das Aussehen des Loginbereichs wird über das Template gesteuert, es kann also unter Umstände anders aussehen. 

Frontendanmeldung/Loginbereich –  Joomla 3

Nach dem Anmelden erscheint auf allen Seiten rechts oben ein Symbol. Durch klicken auf den Pfeil und anschließendes klicken auf Bearbeiten startet man den Editor im Frontend. 

Starten des Editors im Frontend – Joomla 3

 Editor/Frontend – Joomla 3

Die Funktionen des Editors sind identisch mit den Funktionen im Backend.

Spezielle Funktionen

Über die obere Menüleiste erreicht man unter Veröffentlichen die Funktionen zur Steuerung des Beitrages.

Veröffentlichen/Frontend – Joomla 3

Über den Menüpunkt Metadaten kann man die Metainformation des Beitrages bearbeiten.

Metadaten/Frontend – Joomla 3

Viel Spaß mit Ihrer Webseite

Diese kurze Einführung kann Ihnen nur einen ersten Eindruck von Joomla vermitteln. Es hilft Ihnen sicherlich die grundlegenden Inhalte Ihrer Webseite selbst zu bearbeiten. Falls Sie weitergehende Fragen haben oder professionelle Hilfe bei Ihrer Website benötigen, können Sie mich gerne kontaktieren.

Copyright 2017: Boris Kohnke
Das Werk, einschließlich seiner Teile, ist urheberrechtlich geschützt. Jede Verwertung ist ohne Zustimmung des Autors unzulässig. Dies gilt insbesondere für die elektronische oder sonstige Vervielfältigung, Übersetzung, Verbreitung und öffentliche Zugänglichmachung.

Hier geht es zur aktuellen Version von Einführung in die grundlegende Arbeit mit Joomla 3.9 als E-Book.