SixCMS 6 Tutorial - Content-Manager. So erfassen Sie Inhalte mit SixCMS

Transkript

1 SixCMS 6 Tutorial - Content-Manager So erfassen Sie Inhalte mit SixCMS

2 Inhalt Inhalt So erfassen Sie Inhalte mit SixCMS 3 Zu diesem Tutorial 3 Ablageort definieren 5 Content-Container erstellen 6 Einträge einpflegen (Rubriken) 7 Container zur Aufnahme unserer Inhalte konfigurieren 8 Einträge einpflegen (Sportarten) 13 Unter folgenden Adressen können Sie uns erreichen: Six Offene Systeme GmbH Six Offene Systeme GmbH 2005 Am Wallgraben 99 Bouchéstraße 12 Six Offene Systeme GmbH D Stuttgart D Berlin Alle Rechte vorbehalten Tel + 49 (0) Tel + 49 (0) info@six.de Fax + 49 (0) Fax + 49 (0)

3 So erfassen Sie Inhalte mit SixCMS 1 Zu diesem Tutorial Hier erfahren Sie Schritt für Schritt, wie Sie Inhalte mit SixCMS erfassen. Anhand eines einfachen Beispiels erläutern wir, wie Sie einen Ablageorte für Inhalte bestimmen (Seite 5) einen Container erstellen (Seite 6) einen Container für die Aufnahme von Inhalten konfigurieren (Seite 8) Inhalte einpflegen (Seite 13) Unser Beispiel: In unserem Beispiel möchten wir eine Übersicht über die gängigsten Sportarten erstellen. Dazu werden wir Artikel (=Einträge) zum Thema Sport erfassen. Jeder Eintrag beschreibt eine Sportart bzw. sportliche Disziplin. Die Einträge besitzen folgende Strukturelemente: Sportart Name der Sportart. Teaser Enhält eine kurze Einführung. Haupttext Der eigentliche Text, in dem nähere Informationen stehen. Bild (optional) Passend zur Sportart. Rubrik Zusätzlich soll für jede Sportart angegeben werden, ob sie eine olympische Disziplin a.) der Sommerspiele, b.) der Winterspiele oder c.) nicht olympisch ist. Ihre Inhalte Eingabemaske für Ihre Inhalte in SixCMS Ziel dieses Tutorials ist es, Artikel mit der oben beschriebenen Struktur in SixCMS erfassen zu können. Dazu benötigen wir eine Eingabemaske, die für jedes Strukturelement ein Eingabefeld besitzt. Eine solche Eingabemaske erhalten wir, indem wir einen Content-Container nach unseren Vorgaben konfigurieren. In der Sprache von SixCMS heißt das: "wir konfigurieren einen Content-Container für die Aufnahme unserer Inhalte". 3

4 So erfassen Sie Inhalte mit SixCMS Hier eine Übersicht über die wichtigsten Elemente, die wir im Laufe dieses Tutorials erstellen. Der Name bezieht sich auf die Bezeichnung in SixCMS: Element Name Beschreibung Ordner "Tutorial" Verwalten Sie hier alle Daten für das Tutorial (s. Seite 5). Content- Container Content- Container "Rubriken" "Sportarten" Enthält die Rubriken "Sommerspiele", "Winterspiele" und "nicht olympisch" (s. Seite 6). Hier werden alle Einträge zu den verschiedenen Sportarten erfasst (s. Seite 8). Einträge z.b. "Sommerspiele" Eintrag im Container "Rubriken". Einträge z.b. "Leichtathletik" Eintrag im Container "Sportarten". (Zur Erklärung der Begriffe "Ordner", "Container", "Eintrag" usw. siehe Tutorial "Kurzanleitung und Referenz. Einführung für Autoren" oder Benutzerhandbücher für SixCMS.) 4

5 2 Ablageort definieren Zunächst erstellen wir einen sog. "Ordner". Dieser soll uns als Ablageort für alle Übungen dieses Tutorials dienen. Ein Ordner kann beliebig viele Container oder andere Ordner enthalten. Mit Ordnern lässt sich eine hierarchische Baumstruktur aufbauen, ähnlich, wie Sie es von den Ordnern Ihres Dateisystems gewohnt sind. Ordner dienen dazu, das Backend übersichtlich zu organisieren. 1 Klicken Sie dazu im Bereich "System" - "Admin" - "Container" auf den Button "Ordner" in der oberen Symbolleiste. Es erscheint ein neues Fenster, in dem alle vorhandenen Ordner in ihrer hierarchischen Struktur dargestellt sind. Abb. 1 Eingabemaske "Ordner anlegen". 2 Klicken Sie auf "neu" in der oberen Symbolleiste. Die Eingabemaske "Ordner anlegen" erscheint. 3 Geben Sie einen Namen und Ablageort für den neuen Ordner an. Ablegen unter: Hier sehen Sie alle vorhandenen Ordner. Wenn Sie einen Ordner auswählen, wird der neue Ordner als Unterordner des gewählten Ordners angelegt. Wenn Sie hier nichts auswählen, wird der neue Ordner in der obersten Hierarchieebene angelegt. Titel: Geben Sie hier einen Namen für den neuen Ordner an. Der Ordner in unserem Beispiel heißt: "Tutorial". 4 Speichern Sie Ihre Angaben. Sie sehen jetzt eine Gliederungsübersicht aller erstellten Ordner. Diese Übersicht dient zur Überprüfung, ob Ihr Ordner an der gewünschten Stelle abgelegt ist. Alle Ordner sind zur besseren Übersicht alphabetisch geordnet. Abb. 2 5 Klicken Sie anschließend auf den Button "schließen", um das Fenster zu schließen. 5

6 So erfassen Sie Inhalte mit SixCMS 3 Content-Container erstellen Als nächstes erstellen wir einen Content-Container. Content-Container dienen der Aufnahme von Inhalten. In diesem Container sollen die drei Begriffe: "Sommerspiele", "Winterspiele" und "nicht olympisch" abgelegt werden, mit denen wir später die Sportarten klassifizieren wollen. 1 Klicken Sie im aktuellen Pfad ("System" - "Admin" - "Container") auf "neu" in der oberen Symbolleiste. Die Eingabemaske für neue Container erscheint (Abb. 3). Abb. 3 Eingabemaske für neue Container. 2 Geben Sie unter "Basiseinstellungen" Typ, Name und Ablageort des neuen Containers an. Container für: Wählen Sie hier, für welche Art von Daten Sie den neuen Container erstellen wollen. In unserem Beispiel: "Content". Typ: Wählen Sie hier: "Standard". Ordner: Wählen Sie hier den Ordner, in dem der Container erstellt werden soll. Wir wählen den eben erstellten Ordner: "Tutorial". Name: Geben Sie dem neuen Container den Namen: "Rubriken". 3 Aktivieren Sie die Checkbox "sofort publizieren". Aktivieren Sie unter "Erweitert" die Option "sofort publizieren". Abb. 4 Option: "sofort publizieren" aktivieren. Somit legen Sie fest, dass alle Einträge dieses Containers sofort nach dem Speichern den Status publiziert erhalten. Dies ist wichtig, da nur publizierte Einträge im Frontend erscheinen können. 4 Speichern Sie anschließend Ihre Angaben. Nach dem Speichern gelangen Sie auf die sog. Strukturansicht des Containers. Die Strukturansicht zeigt, welche Strukturelemente (=Felder) in einem Content-Container per Default enthalten sind. Die Default-Struktur reicht 6

7 Abb. 5 Strukturansicht des Containers "Rubriken". hier für unseren Zweck aus. Wir brauchen also nichts weiter tun und können mit der Eingabe der Einträge im Container "Rubriken" beginnen. 3.1 Einträge einpflegen (Rubriken) Um Einträge einzupflegen, verlassen wir den aktuellen Bereich "System" - "Admin" - "Container" und wechseln zu der Stelle im Backend, wo wir unseren Container für Rubriken abgelegt haben: 1 Klicken Sie in der oberen Symbolleiste auf "System". Dieser Button bringt Sie immer zur Übersicht, von der aus alle Bereiche und Funktionen des Backends erreicht werden können. 2 Suchen Sie den Ordner "Tutorial" in der Systemliste links und öffnen Sie ihn, indem Sie darauf klicken. Wenn Sie alle Schritte bisher nachvollzogen haben, dann sehen Sie nun darin den Container "Rubriken". 3 Öffnen Sie den Container Rubriken, indem Sie darauf klicken. Abb. 6 Eingabemaske im Container "Rubriken". 4 Klicken Sie auf "neu" in der oberen Symbolleiste. Die Eingabemaske für neue Einträge erscheint. Beachten Sie, wie diese Eingabemaske mit der Struktur des Containers (Abb. 5) korrespondiert. 5 Geben Sie nun im Feld "Titel" die Bezeichnung "Sommerspiele" ein und speichern Sie anschließend. Der Eintrag "Sommerspiele" wird angelegt. 6 Legen Sie die Einträge "Winterspiele" und "nicht olympisch" an. 7

8 So erfassen Sie Inhalte mit SixCMS 4 Container zur Aufnahme unserer Inhalte konfigurieren Als nächstes erstellen wir einen weiteren Content-Container, in den wir später unsere Artikel über Sportarten einpflegen möchten. Die ersten vier Schritte sind dabei analog zu Abschnitt 3 Content-Container erstellen. Ab Schritt Nr. 5 nehmen wir zusätzlich Veränderungen an der Struktur des Containers vor. 1 Klicken Sie im Bereich "System" - "Admin" - "Container" auf "neu" in der oberen Symbolleiste. Die Eingabemaske für neue Container erscheint (Abb. 3). 2 Geben Sie unter "Basiseinstellungen" Typ, Name und Ablageort des neuen Containers an. Container für: In unserem Beispiel: "Content". Typ: Wählen Sie hier: "Standard". Ordner: In unserem Beispiel: "Tutorial". Name: Unser Container für die Sport-Artikel heißt "Sportarten". 3 Aktivieren Sie, unter dem Punkt "Erweitert", die Checkbox "sofort publizieren". 4 Speichern Sie anschließend Ihre Angaben. Es erscheint wieder die Default-Strukturansicht des Containers (analog Abb. 5) mit den drei Feldern: Titel, Onlinedatum und Offlinedatum. Um die Übersicht und das Verständnis in der Eingabemaske zu verbessern, benennen wir das Label "Titel" in "Sportart" um. 5 Klicken Sie auf den Feldnamen "title" in der Strukturansicht des Containers. Sie können jetzt die Vorgaben für dieses Feld verändern. 6 Geben Sie das neue Label "Sportart" ein (Abb. 7). Abb. 7 Änderung des Labels in "Sportart". 7 Speichern Sie Ihre Änderung. 8

9 Abb. 8 Strukturansicht mit geändertem Label. In Abb. 8 können Sie sich jetzt die Änderung in der Strukturansicht ansehen. Für unsere Artikel zum Thema "Sport" benötigen wir zusätzliche Felder. Diese werden wir jetzt anlegen. Abb. 9 Popup-Menu zur Auswahl des neuen Feldes. 8 Fügen Sie ein neues Feld hinzu. Um ein neues Feld hinzuzufügen, wählen Sie aus dem Popup "Neues Feld" in der unteren Symbolleiste den gewünschten Feldtypen (hier zunächst: "text_plain") aus. Klicken Sie anschließend auf "+". "Text_plain" bedeutet, dass Sie nun ein Feld zur Aufnahme von Text anlegen. Es erscheint eine Maske, in er Sie die Optionen für dieses Feld festlegen. 9 Legen Sie die Optionen für dieses Feld fest. Das eben angelegte Feld soll zur Aufnahme einer kurzen Einleitung für unsere Artikel dienen. Geben Sie als Feldnamen "teaser" und als Label "Teaser" ein. Das Label "Teaser" beschriftet später das Feld in der Eingabemaske des Containers. Füllen Sie alle Felder analog zu Abb. 10 aus und speichern Sie anschließend Ihre Angaben. 9

10 So erfassen Sie Inhalte mit SixCMS Abb. 10 Feld "Teaser" anlegen. Hinweis: Beachten Sie die Kleinschreibung des Feldnamens! 10 Wiederholen Sie die letzten beiden Schritte, um ein weiteres Textfeld hinzuzufügen, das den Haupttext der Artikel aufnehmen soll. Machen Sie dabei folgende Vorgaben für dieses weitere Textfeld: Feldname: text Label: Text Eingabemaske: Textfeld, Größe 47x3. Wichtig: diese Angabe bestimmt Art und Größe des Feldes in der Eingabemaske. Info: Optional können Sie hier einen Hilfetext eingeben, der angibt, welche Inhalte in dieses Feld geschrieben werden sollen. Da unsere Artikel auch ein Bild enthalten sollen, fügen wir als nächstes ein Feld hinzu, mit dem Bilder in SixCMS hochgeladen werden können. Optionen für Feld festlegen. Über die Option "Eingabemaske" bestimmt man, wie das Feld in der Eingabemaske des Containers erscheinen soll (s. Abb. 14, Seite 13). 11 Wählen Sie im Popup "neues Feld" den Feldtypen "upload" und klicken Sie anschließend auf das Plus-Symbol. Wieder erscheint eine Maske (Abb. 11), in der wir die Optionen für das neue Feld festlegen. Hier die wichtigsten Einstellungen: Feldname: upload Label: Bild hinzufügen Eingabemaske: upload 10

11 Abb. 11 Feld zum Hochladen von Bildern hinzufügen. Für jeden Artikel wollen wir wissen, ob die vorgestellte Sportart olympisch oder nicht olympisch ist. Bei den olympischen Sportarten soll zwischen Sommerspielen und Winterspielen unterschieden werden. Das heißt: die Artikel "Sportarten" sollen in bestimmte Rubriken/Kategorien unterschieden werden. (Man spricht in diesem Zusammenhang auch von "Verschlagwortung".) Dazu benötigen wir ein Feld vom Typ "relation". 12 Wählen Sie im Popup "neues Feld" den Feldtypen "relation" und klicken Sie anschließend auf das Plus-Symbol. Es erscheint eine Übersicht. SixCMS erwartet nun, dass Sie angeben, welche Einträge welches Containers zur Verschlagwortung oder Rubrizierung des aktuellen Containers benutzt werden sollen. Abb. 12 Zielcontainer für Verschlagwortung angeben. 13 Wählen Sie den Container "Rubriken" (Abb. 12) und klicken Sie anschließend auf "weiter". 11

12 So erfassen Sie Inhalte mit SixCMS 14 Legen Sie die Optionen für das Relationsfeld fest. Auf der nun erscheinenden Maske machen wir folgende Angaben: Feldname: "rel_rubr" Label: Rubrik Relationstyp: n:1 (d.h. pro Artikel ist nur eine Rubrik möglich.) Datenmaske: Textfeld Eingabemaske: Popup mit Leer-Option, Höhe 1 Ziel-Container (Feld): Wir übernehmen den angegebenen Defaultwert. In unserem Fall: "rel_sportarten". Document-Capture: "-" (leer lassen) Eingabeüberprüfung: keine 15 Speichern Sie abschließend Ihre Angaben. Zuletzt legen wir noch ein Feld an, das die Bilder unserer Artikel auf Thumbnail-Größe verkleinert. (Dieses Feld erscheint nicht in der Eingabemaske.) 16 Wählen Sie im Popup "neues Feld" den Feldtypen "thumbnail" und klicken Sie anschließend auf das Plus-Symbol. 17 Legen Sie die Optionen für das Thumbnailfeld fest. Feldname: thumbnail Label: Thumbnail Datenmaske: Medien Upload-Feld: Upload (das Feld, von dessen Inhalt ein Thumbnail erzeugt werden soll.) Dateiformat: (hier nicht wichtig, leer lassen) Abmessung: 70x70 (Größe des Thumbnails) 18 Speichern Sie anschließend Ihre Angaben. Damit ist die Konfiguration des Containers "Sportarten" abgeschlossen. Der Container besitzt nun alle notwendigen Felder, um unsere Artikel wie gewünscht aufzunehmen: Abb. 13 Struktur des Containers "Sportarten". (Tipp: die Reihenfolge der Felder können Sie verändern, indem Sie auf "sort" klicken.) 12

13 Für jedes Feld wurde bestimmt, wie es in der Eingabemaske des Containers dargestellt werden soll (Option "Eingabemaske"). So haben wir zugleich mit der Struktur des Containers seine Eingabemaske konfiguriert. Nun können wir mit der Eingabe der Inhalte beginnen. 4.1 Einträge einpflegen (Sportarten) Um Einträge einzupflegen, verlassen wir den aktuellen Bereich "System" - "Admin" - "Container" und wechseln wieder zur der Stelle im Backend, wo wir unseren Container abgelegt haben: 1 Klicken Sie in der oberen Symbolleiste auf "System". 2 Suchen Sie den Ordner "Tutorial" in der Systemliste links und öffnen Sie ihn, indem Sie darauf klicken. Wenn Sie alle Schritte bisher nachvollzogen haben, dann sehen Sie nun darin unsere beiden Container "Rubriken" und "Sportarten". 3 Öffnen Sie den Container Sportarten, indem Sie darauf klicken. Abb. 14 Eingabemaske für Container "Sportarten". 4 Klicken Sie auf "neu" in der oberen Symbolleiste. Die Eingabemaske erscheint. Beachten Sie, wie die Eingabemaske mit der Struktur des Containers korrespondiert (Abb. 13). 5 Füllen Sie nun diese Eingabemaske aus. Geben Sie Text in die Textfelder "Sportart", "Teaser" und "Text" ein. Wenn Sie ein Bild hinzufügen möchten, klicken Sie auf "Durchsuchen" und geben den Pfad zu dem gewählten Bild an. Dieses Bild wird dann in SixCMS hochgeladen. Im Popup "Rubrik" können Sie angeben, bei welchen olympischen Spielen die Sportart ausgetragen wird. 13

14 So erfassen Sie Inhalte mit SixCMS Die Felder "Onlinedatum", "Offlinedatum" und "Benutzer" sind per Default in jedem Container enthalten. Die Datumsfelder steuern, wann ein Eintrag online geschaltet wird. Gemäß unserer Einstellung werden alle Einträge des Containers sofort publiziert. Das Onlinedatum wird immer automatisch mit dem aktuellen Datum gefüllt. Ebenso wird das Feld "Benutzer" automatisch mit dem Benutzernamen des Benutzers gefüllt, der den Artikel angelegt hat. 6 Speichern Sie anschließend Ihre Angaben. Für unser Beispiel haben wir Artikel zu verschiedenen Sportarten angelegt. Folgende Abbildung zeigt die ausgefüllte Eingabemaske für den Eintrag "Leichtathletik": Abb. 15 Ausgefüllte Eingabemaske Wenn Sie nach dem Speichern auf den Reiter "Daten" klicken, dann sehen Sie eine unformatierte Vorschau dieses Artikels (Abb. 16). Dort erscheint auch das Thumbnail, eine verkleinerte Version unseres Beispiel-Bildes. Sie haben nun erfahren, wie Sie SixCMS für die Aufnahme beliebiger Inhalte konfigurieren können. Inhalte in SixCMS einpflegen können. Im Tutorial für Template-Designer erfahren Sie, wie Sie diese Inhalte formatieren, sortieren, nach bestimmten Suchkriterien selektieren und ausgeben können. Wir wünschen viel Spaß und Erfolg bei Ihrer Arbeit mit SixCMS! 14

15 Abb. 16 Reiter "Daten" gibt eine unformatierte Vorschau auf den erfassten Artikel. 15