Mai 2012 / Joomla

Nutzen eines CMS

Ein CMS (Content-Management-System) ist eine Software um den Inhalt einer Medienform, meistens einer Website zu gestalten. Im falle einer Website ist der Vorteil eines CMS, dass der Ersteller keinerlei kenntnisse von HTML oder PHP haben muss. Er kann den Inhalt einfach zusammenklicken, zumindest fast.

Nachteil für HTML-Kenner

Da ich mich selbst mit HTML, PHP und JS zumindest ein bischen auskenne, ist es nicht ganz einfach ohne Grossen Zeitaufwand den Überblick im Code zu behalten.
Möchte man z.B. eine kleine Funktion einbauen, muss man zuerst einmal herausfinden, wie das ganze Datei-System dahinter aufgebaut ist, wie die eigenen Funktionen genutzt werden können usw.
Weitere Funktionen können auch durch vorhandene Plugins integriert werden.
Den Code innerhalb dieser Plugins ist zwar schnell gefunden, vorhandenen Code zu verstehen ist für mich jedoch schwieriger als meine eigene kleine Funktion zu schreiben.

Verwendung von Joomla / Unserer Website

Joomla ist genau ein solches CMS für Websites, welches wir für unsere neue Website verwenden.
Es ist ziemlich einfach aufgebaut. Sobald man sich eingeloggt hat findet man eine Funktions-Übersicht mit passenden Icons:

Diese kann man direkt nutzen um die gewünschte Aktion durchzuführen.
Es ist jedoch auch eine Normale Navigation, welche ich bevorzuge vorhanden:

An unserer Website müssen grundsätzlich bloss die 2 Menüs oder der Inhalt geändert werden.

Menüs:

Um die Menüs zu bearbeiten, muss über den Navigationspunkt "Menüs" das zu bearbeitende Menu ausgewählt werden:

Das Main Menu ist die Haupt-Navigation unserer Website, das Head Menu befindet sich oben rechts und hat bloss 2 Einträge, wird also selten geändert.

Nach dem Auswählen des Menüs, werden alle Menu-Punkte in einer Art Baum-Struktur dargestellt:

"Produkte" ist ein Hauptmenü-Punkt, befindet sich also auf der obersten Ebene. Als Menütyp ist Menüalias definiert, was bedeutet, dass dieser Menüpunkt keinen eigenen Inhalt anzeigt, sondern auf einen anderen Menüpunkt, der einen Inhalt(Beitrag) anzeigt verlinkt.
"SPS-Steuerungen" ist ein Untermenu-Punkt, der ebenfalls als Menüalias definiert ist.
"Siemens" und "Saia" sind beides Untermenu-Punkte von "SPS-Steuerungen" und sind als Beiträge -> einzelner Beitrag definiert. Das bedeutet, dass sie einen Beitrag als Inhalt anzeigen.
Alle weiteren Punkte sind wie "SPS-Steuerungen" ein Untermenu-Punkt. Sie sind jedoch als Beiträge definiert.

Um einen neuen Menupunkt einzufügen muss auf den Neu-Button geklickt werden:

Anschliessend muss ein Menutyp gewählt und der Menutitel angegeben werden:

Ebenfalls muss der Übergeordnete Menu-Punkt ausgewählt werden:

So wird definiert, wo sich der Menupunkt befindet, ob es ein Hauptmenu- oder Untermenu-Punkt ist.
Um nun einen Beitrag anzuzeigen, muss als Menutyp "Einzelner Beitrag" ausgewählt werden. Dann erscheint auf der rechten Seite eine Option "Beitrag wählen", wo man den anzuzeigenden Beitrag auswählen kann:

Möchte man jedoch nichts anzeigen, sondern bloss auf einen anderen Menupunkt verweisen, muss man als Menutyp "Menüalias" auswählen. Dann erscheint wieder an derselben stelle die Option Menüeintrag, wo der anzuzeigende Menupunkt ausgewählt werden kann:

Beiträge:

Um die vorhandenen Beiträge zu bearbeiten oder einen neuen zu erstellen, muss über den Navigationspunkt "Inhalt" Beiträge bzw. neuer Beitrag ausgewählt werden:

Will man einen vorhandenen Beitrag bearbeiten, muss man diesen bloss aus der angezeigten Liste auswählen:

Will man einen neuen Beitrag erstellen, muss man nur einen Titel und einen Alias vergeben. Bei uns wird der Titel normalerweise Gross und der Alias genau gleich nur klein geschrieben:

Anschliessend kann man den Beitrag bearbeiten bzw. komplett neu erstellen.
Dazu bietet Joomla standardmässig einen Editor namens TinyMCE an. Ich habe jedoch einen etwas benutzerfreundlicheren Editor namens JCE installiert. So sieht die Maske aus:

Das Ganze ist ähnlich aufgebaut wie z.B. im Word. Man kann den Text ausrichten, Schriftart, -grösse & -farbe einstellen, Tabellen erstellen, Bilder einfügen usw.

Für HTML- und CSS-Kenner gibt es natürlich die Code-Ansicht, in welcher der Code für den aktuellen Beitrag angezeigt wird. Die Umschaltung findet man direkt oberhalb der JCE-Maske bei [Toggle Editor]:

Um die Änderungen zu speichern, muss man oben rechts im Bild auf Speichern bzw. auf Speichern & Schliessen klicken: