cy-cms Handbuch V3.0

Transkript

1 V3.0

2 1 Abstract Eine Webseite sollte aktuell sein. Gerade deshalb ist es wichtig, dass Sie Änderungen rasch und einfach selbst vornehmen können. Wir möchten Ihnen deshalb so viele Möglichkeiten wie möglich bieten, damit Sie den Inhalt Ihrer Homepage individuell gestalten können. Dies erfordert jedoch, dass Sie sich an einige Regeln des Internets halten. Diese werden in diesem Handbuch ausdrücklich erläutert. Sie werden rasch merken, dass diese Regeln nicht schwer einzuhalten sind, und werden Arbeiten an Ihrer Homepage schon bald ohne dieses Handbuch vornehmen können. Die nachfolgend illustrierte Schritt-für-Schritt-Anleitung soll Ihnen den korrekten Umgang und vor allem den Einstieg in das Arbeiten mit dem Editor sowie den anderen Modulen Ihrer Homepage von inventlab GmbH vereinfachen. Beachten Sie, dass Ihrer Webseite eventuell nicht alle hier aufgeführten Funktionen zur Verfügung stehen. Wünschen Sie eine hier aufgelistete Funktion, welche Ihnen noch nicht zur Verfügung steht, melden Sie sich bei inventlab GmbH. Sollten Probleme auftreten, setzen Sie sich am besten per mit uns in Verbindung, wir helfen Ihnen gerne: Hinweis: Lesen Sie jeweils die kurz gehaltenen Beschreibungen im Admincenter. Anhand dieser sollten mögliche Unklarheiten direkt beim Bearbeiten Ihrer Webseite beseitigt werden. V3.0 Seite 2 von 32

3 2 Inhaltsverzeichnis Abstract... 2 Inhaltsverzeichnis... 3 Versionsgeschichte... 4 Einleitung Kontakt- und Unternehmensdaten Anmelden im Admincenter Arbeiten mit dem Admincenter Seiten verwalten Arbeiten mit dem Editor Grundlegendes Bedienelemente Fotos einfügen Dateien hochladen und verlinken Sprachen verwalten Sprachstammdaten Kontaktformular bearbeiten Fotogalerie verwalten Fotoalbum bearbeiten Produkte / Angebot verwalten Produkt bearbeiten Mehrere Fotos auf einmal hochladen Rückrufmodul Auswechselbares Headerbild Zufalls Headerbild News Statistik Weiterführende Infos zur Mehrsprachigkeit...32 V3.0 Seite 3 von 32

4 3 Versionsgeschichte Version Datum Autor Änderung mum Neuerstellung des Handbuches für cycms Version mum Weiterarbeit am Handbuch mum Erweiterungen an die cy-cms Version mum Erweiterungen an die cy-cms Version mum Erweiterungen an die cy-cms Version mum Anpassungen an den neuen Firmennamen V3.0 Seite 4 von 32

5 4 Einleitung 4.1 Kontakt- und Unternehmensdaten Postadresse: inventlab LLC Solothurnstrasse 6 CH-4702 Oensingen info@inventlab.ch Webseite: Telefon: Handelsregister: UID: MWSt.-Nr. +41 (0) CH CHE CHE MWST inventlab, CHYPSOTECH, ElektronikEntwicklung.ch, ATX UPSU, 20W UPSU, MIL UPSU, PC104 UPSU, Das Zuhause der Technik. and ercotima are registered trademarks of inventlab LLC, all other brand names, trademarks and registered trademarks are property of their respective owners. V3.0 Seite 5 von 32

6 5 Anmelden im Admincenter Öffnen Sie Ihren Internetbrowser und geben Sie folgende Adresse ein. (Wobei durch den Domainnamen Ihrer Webseite zu ersetzen ist.) Sie gelangen zum Loginbereich Ihrer Webseite: Sie können sich nun mit den von uns auf einem separaten Memo erhaltenen Logindaten einloggen. WICHTIG: Beachten Sie, dass diese Logindaten streng vertraulich behandelt werden müssen! Sie sind nun im Admincenter angemeldet und können Änderungen an Ihrer Webseite vornehmen. V3.0 Seite 6 von 32

7 6 Arbeiten mit dem Admincenter Nach dem anmelden im Admincenter stehen Ihnen alle Funktionen zur Verfügung, um den Inhalt Ihrer Webseite zu bearbeiten. Nach dem Anmelden sehen Sie nachfolgende Ansicht, wobei der Inhalt der Seitenstruktur und die Menüstruktur natürlich je nach Inhalt Ihrer Webseite und verwendeter Module anders aussehen kann. 1 2 Legende: 1. Sprachmenü: Sie sehen hier immer, welche Sprache Sie aktuell gerade adminsitrieren oder können die Administrationssprache jederzeit ändern. 2. Modulmenü: Hier können Sie das Modul wählen, welches Sie einsehen oder administrieren möchten. Achtung: Nach jedem Anmelden im Admincenter ist standartmässig die Originalsprache zum Administrieren selektiert. Möchten Sie also Inhalt einer Fremdsprache administrieren, müssen Sie unbedingt zuerst die Sprache wechseln! V3.0 Seite 7 von 32

8 7 Seiten verwalten Nach dem einloggen im Admincenter gelangen Sie automatisch zur Verwaltung Ihrer Seiten. Sie erreichen diesen Bereich auch, wenn Sie im Menü auf Seiten klicken Legende: 1. Level: Rubrikenlevel der Seite. Hier können Sie eine Seite einer anderen unterordnen. 2. Seitenname: Namen der Seite setzen. Änderungen mit Enter bestätigen. 3. Aktiv/Inaktiv setzen: Seite aktivieren/deaktivieren. So kann eine Seite inaktiv gesetzt werden, bis dessen Inhalt fertig gestellt ist. 4. Modul anhängen: Module wie Fotogalerie oder Kontaktformular können hiermit an einer Seite angehängt werden. 5. Sortieren: Seiten nach oben oder nach unten verschieben. 6. Löschen: Seite löschen. (Achtung: Seite wird in allen Sprachen gelöscht! 7. Bearbeiten: Seite bearbeiten. Sie gelangen zum Editor, mit welchem Sie den Inhalt der Seite bearbeiten können. Hinweis: Die Seitenstruktur wird für jede Sprache automatisch übernommen. Dies stellt die Funktion sicher, welche Ihnen durch rot Hinterlegen einer Seite in der obigen Übersicht meldet, wann eine Seite in der Originalsprache neuer ist und diese deshalb in der Fremdsprache noch überarbeitet werden sollte. V3.0 Seite 8 von 32

9 8 Arbeiten mit dem Editor Den Editor werden Sie nicht nur für das Bearbeiten von Seiteninhalten, sondern auch zum beschreiben von Fotoalben und Produkten verwenden. Dieser erlaubt das freie Gestalten des Inhalts inkl. einfügen Font Fotos, Tabellen, Links oder Dateien. 8.1 Grundlegendes Sie können im Editor die Schriftart, dessen Grösse und Farbe wählen. Verwenden Sie diese Funktion jedoch nur, wenn unbedingt nötig. Arbeiten Sie, wenn immer möglich mit den Schriftformaten. Diese wurden für Ihre Webseite extra definiert. Dies stellt sicher, dass Ihre Webseite durchgehend den selben und den korrekten Stil hat. Zudem wird dadurch ein eventuell zukünftiges Anpassen der Schriftstile ganz einfach möglich, ohne, dass Sie nachträglich jede Seite überarbeiten müssen. Tabulatoren gibt es im Internet nicht! Verwenden Sie zum korrekten Einrücken von Inhalten deshalb Tabellen. Die Breite des Editors entspricht der Breite des Inhaltsbereiches auf Ihrer Webseite. Wenn Sie den Editor in den Vollbildmodus versetzen, kann der Inhalt auf der Webseite anders dargestellt werden, weil der Seitenrand dann über den Inhaltsbereich gehen kann. V3.0 Seite 9 von 32

10 8.2 Bedienelemente Nachfolgend die wichtigsten Bedienelemente des Editors. Bild einfügen Schriftformat Vollbildmodus Dateilink einfügen Schriftart Schriftgrösse Ausrichtung Tabelle einfügen Fett, Kursiv, Unterstrichen, Durchstrichen Horizontale Linie V3.0 Seite 10 von 32

11 8.3 Fotos einfügen Um ein Foto auf der Homepage zu platzieren, müssen Sie dieses zuerst auf die Homepage laden, denn die Besucher der Webseite haben keinen Zugriff auf Ihren Computer und können das Foto nur dann sehen, wenn es auch von der Homepage abrufbar ist. Gehen Sie deshalb wie folgt vor. Klicken Sie auf das Bedienelement Bild einfügen. Es öffnet sich folgendes Fenster: Eine Verzeichnisebene höher Neues Verzeichnis erstellen Aktuelles Verzeichnis Ein neues Bild auf Ihrem Computer angeben Das auf Ihrem Computer gewählte Bild hochladen Wir empfehlen Ihnen, für jede Seite oder jede Kategorie auf Ihrer Webseite ein Verzeichnis anzulegen. Achtung: Verwenden Sie für Ordnernamen niemals öäü oder andere Sonderzeichen wie é!? $!]}%+ *ç%<, usw., sowie Leerschläge. Ersetzen Sie Leerschläge immer mit dem erlaubten Underline _. Ansonsten können bei Ihren Webseitenbesucher Probleme auftreten und Ihre Bilder werden eventuell nicht angezeigt!!! V3.0 Seite 11 von 32

12 Wir haben nun also einen Ordner startseite für unsere Fotos auf der Startseite angelegt und haben in diesen Ordner gewechselt, indem wir darauf geklickt haben: Wir befinden uns im Verzeichnis startseite V3.0 Seite 12 von 32

13 Nun können wir ein Bild auf unserem Computer auswählen, welches wir in dieses Verzeichnis laden möchten. Wir klicken deshalb auf Durchsuchen und wählen unser Bild auf dem PC: Gewünschtes Bild selektieren Selektierung des Bildes bestätigen Hinweis: Sie sollten keine zu grossen Fotos hochladen. Als Maximalgrösse empfehlen wir Ihnen maximal 550Pixel breit und 400 Pixel hoch. Um Ihnen das verkleinern von Fotos auf Ihrem PC zu vereinfachen, haben wir extra eine Software entwickelt. Diese Software heisst cy-resizer und kann auf unserer Homepage, gratis heruntergeladen werden. V3.0 Seite 13 von 32

14 Der Editor weiss nun, welches Bild Sie hochladen wollen. Um das Hochladen zu starten, klicken Sie auf Upload. Nun ist unser Bild im Verzeichnis startseite: V3.0 Seite 14 von 32

15 Wir können das Bild nun selektieren (mit einem Mausklick darauf) und mit OK wird das Bild im Editor platziert: V3.0 Seite 15 von 32

16 8.4 Dateien hochladen und verlinken Genau wie beim Platzieren eines Bildes, muss auch die Datei zuerst auf die Webseite hochgeladen werden. Auch hier gilt: Wir empfehlen Ihnen, für jede Seite oder jede Kategorie auf Ihrer Webseite ein Verzeichnis anzulegen. Achtung: Verwenden Sie für Ordnernamen niemals öäü oder andere Sonderzeichen wie é!? $!]}%+ *ç%<, usw., sowie Leerschläge. Ersetzen Sie Leerschläge immer mit dem erlaubten Underline _. Ansonsten können bei Ihren Webseitenbesucher Probleme auftreten und Ihre Dateien können eventuell nicht heruntergeladen werden!!! V3.0 Seite 16 von 32

17 Markieren Sie den Text oder das Wort, welches Sie mit der Datei verlinken möchten. Klicken Sie auf das Bedienelement Dateilink einfügen. Es öffnet Sich wieder ein Fenster, mit welchem Sie die Dateien verwalten und wählen können: Eine Verzeichnisebene höher Aktuelles Verzeichnis Neues Verzeichnis Verzeichnis löschen Anklicken, um in dieses Verzeichnis zu gelangen Verzeichnis umbenennen Markierter Text, mit welchem die Datei verlinkt werden soll Datei auf dem PC wählen Gewählte Datei in aktuelles Verzeichnis hochladen Sie können nun eine Datei in ein Verzeichnis hochladen, selektieren (anklicken) und mit OK bestätigen. Diese Datei ist nun mit dem zuvor markierten Text verlinkt. V3.0 Seite 17 von 32

18 9 Sprachen verwalten Sie können jederzeit eine neue Sprache hinzufügen, aktivieren/deaktivieren oder löschen. Achtung: Wenn Sie eine Sprache löschen, werden sämtliche Inhalte in dieser Sprache unwiderruflich gelöscht! V3.0 Seite 18 von 32

19 9.1 Sprachstammdaten Damit sämtliche Sprachabhängigen Bezeichner auch korrekt in der Fremdsprache angezeigt werden, müssen diese für jede Sprache, die Sie neu hinzufügen erfasst werden. Selektieren Sie zuerst die Sprache, von welcher die Sprachstammdaten bearbeitet werden sollen. Hinweis: Wir empfehlen Ihnen, nach dem Erfassen einer neuen Sprache, sofort die Sprachstammdaten zu setzten, damit keine Fehlfunktionen für Ihre Webseitenbesucher auftreten. V3.0 Seite 19 von 32

20 10 Kontaktformular bearbeiten Zusätzlich zu den Feldern und Nachricht, können Sie weitere Felder definieren. Dies erlaubt Ihnen, festzulegen, welche Angaben Sie über das Kontaktformular erhalten möchten. Soll ein Feld ein Pflichtfeld sein (der Webseitenbesucher muss diese Angabe zwingend machen), setzen Sie das Häckchen unter Muss. Hinweis: Sie können mehr als eine Adresse angeben, an welche die Kontaktformularnachricht gesendet wird. Trennen Sie diese jeweils mit einem Komma. Beispiel: V3.0 Seite 20 von 32

21 11 Fotogalerie verwalten Sie können Ihrer Fotogalerie unbeschränkt neue Alben hinzufügen, bestehende umbenennen, aktivieren/deaktivieren, umsortieren, löschen oder dessen Inhalt bearbeiten. V3.0 Seite 21 von 32

22 11.1 Fotoalbum bearbeiten Sie können jedem Fotoalbum eine Beschreibung hinzufügen. Für den Umgang mit dem Editor, sehen Sie bitte in das entsprechende Kapitel in diesem Handbuch. Sie können entweder einzelne Fotos hochladen oder mehrere Fotos auf einmal. Für den Upload von mehreren Fotos auf einmal, sehen Sie bitte in das Kapitel Mehrere Fotos auf einmal hochladen. Hochgeladene Fotos können nun noch beschrieben werden (1). 1 1 Bestätigen Sie die Beschreibung des Fotos mit (2). V3.0 Seite 22 von 32

23 12 Produkte / Angebot verwalten Sie können unbeschränkt neue Produkte hinzufügen, bestehende aktivieren/deaktivieren, umsortieren, löschen oder dessen Inhalt bearbeiten. umbenennen, V3.0 Seite 23 von 32

24 12.1 Produkt bearbeiten Sie können jedem Produkt eine Beschreibung hinzufügen. Für den Umgang mit dem Editor, sehen Sie bitte in das entsprechende Kapitel in diesem Handbuch. V3.0 Seite 24 von 32

25 Produktefotos können wie bei der Fotogalerie einzeln oder mehrere auf einmal hochgeladen werden. Schauen Sie auch hier, für das Hochladen mehrerer Fotos auf einmal in das Kapitel Mehrere Fotos auf einmal hochladen. Wie bei der Fotogalerie können Sie auch hier die hochgeladenen Fotos beschreiben. Sie können pro Produkt zudem Dateien hochladen. Normalerweise werden hier pdf Dokumente zur Verfügung gestellt, welche detailierte Angaben zu dem Produkt enthalten. Nicht standardisierte Formate wie z.b. diese von Microsoft Office (doc, docx, xls,...) empfehlen wir Ihnen nicht, da Sie nicht davon ausgehen können, dass jeder Ihrer Webseitenbesucher ebenfalls eine Microsoft Office Lizenz gekauft hat. Nach dem hochladen einer Datei, können Sie diese noch nach Ihrem Wunsch beschreiben. Mit dieser Beschreibung wird dann Ihre Datei für die Webseitenbesucher automatisch verlinkt. Hinweis: Beachten Sie, dass die Produktedateien Sprachabhängig sind und diese nicht automatisch in jeder Sprache automatisch übernommen werden. V3.0 Seite 25 von 32

26 13 Mehrere Fotos auf einmal hochladen Sie können beim Bearbeiten eines Produktes oder eines Fotoalbums mehrere Fotos auf einmal hochladen. Es öffnet sich nachfolgend abgebildetes Applet Legende: 1. Fotos auf Ihrem PC auswählen 2. Ihre gewählten Fotos, welche zum Hochladen bereit stehen 3. Die gewählten Fotos hochladen Hinweis: Sie müssen die Fotos nicht zuerst auf Ihrem PC verkleinern, da dies automatisch vor dem Hochladen jedes einzelnen Fotos für Sie erledigt wird. V3.0 Seite 26 von 32

27 14 Rückrufmodul Sie sehen hier die angeforderten Rückrufe. Haben Sie einem Interessenten zurückgerufen, können Sie diesen hier auf erledigt setzen. Noch nicht erledigte Rückrufe sind rot hinterlegt. Bei Bedarf können erledigte Rückrufe auch gelöscht werden. Hinweis: Sie können mehr als eine Adresse angeben zur Benachrichtigung. Trennen Sie diese jeweils mit einem Komma. Beispiel: V3.0 Seite 27 von 32

28 15 Auswechselbares Headerbild Ihr Headerbild können Sie jederzeit selbst wechseln. Nach dem Hochladen Ihres Fotos im JPG Format, wird dieses automatisch auf die Grösse zugeschnitten. Wünschen Sie einen bestimmten Bereich eines Fotos, schneiden Sie das Foto zuerst nach Ihrem Wunsch zurecht. Die Grösse, die das Headerbild schlussendlich hat, steht in Ihrem Admincenter (1). Sind Sie mit dem Ergebnis nicht zufrieden, können Sie jederzeit das Standartbild zurücksetzen (2). 1 2 V3.0 Seite 28 von 32

29 16 Zufalls Headerbild Sie können beliebig viele Zufallsbilder hochladen. Nach dem Hochladen eines Fotos im JPG Format, wird dieses automatisch auf die Grösse zugeschnitten. Wünschen Sie einen bestimmten Bereich eines Fotos, schneiden Sie das Foto zuerst nach Ihrem Wunsch zurecht. Die Grösse, die das Headerbild schlussendlich hat, steht in Ihrem Admincenter (1). Durch einen Klick auf ein Foto in der Übersicht, können Sie einzelne Fotos wieder entfernen. 1 V3.0 Seite 29 von 32

30 17 News Sie sehen die aktuell gesetzten News und von wann bis wann diese angezeigt werden. Hinweis: Bearbeiten Sie die News und haben nicht die Originalsprache gesetzt, wird Ihnen angezeigt, welche News in der Originalsprache gesetzt sind. Sind die News in der Originalsprache aktueller, wird Ihnen das gemeldet. Durch einen Klick auf Neue News, können Sie neue News setzen und angeben, von wann bis wann diese angezeigt werden sollen: V3.0 Seite 30 von 32

31 18 Statistik Die Statistik gibt Auskunft darüber, wie viele Besucher pro Tag auf Ihrer Webseite waren. V3.0 Seite 31 von 32

32 19 Weiterführende Infos zur Mehrsprachigkeit In diesem cms gibt es Sprachabhängige, sowie sprachunabhängige Daten. Beispielsweise muss ein Bild in einem Fotoalbum nicht übersetzt werden, da dieses normalerweise in jeder Sprache verstanden wird. Die Beschreibung zu diesem Bild muss jedoch in jeder Sprache anders sein, damit diese der Webseitenbesucher auch in seiner Sprache versteht. Nachfolgende Tabelle Sprachunabhängig sind. gibt Auskunft, welche Inhalte Sprachabhängig und welche Sprachabhängig Sprachunabhängig Sprachstammdaten Zufalls Headerbild Seiteninhalte Auswechselbares Headerbild Seite aktiv/inaktiv gesetzt Seitenstruktur Seitentitel Fotoalbenstruktur Angehängtes Modul an Seite Produktestruktur Kontaktformularfelder Kontaktformular Empfängeradresse Fotoalbumname Rückruf Empfängeradresse Fotoalbumbeschreibung Angeforderter Rückruf Fotobeschreibung eines Fotos im Fotoalbum Foto in Fotogalerie Fotoalbum aktiv/inaktiv gesetzt Foto zu Produkt Produktename Definierte Produktefarbe Produkt aktiv/inaiktiv gesetzt Gastbenutzer Produktebeschreibung Gästebucheinträge Fotobeschreibung eines Fotos zu Produkt An Seite angehängte Fotoalben Produktedatei Produktedateibeschreibung News News Anzeigedauer [von, bis] Keywords und Beschreibung einer Seite Keywords und Beschreibung eines Fotoalbums Keywords und Beschreibung eines Produktes Passwortschutz Fotogalerie Fotoreihenfolge V3.0 Seite 32 von 32