Joomla Dokumentation
Joomla Dokumentation
Joomla Dokumentation
Erfolgreiche ePaper selbst erstellen
Machen Sie aus Ihren PDF Publikationen ein blätterbares Flipbook mit unserer einzigartigen Google optimierten e-Paper Software.
Verwaltung und Pflege einer auf <strong>Joomla</strong> basierenden Webpräsenz<br />
Für das Pensionshaus Erpetal wurde im Rahmen eines Projekts der GTA-O eine Webpräsens gestaltet<br />
und für <strong>Joomla</strong> umgesetzt. Diese <strong>Dokumentation</strong> hilft dabei, die Seite zu verstehen und richtig zu<br />
bedienen.
<strong>Joomla</strong> <strong>Dokumentation</strong> | Pension Erpetal<br />
Inhaltsverzeichnis<br />
Einleitung ............................................................................................................................................ 2<br />
Zum Backend gelangen ....................................................................................................................... 3<br />
Bestehende Seite editieren ................................................................................................................. 5<br />
Funktionsbeschreibung des Editors ................................................................................................... 6<br />
Galeriebild hinzufügen ........................................................................................................................ 9<br />
Hintergrundbild im Header austauschen .......................................................................................... 10<br />
Seite Offline schalten ........................................................................................................................ 11<br />
Navigation verstehen und verändern ............................................................................................... 12<br />
Seite 1 von 12
<strong>Joomla</strong> <strong>Dokumentation</strong> | Pension Erpetal<br />
Einleitung<br />
<strong>Joomla</strong> ist ein CMS (Content Management System) und dient dazu, den Inhalt einer Webseite<br />
einfach und dynamisch zu verwalten. Dies bedeutet, dass man ein System in eine statische<br />
Homepage integriert und die Inhalte der Webseite über eine Weboberfläche integriert werden.<br />
Diese Integration über eine Weboberfläche vereinfacht die Verwaltung und Erstellung von Inhalten,<br />
da man diese – anders als bei einer statischen Homepage – nicht mehr über den Quelltext editieren<br />
muss.<br />
Es ist also vor allem für diejenigen praktisch, die in der Materie des Webdesigns nicht sonderlich<br />
vertraut sind und sich somit nur in das CMS einarbeiten müssen. Diese <strong>Dokumentation</strong> ist speziell<br />
auf die Seite der Pension Erpetal zugeschnitten und erklärt die Funktionalität des CMS: <strong>Joomla</strong> 1.5<br />
hinsichtlich der richtigen Bedienung.<br />
Bei weiteren Fragen ist es ratsam die offizielle <strong>Dokumentation</strong> des <strong>Joomla</strong> Projekts zu Rate zu<br />
ziehen, da diese eine sehr gut Informationsquelle darstellt.<br />
Desweitere gibt es ein Onlinewiki, welches sich mit <strong>Joomla</strong> beschäftigt und viele Informationen<br />
bietet. Zu finden ist dieses Wiki unter:<br />
http://wiki.joomla-nafu.de/joomla-dokumentation/<strong>Joomla</strong>!_Wiki<br />
Seite 2 von 12
<strong>Joomla</strong> <strong>Dokumentation</strong> | Pension Erpetal<br />
Zum Backend gelangen<br />
Das Backend ist zu erreichen, indem man hinter die normale Adresse der Homepage /administrator<br />
anhängt. Im Falle der Pension Erpetal ist dies:<br />
http://pension-erpetal.de/administrator<br />
Auf der Startseite werden sie nun gebeten, ein Passwort einzugeben, welches wir Ihnen bereits<br />
mitgeteilt haben. Nach erfolgreichen Authentifizierung gelangen sie auf das Dashboard des<br />
Backends, also in das Kontrollzentrum ihrer Seite.<br />
Von hier aus können sie alle administrativen Erledigungen tätigen. Über hilfreiche Shortcuts können<br />
sie vielgenutzte Funktionen schnell abrufen.<br />
Neuer Beitrag: Erstellt einen neuen Beitrag, beziehungsweise eine neue Seite auf ihrer<br />
Homepage<br />
Beiträge: Zeigt vorhandene Beiträge an. Beiträge werden auf unterschiedlichen Seiten<br />
eingebunden. In Falle der Pension Erpetal, besteht pro Seite immer ein Beitrag, welcher den Inhalt<br />
der jeweiligen Seite beinhaltet. Die Seite wird dann über die Navigation miteinander verknüpft.<br />
Startseite: Zeigt die vorhandenen Beiträge auf der Startseite an. Die Startseite wird besonders<br />
kategorisiert, weil in der Regel auf der Startseite ein Newssystem vorhanden ist.<br />
Bereiche & Kategorien: Bei komplexeren Homepages ist es in der Regel gut, die Seite in<br />
Bereiche und Kategorien zu unterteilen, um den Überblick über alle Inhalte zu behalten. Dies ist bei<br />
der Pension Erpetal aber nicht sonderlich erforderlich und benötigt somit keine größere Beachtung.<br />
Medien: Zeigt alle vorhandenen Medien an, welche von <strong>Joomla</strong> genutzt werden. Dazu zählen zum<br />
Beispiel die Bilder in der Galerie.<br />
Menüs: Zeigt die Menüs an, in unserem Falle also die Navigation. Hier lassen sich neue<br />
Navigationspünkte hinzufügen und schon bestehende editieren.<br />
Seite 3 von 12
<strong>Joomla</strong> <strong>Dokumentation</strong> | Pension Erpetal<br />
Sprachen: Hier kann auf verschiedene Sprachen umgeschaltet werden. Aktuell wird allerdings nur<br />
eine Sprache unterstützt und ist somit nicht sonderlich beachtenswert.<br />
Benutzer: Hier erhalten sie einen Überblick über die vorhandenen Benutzer und können<br />
vorhandene editieren oder neue Benutzer hinzufügen. Dies ist zum Beispiel sinnvoll, wenn sie<br />
jemandem Zutritt zum Backend gewähren möchten, ihm aber nicht volle Administratorrechte geben<br />
möchten. Dies stellt nämlich ein erhöhtes Sicherheitsrisiko dar.<br />
Konfiguration: Hier können sie Metainformationen der Seite angeben und die Seite<br />
gegebenenfalls Offline schalten, falls eine Wartung ansteht, oder ein Defekt besteht. Die Reiter<br />
„System“ und „Server“ sind in der Regel schon richtig konfiguriert und sollten nicht verändert<br />
werden, um eine reibungslose Funktionalität des Systems zu garantieren.<br />
Im weiteren Verlauf des Handbuchs erfahren sie, wie sie bestehende Seiten richtig editieren und<br />
weitere spezielle Möglichkeiten.<br />
Seite 4 von 12
<strong>Joomla</strong> <strong>Dokumentation</strong> | Pension Erpetal<br />
Bestehende Seite editieren<br />
Um eine vorhandene Seite zu editieren, loggen sie sich im Backend ein und klicken anschließend auf<br />
Beiträge<br />
Hier erscheint nun eine Übersicht aller vorhandenen Artikel. Die Namen entsprechen dem des<br />
Seitennamens.<br />
Möchte man nun zum Beispiel den Beitrag: „Herzlich Willkommen“ editieren, so klickt man einfach<br />
auf diesen Eintrag. Nun öffnet sich ein Editor, in dem ganz einfach die Seite verändert werden kann.<br />
Seite 5 von 12
<strong>Joomla</strong> <strong>Dokumentation</strong> | Pension Erpetal<br />
Funktionsbeschreibung des Editors<br />
Oberste Zeile<br />
Die oberste Zeile beinhaltete generelle Bearbeitungsfunktionen.<br />
Vorschau<br />
Speichern<br />
Anwenden<br />
Schließen<br />
Hilfe<br />
Die Vorschau ermöglicht es, den geschriebenen Artikel einzusehen,<br />
ohne ihn zu speichern. Dies ist sinnvoll, wenn man sich mit der<br />
Gestaltung des Artikels noch nicht ganz sicher ist und man ihn noch<br />
nicht abschließend speichern möchte.<br />
Speichert den Artikel und kehrt zur Beitragsübersicht zurück.<br />
Speichert den Artikel und bleibt im Editor, um evtl. noch<br />
Änderungen am Beitrag vorzunehmen.<br />
Schließt den Artikel, wenn man den Artikel doch nicht bearbeiten<br />
möchte.<br />
Zeigt eine Hilfe an, welche weitere Informationen zum<br />
Editierfenster bietet.<br />
Artikeleinstellungen<br />
Hier können Metainformationen des Artikel eingestellt werden<br />
Titel<br />
Alias<br />
Bereich<br />
Freigegeben<br />
Startseite<br />
Kategorie<br />
Name des Beitrags. Wird als Überschrift des Beitrags benutzt.<br />
Wird automatisch generiert zur internen Zuordnung von <strong>Joomla</strong>.<br />
Kann bei Bedarf geändert werden, ist in der Regel aber nicht<br />
notwendig.<br />
Hier kann ein Bereich ausgewählt werden, insofern ein Bereich<br />
aktiv ist. Im Falle der Pension Erpetal gibt es aufgrund der<br />
einfachen Struktur keine Bereiche und es ist nicht nötig einen<br />
Bereich auszuwählen. Hier wird also in der Regel auf „nicht<br />
kategorisiert“ gestellt.<br />
Legt fest ob ein Artikel öffentlich zugänglich ist, oder nur als<br />
interner Entwurf gilt.<br />
Legt fest ob der Artikel auf der Startseite erscheint oder nicht.<br />
Diese Option sollte nur beim Willkommensartikel aktiviert sein.<br />
Hier gilt das gleiche wie beim Bereich. Hier wird in der Regel auf<br />
„nicht kategorisiert“ geklickt.<br />
Seite 6 von 12
<strong>Joomla</strong> <strong>Dokumentation</strong> | Pension Erpetal<br />
Bild hochladen<br />
Der Beitragseditor selbst ist in der Regel selbsterklärend und bietet die gängigen Knöpfe und<br />
Funktionen, um einen Text zu formatieren. Z.B. stehen ihnen verschiedene Knöpfe zur Verfügung,<br />
um den Text dicker zu gestalten, in der Größe zu verändern, die Ausrichtung anzupassen, oder<br />
Listen anzulegen.<br />
Des Weiteren gibt es einen Knopf um Bilder einzufügen. Dieser befindet sich unten links und öffnet<br />
bei einem Klick ein Fenster zum Hochladen eines Bildes.<br />
1 Browser um zwischen den schon vorhandenen Bildern zu<br />
navigieren<br />
2 Hier wird der aktuelle Pfad des ausgewählten Bildes angezeigt<br />
3 Fügen sie hier eine Beschreibung für das ausgewählte Bild ein<br />
4 Hier kann ein Bildtitel vergeben werden<br />
5 Die Ausrichtung bestimmt, wo sich das Bild im Artikel ausrichtet.<br />
6 Um das Bild anschließend in den Beitrag einzufügen, klicken sie auf<br />
Einfügen<br />
Seite 7 von 12
<strong>Joomla</strong> <strong>Dokumentation</strong> | Pension Erpetal<br />
7 Wenn sie ein völlig neues Bild einfügen möchten, dann können sie<br />
das über das Uploadformular machen. Klicken sie auf „Choose“ um<br />
ein Bild auszuwählen und auf Upload starten um es hochzuladen.<br />
Das Bild wird dann im Verzeichnis hochgeladen, in welchem sie<br />
sich momentan befinden. Um eine Ordnung beizubehalten, wird<br />
empfohlen, alle Bilder im Ordner Pension_Erpetal abzulegen,<br />
welcher im Browser sichtbar ist. Dort sehen sie unter anderem den<br />
Ordner Galerie, in dem die Bilder für die Galerie abgelegt sind.<br />
Bitte legen sie hier in den Ordner Galerie keine Bilder für andere<br />
Beiträge ab, da diese dann anders formatiert werden würden,<br />
beziehungsweise automatisch verkleinert werden würden.<br />
Seite 8 von 12
<strong>Joomla</strong> <strong>Dokumentation</strong> | Pension Erpetal<br />
Galeriebild hinzufügen<br />
Um ein weiteres Bild der Galerie hinzuzufügen müssen die Bilder erst umformatiert werden, um sie<br />
passend für die Galerie zu machen.<br />
1. Erstellen sie zur besseren Übersicht einen neuen Ordner und legen sie das gewünschte Bild<br />
darin ab<br />
2. Kopieren sie das Bild und ändern sie den Dateinamen von: Name.jpg in tmb_Name.jpg<br />
Dieser Schritt ist notwendig, damit ein Vorschaubild zur Verfügung steht.<br />
3. Verkleinern sie nun das Vorschaubild auf eine Größe von 150px auf der längsten Seite.<br />
4. Verkleinern sie nun das eigentliche Bild auf eine Größe von 600px auf der längsten Seite.<br />
Dieser Schritt ist notwendig, damit die hochgeladenen Bilder im Browser nicht zu groß<br />
werden und keine zu große Wartezeit verursachen.<br />
5. Nachdem sie damit fertig sind, begeben sie sich in den Beitrag Galerie und suchen sie sich<br />
ein leeres Feld in der Tabelle und klicken sie mit der Maus in ein Feld. Die Tabelle ist nötig<br />
um eine vernünftige Formatierung der Vorschaubilder zu garantieren. Es sind noch einige<br />
Felder frei und Bilder sollten dort immer eingetragen werden.<br />
6. klicken sie auf den Bildbutton am unteren Ende des Beitrageditors.<br />
7. Wechseln sie im Browser in den Ordner /Pension_Erpetal/Galerie<br />
8. Nun klicken sie unten auf „Choose“ um unten das Bild auszuwählen<br />
9. Laden sie das Bild hoch, indem sie auf „Upload starten“ klicken.<br />
10. Wiederholen sie diesen Vorgang mit dem Vorschaubild, also mit tmb_Name.jpg<br />
11. Suchen sie nun im Browser des Bilduploadfensters ihr Bild und wählen sie das Vorschaubild<br />
ihres Bilds aus. Der Dateiname muss also ein tmb_ haben.<br />
12. Fügen sie am Anfang der Beschreibung folgenden Code ein, um das Bild in die bestehende<br />
Galerie zu integrieren: [bbgal=MeineGalerie]<br />
13. Nach diesem Code können sie eine Beschreibung einfügen, welche angezeigt wird, wenn das<br />
Bild angeklickt wurde. Eine Beispielbeschreibung könnte also folgendermaßen aussehen:<br />
[bbgal=MeineGalerie]Aufenthaltsraum mit Frühstücksservice<br />
14. Nun können sie noch einen Titel hinzufügen. Diesen bitte unter Bildtitel eintragen.<br />
15. Klicken sie nun auf „Einfügen“ um das Bild zu übernehmen. Das kleine Vorschaubild sollte<br />
sich nun zu den anderen Bildern gereiht haben und wird nach dem Speichern des Artikels in<br />
der Galerie zu finden sein.<br />
Seite 9 von 12
<strong>Joomla</strong> <strong>Dokumentation</strong> | Pension Erpetal<br />
Hintergrundbild im Header austauschen<br />
Um eine Grafik im Kopfbereich der Seite auszuwechseln ist es nötig, die Grafik in ein bestimmtes<br />
Verzeichnis zu kopieren.<br />
Das Bild muss die exakten Maße des Kopfbereiches haben, welches im Falle der Pension Erpetal<br />
898 x 222 Pixel ist.<br />
Für einfachere Handhabe wird eine Photoshopvorlage mitgeliefert, damit die Erstellung dieser Grafik<br />
leichter fällt. Zu finden ist die Vorlage auf der CD. Sie hat die besagte Größe und man muss das<br />
Ganze nur noch als JPG abspeichern sobald man das gewünschte Bild eingefügt und beschnitten hat.<br />
Es ist zu empfehlen, dem Bild keine maximale Qualität zu geben, da die Ladezeiten sehr stark in die<br />
Höhe gehen bei einem so großen Bild.<br />
Zu empfehlen ist eine Qualität von ca. 75 %.<br />
Hat man das Banner nun entsprechend verarbeitet, loggt man sich wie gewohnt im<br />
Administrationspanel ein und klickt im oberen Panel auf Site und klickt auf Medien.<br />
Nun erscheint der Ordnerbrowser wie wir ihn schon kennen. Dort folgen wir nun folgendem Pfad,<br />
um zum Ordner zu gelangen, wo die Grafiken abgelegt werden müssen.<br />
Stories Pension_Erpetal Random_Header<br />
Hier lädt man nun das gewünschte Bild hoch, in dem man es unten auswählt und dann auf Upload<br />
starten klickt. Wie das funktioniert wurde schon im Kapitel vorher erklärt. Das hochgeladene Bild<br />
wird jetzt zufällig vom System ausgewählt und wird also zufällig auf der Seite angezeigt. Bilder die in<br />
dem Ordner Random_Header liegen werden in dieses System mit einbezogen.<br />
Seite 10 von 12
<strong>Joomla</strong> <strong>Dokumentation</strong> | Pension Erpetal<br />
Seite Offline schalten<br />
In manchen Fällen kann es sinnvoll sein, die Seite Offline zu schalten, da Wartungsarbeiten<br />
durchgeführt werden müssen, oder bei einem aktiven Hackerangriff, was man in der Regel allerdings<br />
ausschließen darf. Sollte es dennoch nötig sein, so kann man dies im Administratorpanel tun.<br />
Dazu folgenden Pfad anklicken, um zur globalen Konfiguration der Seite zu gelangen:<br />
Site Konfiguration<br />
Dort gibt es den Parameter: Site Offline<br />
Stellt man dort den Regler auf Ja, ist die Seite beziehungsweise das Frontend nicht mehr verfügbar.<br />
Das heißt sie können sich weiterhin im Administrationsportal bewegen, die eigentliche Seite ist aber<br />
für Gäste nicht mehr verfügbar.<br />
Seite 11 von 12
<strong>Joomla</strong> <strong>Dokumentation</strong> | Pension Erpetal<br />
Navigation verstehen und verändern<br />
Sollte es einmal nötig sein, die Navigation zu verändern, beziehungsweise einen Namen zu ändern,<br />
kann dies auch über das Administrationsportal geschehen. Sollten sie also einmal den Punkt:<br />
„Impressum“ in „Kontakt“ umbenennen wollen, ist dies sehr leicht möglich.<br />
Dazu folgen sie dem nachfolgenden Pfad um zur Navigation zu gelangen:<br />
Menüs Hauptmenü<br />
Die folgenden Menüeinträge stellen die Hauptnavigation dar und sind alle mit dem entsprechenden<br />
Beitrag verlinkt, welche sie unter Beiträge verändern können.<br />
Zum einen ist es möglich hier bestehende Navigationspunkte zu löschen oder neue zu erstellen. Zu<br />
beachten ist hier, dass bereits ein Beitrag bestehen muss, welcher mit dem Navigationspunkt<br />
verknüpft werden soll.<br />
Wenn sie also eine neue Seite erstellen wollen, so müssen sie erst den Beitrag erstellen und dann<br />
den Navigationspunkt, damit er richtig verlinkt ist.<br />
Sollten sie die Navigation in welcher Art auch immer verändern wollen, so setzen sie einen Haken an<br />
den Navigationspunkt, der verändert werden soll.<br />
Nun können sie im oberen Panel verschiedene Optionen wählen, welche relativ selbsterklärend sind.<br />
Wollen sie einen Punkt z.B. umbenennen, so klicken sie einfach auf bearbeiten.<br />
Im folgenden Interface ist es nun möglich über den Titel Parameter: Titel einen neuen Titel zu<br />
vergeben. Sollte sich der Titel stark verändern, so ist es empfehlenswert das Feld Alias zu leeren,<br />
damit eine Verwechslung ausgeschlossen werden kann. Das Feld wird nach dem Speichern<br />
automatisch neu gesetzt.<br />
Seite 12 von 12