content management system 'the steamers'content management system "the steamers"...
Post on 14-Jul-2020
18 Views
Preview:
TRANSCRIPT
Content Management System "The Steamers" Joomla 1.5x Eine kleine Kurzanleitung zur Bedienung und Erstellung von Bereichen, Kategorien und Beiträgen als Administrator in der Website "The Steamers" pipo 23.08.2008
Kapitel
Bereiche und Kategorien
Menü erstellen
Dokumente erstellen
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 2
Vorwort
Grundsätzlich ist das Content Manage System ein Programm mit einer Datenbank im Hintergrund.
Sämtliche Informationen werden in einer Datenbank hinterlegt – nicht jedoch die Darstellung auf der
Website. Hier ist ein sogenanntes Template massgeblich daran beteiligt.
Ein Benutzer, der zum ersten Male mit so einem CMS konfrontiert wird, sieht vor lauter Wald den
einzelnen Baum nicht mehr. Unzählig sind die Möglichkeiten der Gestaltung – auch der Miss-
Gestaltung. Hier hilft oftmals nur ein Backup um die Datenbank wieder in ihren ursprünglichen
Zustand zurück zu versetzen.
Der Aufbau zur Erstellung von Dokumenten wird in 4 Schritte aufgeteilt:
Erstellen eines Bereiches = Bundesordner
Erstellen einer oder mehreren Kategorien = Registerblätter im Ordner
Erstellen eines Bereichs- und Kategoriemenüs
Schlussendlich ein oder mehrere Dokumente die einem Bereich und einer Kategorie
zugeordnet werden
Alles drumherum wird vom Administrator eingerichtet – der oftmals auch nicht so recht das Heu auf
dem rechten Flecken hat….
Dies Dokument erhebt nicht den
Anspruch der Vollkommenheit.
Vieles ist auch für mich unklar
und/oder ich wurde bis dato noch
nie mit diesem Problem konfrontiert.
Man sollte jedoch, zusammen mit
diesem Dokument, in der Lage sein
die ersten grundlegenden
Handgriffe allein durchführen zu
können.
pipo
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 3
Bereiche und Kategorien
Bereich erstellen
Abbildung 1
Abbildung 2
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 4
Bereich bearbeiten
Die Schritte sind:
Titel in Normalschrift oder in diesem Falle in
Kleinschrift
Alias in Kleinschrift ohne Leerzeichen
(Bindestrich verwenden)
Bild auswählen, Grösse max. 320x240
Text einsetzen
Speichern
Abbildung 3
Auf der Frontseite sieht das dann nach der Wahl im Menü so aus: (Siehe Menüteil)
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 5
Abbildung 4
Kategorie erstellen
Ein Bereich ist erstellt. nun stellen wir noch ein Registerblatt, sprich Kategorie, in den Ordner.
Die Schritte sind:
Kategorie Neu Eröffnen
Eingabe eines aussagekräftigen Titels
Alias in Kleinschrift und ohne Leerzeichen (Bindestriche
verwenden)
Bereich aus Liste wählen
Kategoriebild auswählen (Event. vorher hochladen in
images/stories, Grösse 320x240 px)
Text in Textfeld erstellen
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 6
Wird die Kategorie mit einem Menü verlinkt sieht dann der Auftritt wie nachfolgend aus.
Abbildung 5
Abbildung 6
Abbildung 6 zeigt wie ein Dokument ohne weiteres Zutun unmittelbar nach dem Abspeichern
innerhalb der gewählten Kategorie in der Liste erscheint. Dies wird dann im Menü Kategorieliste
erzeugt.
Mit diesen wenigen Schritten ist das CMS bereit Dokumente aufzunehmen und in einem Container
bereit zu stellen.
Im normalen Bürobetrieb wird für jedes Projekt ein Ordner erstellt. Dies ist in einem CMS nicht
nötig. Man erstellt dafür eine neue Kategorie. Also Projekte = Kategorien.
Weiter geht's mit dem Erstellen von Menüs
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 7
Menü erstellen
Menü mit Bereichsauswahl (Ordner)
Bereiche, Kategorien und mindestens ein Beitrag sind erstellt worden, aber auf der Frontseite
erscheint der soeben erstellte Text nicht, obwohl er einem Bereich und einer Kategorie zugeordnet
wurde.
Hier müssen wir den Faden zu Ende bringen: Auf der Frontseite muss eine sinnvolle Einrichtung
vorhanden sein, die möglichst wenig Arbeit verursacht aber trotzdem klar und übersichtlich ist.
Der Begriff "Auswahl" ist anstelle des Wortes "Hauptmenü" getreten und wir erstellen unsere
weiteren Einträge ausschliesslich in diesem Menügefäss. Dabei helfen uns die schon erstellten
Bereiche und Kategorien.
Als erstes erstellen wir ein Bereichsmenü. Dieses Menü kann mit einem Bundesordner vergleichen.
Wir klicken auf das Hauptmenü "Auswahl" ->Abbildung 7
Abbildung 7
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 8
Die Menüeinträge
Sobald wir das Menügefäss "Auswahl" geöffnet haben, zeigen sich die schon erstellten
Menüeinträge.
Klicke auf den Button "Neu" ->Abbildung 8
Abbildung 8
Wir sehen, dass alle Menüeinträge freigegeben und somit für alle zugänglich sind. Auch die
Zugriffsebene ist öffentlich, so dass jedermann auf diese Menüs (im Frontend) zugreifen kann.
Zugriffsebene
Wir können Menüs für
1. Öffentlich = Jedermann
2. Registriert = nur für registrierte Mitglieder (benötigt Login auf der Frontseite)
3. Spezial = nur Administratoren, Publisher, Autoren
erstellen.
Wie erwähnt, werden wir unter den Bereichen piposteam, zimisteam alle Menüs öffentlich erstellen.
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 9
Menütyp wählen
Die Wahl des Menütypes entscheidet über die Darstellung des Inhaltes.
Man kann Beiträge direkt verlinken -> Externer Link oder man kann Komponenten verlinken -
>Interner Link
Während das verlinken von Komponenten eher dem Websiteadministrator zugeordnet werden kann
sind Externer Link und Interner Link/Beiträge eine Sache der Autoren möchten sie doch, dass die
Beiträge auf der Frontseite gelesen werden können.
Also klickt man auf Beiträge -> Abbildung 9
Abbildung 9
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 10
Wahl von Bereich, Kategorie oder Beitrag
Um nicht jeden einzelnen Beitrag auf ein Menü zu verlinken benutzen wir die Idee des Content
Management Systems kurz CMS genannt:
Bereich – zeigt alle darin erstellten Beiträge in den vorhanden Kategorien an
Kategorie – zeigt alle Beiträge in der gewählten Kategorie
Um eine logische Darstellung zu erhalten, müssen wir zuerst einen Menübereich erstellen
Klicke auf Layout Bereichsliste (Joomla-Standard) ->Abbildung 10
Abbildung 10
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 11
Eine Bereichsliste konfigurieren
Gib dem Bereich einen eindeutigen Namen. Um den Titel vom Alias zu unterscheiden, schreibe das
Alias in Kleinbuchstaben. Das Alias kann auch kürzer als der Titel sein. Möglichst ohne
Leerzeichen, denn das System arbeitet mit diesem Name!
Der rechte Pfeil deutet auf ein Auswahlfeld.
Hier kannst du den gewünschten Bereich wählen ->Abbildung 11
Abbildung 11
Erweiterte Parameter (Bereichsliste)
Bei den erweiterten Parametern bearbeiten wir nur das Sortierfeld nach unseren Wünschen.
Abbildung 12
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 12
Komponentenparameter (Bereichsliste)
Die Möglichkeiten in den Komponentenparametern sind verwirrend. Sie gelten jeweils für die direkt
unter diesem Bereich erstellten Dokumente und werden bei den Kategorienparametern erklärt.
Systemparameter (Bereichsliste
Hier ändern, bzw. kontrollieren wir lediglich ob "Seitentitel anzeigen" auf Ja gestellt ist.
Abbildung 13
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 13
Menü mit Kategorieauswahl
Interner Link / Beiträge
Fast gleiches Vorgehen wie unter Bereiche beschrieben. Nur wird diesmal
Layout: Kategorienliste (Joomla!-Standard)
gewählt.
Abbildung 14
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 14
Die Kategorien-Optionen
Der Aufbau ist der gleiche wie bei den Bereichen. Nur mit dem Unterschied, dass wir diesmal die
Globalen Parametern auch für unter dieser Kategorie erstellten Dokumente global bestimmen.
Der Titeleintrag wird so erstellt wie er auf dem Bildschirm für die Besucher erscheinen soll.
Zum Beispiel: Werkstatt und Maschinen und unter Alias: werkstattmaschinen und dann wählen
wir noch Übergeordneter Eintrag den Bereich unter dem diese Kategorie erscheinen soll, z.B.
piposteam. (Abbildung 15)
Abbildung 15
Auf der rechten Bildschirmseite befinden sich die Parameter-Register und die Einstellungen
beginnen schon bei der Erfassung der Kategorie als Menü.
Bei den Basisparametern sind gleich drei Optionen einzustellen.
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 15
Basisparameter
Die Kategorie ist zu wählen
Die Tabellenüberschriften
unterhalb der Kategorieanzeige
sollen angezeigt werden. Dazu
gehört auch eine Spalte für das
Datum. (Abb.16)
Hingegen wird der Filter
verborgen der stört irgendwie.
Erweiterte Parameter
Wie sollen die Dokumente
sortiert werden? Wähle das
Richtige für dich aus
In der Liste soll die Spalte
Seitenzahlen angezeigt werden
(Abb.17)
Nicht jedoch die *Anzeigewahl
(Man kann wählen wie viele
Beiträge auf einer Seite
angezeigt werden sollen.)
*Ausprobieren ob es gefällt
Abbildung 16
Abbildung 17
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 16
Komponentenparameter
Unbekannt
Dokutitel wird angezeigt (Abb. 18)
Unbekannt
Text bis zum Weiterlesen/read more wird angezeigt
Keine Anzeige im Dokument
Kein Verlinken des Bereichsnamen
Keine Anzeige der Kategorie im Dokument
Kategorie wird nicht verlinkt (Anzeige Dokuliste)
Autor und
das Erstellungsdatum wird am Dokuanfang
angezeigt
Bearbeitungsdatum wird am Dokuende angezeigt
Unbekannt
Der Link zum Weiterlesen wird angezeigt
Keine Bewertungsmöglichkeit am Dokuanfang
Icons werden angezeigt (Drucken,PDF,Mail)
PDF-Icon verbergen (nicht Globale Einstellung)
Drucken Icon wird angezeigt
Mail-Icon wird angezeigt
Anzahl Doku Zugriffe wird in der Dokuliste
unterhalb der Kategorie angezeigt
Feedeinstellungen wählen: Einleitungstext oder
gesamter Text = Global
Abbildung 18
Die globalen Einstellungen entsprechen den Erläuterungen rechts neben dem Bild
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 17
Systemparameter
Anzeige des Seitentitel ist standardmässig auf Ja gesetzt. Welche Auswirkungen dies hat weiss ich
nicht.
Kein Menübild verwenden, dieses wird im Menü-Baum angezeigt, was schlecht aussieht
(Abb.20+21)
Abbildung 19
Abbildung 20
Bild neben dem Menüeintrag zerreisst die Darstellung
Abbildung 21
Ohne Bild ist der Menü-Baum übersichtlicher
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 18
Dokumente erstellen
Wir haben bis jetzt alle nötigen Gefässe erstellt um diese mit Dokumenten zu füllen. Das Schreiben
im CMS verlangt etwas Training. Der Editor ist ähnlich demjenigen im Word und ähnlichen
Textbearbeitunsprogrammen. Die Anwendung der verschiedenen Buttons benötigt aber einige
Erklärungen und Hinweise.
In der Regel wird für ein normales (einfaches) Dokument nur wenige der vielen Buttons benötigt:
Abbildung 22
Abbildung 22 zeigt das Layout des Editors JCE 1.5.1. Umfangreich aber störungsanfällig
Abbildung 23
Abbildung 23 zeigt das Layout des Tiny-MC 2.0, einfacher Editor, kompliziertes Bild einfügen
Abbildung 24
Abbildung 24 zeigt das Layout des JoomlaFCK Editors mit dem Office2007 Layout. Dieser Editor ist
empfehlenswert.
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 19
Editor auf Benutzer einstellen
Nun wissen wir, dass auf dem System drei verschiedene Texteditors geladen sind.
Aber wo findet man diese?
Texteditoren werden im Benutzer-Menü den einzelnen Benutzer zugteilt, bzw. können von diesen
selbst gewählt werden.
Benutzer A kann als den Editor JCE 1.51 und Benutzer B den Editor JoomlaFCK benutzen
Die Wahl der Einstellung im Admin-Menü
Einwählen als Administrator und im Kontrollzentrum auf den Benutzer-Button klicken
Aus der nun angezeigten Benutzerliste deinen Account/Namen anklicken
Im Benutzerfenster sind links die Benutzerdetails (Hier kann auch eine neues Passwort eingegeben werden) Rechts befinden sich die Parameter für diesen Benutzer.
Unter Editor kann man seinen Editor wählen und dann das Benutzerfenster mit Speichern schliessen. Man kann auch den Editor zwischendurch wechseln. Möglicherweise stimmen aber die Links nicht mehr
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 20
Dokument mit JoomlaFCK-Editor
Abbildung 25
Dieses Layout ist also dem Word-Office 2007 nach empfunden. Hat sogar die gleichen Icons,
weshalb der Einstieg relativ leicht ist.
Abbildung 26
So sieht der gesamte Editor aus. Wichtig sind noch drei Buttons am unteren Editorfeld (Pfeil).
Mit dem Button Bild öffnet sich ein Bildfenster Abbildung 26
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 21
Erklärung aller nicht selbsterklärenden Icons
Abbildung 27
Der Button Seitenumbruch bewirkt im Dokument eine neue Seite
Im Gegen zum "Weiterlesen": Dieser setzt eine Markierung im Text, die erst zum Tragen kommt, wenn das Dokument auf die Frontseite gesetzt wird. (Ein roter Strich)
Ein Pflugin zum Einsetzen von Videosequenzen
Zeigt den aktuellen Quellcode an: <p><a onclick="window.open(this.href,'','resizable=no,location=no,menubar=no,scrollbars=no,status=no,toolbar=no,fullscreen=no,dependent=yes,width=130,height=200,status'); return false" href="http://joomla151.sgz-20.ch/union/images/stories/Opti-BF20L.gif"><input style="margin-right: 10px" type="image" height="189" width="80" src="http://joomla151.sgz-20.ch/union/images/stories/Opti-BF20L.gif" align="left" /></a></p> Durch erneutes Drücken des Buttons erscheint der Eingabetext wieder
Unbekannt
Zeigt die Formatierungsblöcke an:
Rechtschreibungstest – leider nur in englisch
Ohne Wirkung
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 22
Ein Wort, bzw. Abschnitt markieren und die Inline Styles aufrufen - ausprobieren
Abbildung 28
Standardmässig wird der Link mit der Einstellung File geöffnet auch wenn vorher ein Bild markiert worden ist. In JoomlaFCK ist dies ein StandardLink Fenster
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 23
Der Linkbrowser von JoomlaFCK mit eingeblendeter Fehlermeldung Lösung: Bestätigen Dokument speichern und wieder öffnen. In ganz, ganz schlimmen Fällen IE neu starten…
Abbildung 29
Ein wichtiger Icon. Wird immer dann benötigt, wenn innerhalb eines Dokumentes auf ein anderes in Joomla vorhandenes Dokument verlinkt wird. Abbildung 29
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 24
Es genügt Buchstaben um Buchstaben einzugeben bis das Dokument gefunden wurde. Für einen Suchbuchstaben: Eingabe löschen und neu beginnen Leider wird der Verweis im gleichen Fenster wie das in Bearbeitung befindliche Dokument geöffnet
Abbildung 30
Bildbutton
Einfügen eines Bildes ins Dokument mit den gleichen Einstellungen wie in Abbildung 30 Das Register Ziel fehlt. Zum Einfügen eines Bildes ins Dokument können beide Buttons verwendet werden. Für ein PopUp-Fenster mit vergrössertem Bild wird anschliessend der Button Link (Abbildung 31 ) verwendet
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 25
Bild einfügen/editieren
Grundsätzlich müsste man dieses Icon nicht erklären, ja – wenn es nicht zweimal in unterschiedlicher Wirkung angezeigt wird. Hier haben wir vier Register: Bildinfo: Bild suchen und Breite/Höhe sowie Abstände definieren. Link: Neues Fenster. Leider nicht als PopUp Upload: Ein Bild kann direkt hochgeladen und eingefügt werden Erweitert: Weiss nicht
Datei, Bild, Flash und Media link. Es muss nicht unbedingt ein Text markiert werden. Öffnet in einem PopUpfenster Bildauswahl (nach Markierung des Bildes:
Als Linktyp werden URL, Anker und Mail aufgeführt. Mit Server durchsuchen Kann der Server ab dem Verzeichnis Images/stories nach Dateien, Bildern, Flash und Media durchsucht werden Siehe Abbildungen 28/29
Abbildung 31
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 26
Abbildung 32
Das auf Bild 31/32 folgende Bild 33 zeigt
das Register Ziel Alle Optionen sind aufgeührt
Flash einfügen
Im Moment sind keine Flash-Dateien installiert
Vorlagen
Die drei Vorlagen können mitunter mal nützlich sein.
Ausprobieren
Ob man das – mit Ausnahme des BildIcons - auf der Website gebrauchen kann, weiss ich nicht. Muss man mal ausprobieren
Abbildung 33
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 27
Sonderzeichen
Das Einfügen von Sonderzeichen stellt auch keine Probleme mehr dar.
Editor maximieren
Dieser Button vergrössert die ganze Texteingabe auf Bildschirmgrösse. Sehr bequem zum Arbeiten. Allerdings fehlt dann der Button zum Zwischendurch abspeichern (Anwenden)
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 28
AVR-Media
Video einfügen – ganz leicht. Button drücken, Lokale Medien wählen, Medium auf dem Server
auswählen und einfügen. Eine Zeile – grosse Wirkung
Das gleiche, aber mit externen Medien, z.B. YouTube
Remote Medien
Den Provider aus der Liste wählen. Zu unterst
befindet sich YouTube.
Man kann den Original oder JW Media Player
wählen.
Im nächsten Schritt benötigen wir bei YouTube
nebst der URL noch die Video-ID
Diese erhält man auf YouTube, wenn man beim
gewählten Video (More inf) anklickt
Content Management System Joomla 1.5.x Anleitungen
Anleitung CMS Bereiche,Kategorien, Menüs, Dokumente erstellen Seite 29
Danach wählt mit URL und kopiert sie mit Ctrl+C in den Zwischenspeicher.
Mit Ctrl+V fügt man den Zwischenspeicher in das Feld URL ein
Dann noch ein Klick in das Feld ID:
Zum Schluss
Und einfügen – fertig. Der Code im Dokument sieht dann so aus
{youtubejw}plAPSzvXnlA{/youtubejw}
top related