in das Content Management System

Transkript

1 ERSTE SCHRITTE UND EINFÜHRUNG in das Content Management System ENTWICKLUNG & VERTRIEB: Nicolas Berg, skyrocket-online ANSPRECHPARTNER BEI FRAGEN UND PROBLEMEN: Sarah Eggloff

2 INHALTSVERZEICHNIS SEITE 2 Anmelden/Adminbereich...3 Überblick...4 Aufbau comamo...5 Seiten Anlegen, Bearbeiten, Verschieben...6 Spalten...7 Inhalte erstellen...8 Inhalte verschachteln...9 Inhalte bearbeiten Inhalte verschieben & Löschen Medientypen hinzufügen Bilder hinzufügen Layouttypen Dateimanager Daten hochladen Datenverzeichnisse Module Modulinhalte ausgeben Module per Plugins einbinden Modulseiten erstellen... 23

3 ANMELDEN/ADMINBEREICH SEITE 3 ANMELDEN/ADMINBEREICH Um in die Administration (Backend) zu gelangen, hängen Sie einfach den Suffix»/CMM«an die URL Ihrer Webseite an. BEISPIEL: Geben Sie im Anmeldebildschrim Ihren Benutzernamen und das Passwort ein. Mit einem Klick auf»login«melden Sie sich an.

4 ÜBERBLICK SEITE 4 ÜBERBLICK Nachdem Sie sich erfolgreich angemeldet haben, sehen Sie eine Übersichtsseite, die einen Überblick über die comamo-version und alle verfügbaren Module gibt. Je nach dem, welche Module Sie erworben haben, kann die Übersichtsseite variieren.

5 AUFBAU COMAMO SEITE 5 DER AUFBAU VON COMAMO: MODULE SEITENBAUM INHALTE comamo ist in drei Hauptbereiche aufgeteilt: MODULBAR (rechts): Hier werden alle installierten Module aufgelistet. Die Menüs der Module können an dieser Stelle aufgerufen werden. SEITENBAUM (mitte): Zeigt die Seitenstruktur der Website auf. Hier können auch Seiten z. B. hinzugefügt, kopiert, verschoben oder deaktiviert werden. INHALTSBEREICH (rechts): Dieser ist kontextspezifisch ist, d.h. hier können z. B. Konfigurationen vorgenommen, Inhalte erstellt und bearbeitet sowie Dateien hochgeladen werden. Modulbar Seitenbaum Inhaltsbereich

6 SEITEN ANLEGEN, BEARBEITEN, VERSCHIEBEN SEITE 6 SEITEN ANLEGEN, BEARBEITEN, VERSCHIEBEN Um in comamo Seiten anzulegen oder zu bearbeiten, muss man zuerst das Modul»BASISMODUL«auswählen. Darin selektiert man den Unterpunkt»Seiten«. Klickt man mit der Maustaste (egal ob Links- oder Rechtsklick) auf das jeweilige Icon vor der gewünschten Seite im Seitenbaum, erscheint ein Kontextmenü. In diesem kann man auswählen, was man tun möchte. BEISPIEL: Neue Unterseite unter dem Menüpunkt»Home«anlegen Klick auf das Icon vor der Seite»Home«im erscheinenden Kontextmenü auf den Punkt»Seite hinzufügen«klicken nun öffnet sich rechts in der Inhaltsspalte eine Eingabemaske, in die man alle erforderlichen Daten einträgt danach klickt man oben in der Eingabemaske auf»speichern«auf diese Weise können auch bestehende Seiten bearbeitet werden. Dazu wählt man im Kontextmenü den Punkt»Seite bearbeiten«aus. Die Eingabemaske bleibt dabei gleich. Des Weiteren bietet comamo die Optionen, Seiten zu verschieben (nach oben und unten), zu kopieren oder auszuschneiden (und an anderer Position im Seitenbaum einzufügen). Seiten können per Kontextmenü auch deaktiviert werden, ohne die Seite löschen zu müssen. Somit kann man Inhalte mit einem Klick von der Seite nehmen und zu einem späteren Zeitpunkt wieder verfügbar machen, ohne nochmals das gesamte Seitenlayout und den sich darin befindlichen Text eingeben zu müssen. Der Tab»META«ist für SEO-Eingaben wichtig. Mausklick im Seitenbaum auf das Icon vor dem Menüpunkt»Home«Eingabemaske für das Anlegen oder Bearbeiten einer neuen Seite

7 SPALTEN SEITE 7 SPALTEN Spalten weisen Inhalten eine bestimmte Position im Layout zu. Welche Position dies ist, wird in der Template-Datei bestimmt. Dort werden auch die IDs der Spalten definiert. (Diese müssen im Template und Backend übereinstimmen). Bei der Erstellung von Inhalten muss darauf geachtet werden, welche Spalte in der Eingabemaske für die Inhalte zugeordnet wird (»Anzeige in Spalte«). Standardmäßig werden alle Seiteninhalte in der Spalte»Oben«,»Content Top«oder»Hauptspalte«angezeigt (Ausgabe im Inhaltsbereich der Website). Inhalte für Slider und Fußbereich bekommen meist eine extra Spalte zugewiesen (z. B.»Content Slider«bzw.»Content Footer«). Inhalte, die verschiedenen Spalten zugeordnet sind und damit an verschiedenen Positionen im Layout der Website angezeigt werden Übersicht über angelegte Spaltentypen Auswahl, in welcher Spalte der Inhalt angezeigt werden soll

8 INHALTE ERSTELLEN INHALTE ERSTELLEN Zum Erstellen und Bearbeiten von Inhalten wählt man links in der Modulbar das Modul»SEITENINHALTE«und dann den Unterpunkt»Inhalte«. Mit einem Klick im Seitenbaum wählt man die Seite, der Inhalt hinzufügt oder dieser bearbeitet werden soll. Nun erscheint ganz rechts eine Auflistung bestehender Inhalte. Inhaltsübersicht für erstellte Inhalte einer Seite SEITE 8 Gibt es für eine Seite noch keine Inhalte, so ist der Inhaltsbereich leer (ohne Einträge). Neuer Inhalt kann hinzugefügt werden, indem man oben auf das grüne Plus-Symbol klickt. Vergessen Sie hier bitte nicht, dem ersten Inhalt die entsprechende Spalte zuzuweisen. HINWEIS: Seite, für die noch keine Inhalte angelegt wurde (Inhalte hinzufügen per Klick auf grünes Plus-Symbol)

9 INHALTE VERSCHACHTELN SEITE 9 INHALTE VERSCHACHTELN Inhalte können direkt im Backend miteinander verschachtelt werden, sodass ein komplettes, individuelles Seitenlayout erzeugt wird, ohne im Template Code eingeben zu müssen. Vorteil: Sie können für jede beliebige Seite schnell und unkompliziert verschiedene Seitenlayouts erstellen. Sollen beispielsweise zwei oder mehr Blöcke nebeneinander angeordnet werden, geht man wie folgt vor: einen»container«-block mit voller Breite erstellen innerhalb dieses Blockes dann z. B. zwei Blöcke mit jeweils 1/2 Breite oder 1/3 und 2/3 Breite usw. erstellen Beispiel für die Verschachtelung von Inhalten. Die Blöcke werden auf der Seite entprechend angezeigt. bei drei gleichgroßen Blöcken wäre es 3x ⅓ Breite, bei vier Blöcken 4x ¼ Breite (oder 1/4 2/4 1/4 Breite) usw. Die einzelnen Inhaltsblöcke können dabei verschiedene Inhaltstypen aufweisen (Text, Bilder, Video etc. ) und individuell gestaltet werden ( näheres zur Gestaltung siehe Seite 16). Wie Sie sehen, wird im Backend die Verschachtelung optisch so angezeigt, wie der Inhalt auf der Webseite ausgegeben wird. Dies erleichtert erheblichdie Erstellung des Layouts. Im Drop-Down Menü können Sie die Breite des Inhaltsblockes auswählen

10 INHALTE BEARBEITEN SEITE 10 INHALTE BEARBEITEN EDITIEREN: Inhalte können in der Inhaltsübersicht editiert werden, in dem man mit der Maus über den jeweiligen Block fährt. Es erscheinen oben rechts verschiedene Icons. Um Inhalte zu bearbeiten, klickt man auf das Icon. DEAKTIVIEREN: Inhalte können deaktiviert werden, indem man auf das Lampen-Symbol klickt. Diese Inhalte werden auf der Webseite ausgeblendet, bleiben aber im Administrationsbereich erhalten, sodass man diese jederzeit wieder aktivieren bzw. einblenden kann.

11 INHALTE VERSCHIEBEN & LÖSCHEN INHALTE VERSCHIEBEN INHALTE LÖSCHEN Möchte man die Verschachtelung und damit die Position einzelner Inhaltsblöcke verändern, so kann man den jeweiligen Container per Drag&Drop (oder über die Hoch- und Runter-Pfeile in der Icon-Leiste) an andere Positionen verschieben. Zum Löschen klickt man einfach auf das Papierkorb-Icon des Inhaltsblockes, welchen man löschen möchte. Verschieben von Inhaltsblöcken per Icon nach oben oder unten (Hierarchie) bzw. links/rechts (Layout) Verschieben von Inhaltsblöcken per Drag&Drop SEITE 11

12 INHALTE AUSSCHNEIDEN & KOPIEREN SEITE 12 INHALTE AUSSCHNEIDEN Möchte man bestimmte Blöcke in andere Seiten einfügen, kann man dies per»ausschneiden-icon«tun. Klickt man auf das Icon, so wird der Block an der bisherigen Stelle entfernt. Um den Block an der gewünschten Stelle wieder einzufügen, klickt man oben auf das Icon»Eintrag Einfügen«. INHALTE KOPIEREN Um Blöcke zu duplizieren, klickt man auf das»kopieren-icon«. Der Inhalt wird in der Zwischenablage gespeichert. Mit einem Klick auf das Icon»Eintrag Einfügen«, wird der Block an ausgewählter Stelle eingefügt. Dies kann auch eine andere Seite sein, oder ein Container-Block, in den mehrere kleinere Container eingefügt werden sollen.

13 MEDIENTYPEN HINZUFÜGEN SEITE 13 MEDIENTYPEN HINZUFÜGEN Möchte man Bilder, Videos oder Dateien einbinden, so geschieht dies in comamo nicht wie üblich im Texteditor, sonden über den Tab»MEDIA«im Inhaltsbereich. Hier können die benötigten Dateien ausgewählt und in den Inhalt eingefügt werden.

14 BILDER HINZUFÜGEN SEITE 14 BILDER HINZUFÜGEN Vor dem Hinzufügen müssen sich alle benötigten Bilder auf dem Server befinden. Diese können entweder direkt per FTP oder mit dem integrierten Dateimanager hochgeladen werden. WICHTIG: Die Bilder für Seiteninhalte müssen im Verzeichnis Seiteninhalte images abgelegt werden. (Mehr dazu siehe Seite 19: Datenverzeichnisse.) Im Block»Bilder«klickt man auf das grüne Plus-Icon oder»bilder hinzufügen«. Es öffnet sich eine Liste, die alle vorhandenen Bilder im Verzeichnis»images«anzeigt. Aus dieser Liste wählt man das gewünschte Bild aus (es kann sich auch in einem Unterordner befinden), indem man einen Haken im vorderen Kästchen setzt. Es können auch mehrere Bilder ausgewählt werden. Eine Vorschau des Bildes erhält man, indem man auf den Dateinamen klickt. Bestätigt wird die Auswahl mit einem Klick auf den Button»übernehmen«. Andere Medientypen wie Audio, Video, Dateien etc. werden genauso wie eben beschrieben hinzugefügt.

15 BILDER POSITIONIEREN SEITE 15 Die ausgewählten Bilder erscheinen nun als Einträge im Bilder-Block und werden untereinander aufgelistet. Fügen Sie an dieser Stelle Daten hinzu (Alternativ-Text und Untertitel) oder geben Sie dem Bild eine bestimmte Höhe und Breite. Außerdem ist es möglich Effekte wie Zoom, Rahmen und Schatten hinzuzufügen, sowie das Bild rund (bitte hier bei Höhe und Breite die gleichen Werte einsetzen) oder nur in Grautönen erscheinen zu lassen. Im Bereich»Bildposition im Inhaltsblock«können Sie die jeweilige Anordnung der Bilder im Text sowie Layoutdarstellungen (Bildleisten, Sonstige) auswählen. Es kann jeweils nur eine Art der Darstellung ausgewählt werden. Sind alle Bilder eingefügt, speichern Sie Ihre Einstellungen. Dieses Prinzip funktioniert genauso bei den anderen Medientypen (Video, Audio, Dateien). Speichern nicht vergessen

16 LAYOUTTYPEN SEITE 16 LAYOUTTYPEN comamo bietet eine sehr leichte Gestaltung der einzelnen Inhalte direkt im Backend über den Inhaltseditor. Es gibt verschiedene Layouttypen, die man auf jeden beliebigen Inhaltsblock anwenden und damit das Aussehen oder die Funktion beeinflussen kann. Sie können z. B. Aufklappblöcke, Pop-Ups oder Zähler einfügen. Weiterhin besteht die Möglichkeit, mehrere Layouttypen miteinander zu kombinieren. Für eine Box kombinieren Sie z. B. Schatten, Hintergrund und ein Icon miteinander.

17 DATEIMANAGER SEITE 17 DATEIMANAGER Wenn Sie über keinen FTP-Zugang verfügen oder Ihre Daten einfach direkt hochladen möchten, steht Ihnen der integrierte Dateimanager zur Verfügung. Dateien laden Sie folgendermaßen auf der Server hoch: Module Dateimananger Die folgenden Abschnitte zeigen Ihnen die genaue Vorgehensweise sowie die Einhaltung der vorgegebenen Verzeichnisstruktur damit Ihre Daten dort landen, wo sie auch abgegriffen werden können.

18 DATEN HOCHLADEN DATEN HOCHLADEN Zum Hochladen klicken Sie einfach ganz oben in der Inhaltsansicht auf das Icon»Datei hochladen«seite 18 Im nun erscheinenden Dialogfenster wählen Sie die Dateien aus, die Sie hochladen möchten und starten das Hochladen der Dateien mit einem Klick auf»upload«.

19 DATENVERZEICHNISSE SEITE 19 DATENVERZEICHNISSE Achten Sie darauf, dass Sie für Ihre Daten den richtigen Ordner bzw. das richtige Verzeichnis wählen! ES GILT: Jedes Modul verfügt über seinen eigenen Ordner bzw. sein eigenes Verzeichnis und greift auch nur auf dieses zu. Die Struktur ist jeweils identisch. Dateien (Bilder, Videos etc. ), die in normalen Inhalten erscheinen (also die, die Sie mit dem»seiteninhalte«-modul erstellen) kommen in den Ordner Seiteninhalte und dann in den jeweiligen Unterordner, dessen Typ dem Inhalt entspricht (Bilder images / PDF-Dateien files /MP3 audios usw. ). BEISPIEL: Bilder von Mitarbeitern, die per Plugin über das Mitarbeiter-Modul ausgegeben werden, laden Sie bitte in den Ordner Mitarbeiter images hoch. Das Mitarbeiter-Modul greift nämlich nur über dieses Verzeichnis auf die Bilder zu. Im Verzeichnisbaum sehen Sie, dass jedes Modul einen eigenen Ordner besitzt, auf den es zugreifen kann. Die jeweiligen Dateitypen müssen in die entsprechenden Unterordner (audios, images, files, ) geladen werden. Das klingt zwar umständlich, sorgt aber für aufgeräumtes und übersichtliches Datenmanagement.

20 MODULE SEITE 20 MODULE Alle Datensätze für die jeweiligen Module werden in ihren eigenen Datensatzsammlungs-Ordnern gespeichert bzw. angelegt. Falls noch nicht vorhanden, erstellt man sich über das Basismodul Seite anlegen einen solchen Datensatzsammlungs-Ordner. Dazu wählt man in der Eingabemaske bei»typ der Seite (TID)«Datensatzsammlung und benennt diese am besten wie das Modul inkl. der Endung -Data (z. B. Modul Mitarbeiter Mitarbeiter-Data). Mitarbeiter-Modul mit angewähltem Datensatz-Ordner und zwei angelegten Einträgen bzw. Datensätzen In diesen Ordner bzw. speziellen Seitentyp kommen nun die Einträge. Dazu wählt man zuerst das Modul im Modulbaum und dann den dazugehörigen Datensatz-Ordner. In diesen legt man nun neue Einträge an. Das Modul zieht sich alle Daten aus diesem Ordner und arbeitet mit den darin angelegten Datensätzen. Diese können, genau wie normale Inhalte, bearbeitet, verschoben oder deaktiviert werden. Eintrag bzw. Datensatz im Bearbeitungs-Modus. Über die Tabs können zusätzl. Daten hinzugefügt werden

21 MODULINHALTE AUSGEBEN SEITE 21 MODULINHAL- TE AUSGEBEN Um die Einträge der Module auch auszugeben bzw. sehen zu können, muss man diese per Plugin ausgeben. Jedes Modul bringt standardmäßig mind. ein oder mehrere Plugins mit. Plugins können in jeden beliebigen Inhaltsblock eingebunden und angepasst werden.

22 MODULE PER PLUGINS EINBINDEN MODULE PER PLUGINS EINBINDEN Im Inhaltseditor geht man auf den Tab»Plugins«und wählt im DropDown-Menü das entsprechende Plugin aus. In der Eingabemaske gibt man nun die IDs der Seiten an, in denen sich die Datensätze befinden bzw. ausgegeben werden sollen. SEITE 22

23 MODULSEITEN ERSTELLEN SEITE 23 Ggfls. müssen noch extra Seiten (z. B. für Detailseiten, andere Darstellung, ) hinzugefügt werden. Diese Seiten müssen meist nicht in der Navigation angezeigt werden.