1. Aufrufen des Content Management Systems (CMS) Das CMS WebSiteBaker 2.5.2 ist ein kostenloses auf PHP basierendes Inhaltsverwaltungssystem, mit dem es möglich ist Inhalte von Webseiten schnell und einfach zu bearbeiten. Um Seiten bearbeiten zu können, müssen Sie sich am System anmelden. Rufen Sie dazu das Installationsverzeichnis Ihrer WebSiteBaker Installation gefolgt von /admin auf. Bsp: www.meineseite.de/wb/admin oder www.meineseite.de/admin Je nach dem, unter welcher Adresse Ihre WebSiteBaker Installation erreichbar ist. Geben Sie dann Ihren Benutzernamen und Ihr Passwort in die dafür vorgesehenen Eingabefelder ein, und klicken Sie auf LOGIN. Hinweis: Sie können WebSiteBaker prinzipiell mit jedem Browser verwenden, allerdings ist die volle Funktionalität bisher nur mit dem Internet Explorer gewährleistet. Abb.1. - Das Loginfenster des CMS WebSiteBaker 2.5.2. Hat alles geklappt, werden Sie zur Startseite des CMS weitergeleitet.
1.1. Funktionen des CMS Nach dem einloggen ins System sehen Sie folgendes Bild vor sich: Abb.2. - Die Startseite des CMS Abb.2. zeigt die Startseite von WebSiteBaker. Wie Sie sehen gibt es zwei Navigationsbereiche. Der erste befindet sich oben und ist als Leiste angeordnet. Der zweite ist darunter zu sehen und zeigt Symbole und Beschreibungen zu den jeweiligen Funktionen. Hier eine kurze Übersicht über die gebotenen Funktionalitäten: Funktion Start Seiten Beschreibung Ruft die Startseite des CMS auf. (s. Abb.2.) Erlaubt den Zugriff auf Tools, um die hinterlegten Inhalte auf den Webseiten zu bearbeiten, oder neue Seiten anzulegen. Medien Bietet ein Uploadinterface, mit dessen Hilfe Sie Dateien hochladen können, die Sie in die Webseiten einbinden möchten. Erweiterungen Erlaubt das Installieren und Deinstallieren von Erweiterungsmodulen, Sprachdateien sowie Designvorlagen. Meine Einstellungen Hier können Sie Ihre persönlichen Benutzereinstellungen verwalten.
Optionen Erlaubt das Einstellen von Grundlegenden Optionen für die Webseite. Benutzerverwaltung Hier können Sie Benutzer und Gruppen anlegen, löschen und deren Rechte verwalten. Hilfe Verlinkt auf die Hilfeseiten des WebSiteBaker Projekts. Ansicht Öffnet Ihre Webseite in einem neuen Browserfenster, und zeigt, wie sich Ihre Änderungen ausgewirkt haben. Hiermit melden Sie sich vom System ab. Logout 1.2. Die Seitenverwaltung Sie können die Seitenverwaltung verwenden, um neue Seiten anzulegen, oder bestehende zu bearbeiten. Dafür werden Ihnen mehrere komfortable Werkzeuge zur Verfügung gestellt. Sie rufen die Seitenverwaltung auf, indem Sie auf der Startseite den Menüpunkt Seiten auswählen. Abb.3.1. - Die Seitenverwaltung (oberer Teil).
Abb.3.2. - Die Seitenverwaltung (unterer Teil). Wie Sie sehen, gibt es zwei Bereiche, in die die Seitenverwaltung unterteilt ist: 1. Seite ändern/seite löschen 2. Seite hinzufügen 1.2.1. Seiten hinzufügen Sie können Ihrem Internetauftritt eine Seite hinzufügen, indem Sie in der Seitenverwaltung bei Seiten hinzufügen die nötigen Felder ausfüllen und auf Hinzufügen klicken. Abb.5. - Der Bereich Seite hinzufügen. Die Felder, die Sie hier sehen haben folgende Bedeutung: Feld Titel Beschreibung Geben Sie hier den Titel der Seite an. Er wird so im CMS und auf der
Art Webseite im Browserfenster sowie in der Navigation angezeigt. Legen Sie hier die Art der Seite fest. Es gibt 9 verschiedene Arten. 1. WYSIWYG Standardeinstellung. Erstellt eine Seite, die hauptsächlich Textinhalte und Bilder beinhalten soll. Ermöglich außerdem das Bearbeiten der Inhalte in einem Word-ähnlichen Editor. 2. Code Erlaubt es reinen PHP Code einzugeben. 3. Form Erlaubt es ein Formular zu erstellen, z.b. ein Kontaktformular. 4. Menu Link Erstellt keine Seite, sondern nur einen Link im Navigationsbereich der Webseite, der auf eine externe oder interne Quelle verweisen kann. 5. News Hiermit können Sie eine Seite zur Nachrichtenartikelverwaltung anlegen. 6. Wrapper Fügt einen Navigationsbutton ein, der im Contentbereich eine ausgewählte Seite anzeigt. 7. Image Gallery Hiermit erstellen Sie eine Bildergalerie. 8. Guestbook Erstellt ein Gästebuch. 9. Sitemap Erstellt eine Auflistung aller auf Ihrer Webseite vorhandenen Seiten zur schnelleren Orientierung für Ihren Besucher. Übergeordnete Datei Sichtbarkeit Legen Sie hier fest, ob die Seite, die Sie anlegen einer anderen, bereits vorhandenen Seite untergeordnet ist. Stellen Sie hier ein, ob die Seite 1. 2. 3. 4. 5. Öffentlich Für jeden sichtbar Privat Nur für Sie sichtbar registriert Nur für registrierte Benutzer sichtbar Verborgen nur in der Seitenverwaltung sichtbar Keine nirgendwo sichtbar, sondern nur auf dem Server vorhanden sein soll. Administratoren Legen Sie fest, wer die von Ihnen angelegte Seite bearbeiten darf. Hinzufügen Klicken Sie auf diesen Button, um eine neue Seite mit den angegebenen Einstellungen hinzuzufügen. Zurücksetzen Klicken Sie hier, um Ihre Eingaben rückgängig zu machen. Haben Sie alle Angaben gemacht und auf Hinzufügen geklickt, sehen Sie folgende Eingabemaske, falls Sie als Art der Seite WYSIWYG ausgewählt haben:
Abb.6. - Eine neue Seite vom Typ WYSIWYG. Wie Sie sehen können, haben Sie nun einen Word-ähnlichen Texteditor vor sich, mit dem Sie die Inhalte auf der eben angelegten Seite bearbeiten können. Rechts von der Überschrift Seite ändern befinden sich zwei Links Einstellungen ändern und Abschnitte verwalten. Dazu später mehr. Unter der Überschrift Seite ändern finden Sie das Editorfenster: Abb.7. - Das WYSIWYG-Editorfenster. Nun eine kurze Erklärung der einzelnen Funktionen dieses Editors. Button Beschreibung Schriftart Schriftgröße Absatzart Fett Kursiv
Unterstrichen Durchgestrichen Tiefgestellt Hochgestellt Kopieren Ausschneiden Einfügen Aktion rückgängig Aktion wiederholen Linksbündig Zentriert Rechtsbündig Blocksatz v. l. n. r. schreiben v. r. n. l. schreiben Nummerierung Aufzählungszeichen Einzug verkleinern Einzug vergößern Schriftfarbe Hintergrundfarbe Horizontale Linie einfügen Link einfügen Bild einfügen Tabelle einfügen Wechseln zwischen HTML-Code und Editoransicht Editorfenster vergrößern Hilfe Informationen zum Editor Tabelleneigenschaften Zeileneigenschaften Zeile oberhalb einfügen Zeile unterhalb einfügen Zeile löschen Zeilen teilen Spalte vorher einfügen Spalte nachher einfügen Spalte löschen Spalten teilen Zelleneingenschaften Zelle vorher einfügen Zelle nachher einfügen Zelle löschen
Spalten zusammenziehen Spalten teilen Haben Sie alle Änderungen an der Seite vorgenommen, klicken Sie auf Speichern. Möchten Sie die Änderungen nicht übernehmen, klicken Sie auf Abbrechen. 1.2.2. Seiten bearbeiten Um bereits vorhandene Seiten zu bearbeiten, klicken Sie auf den Titel der gewünschten Seite. Das Verfahren um die gewählte Seite zu bearbeiten ist das selbe, wie für neu angelegte Seiten. Als Administrator, bzw. als Benutzer mit entsprechenden Rechten, können Sie außerdem Seiten löschen, deren Eigenschaften bearbeiten, die öffentliche Sichtbarkeit ein- und ausschalten, die Seiten betrachten, sowie die Reihenfolge der Seiten ändern. Dafür sind folgende Buttons rechts neben jeder Seite verfügbar: Button Beschreibung Zeigt an, ob die Seite öffentlich sichtbar ist, oder nicht. Eigenschaften bearbeiten Seite hoch-/runtersetzen Seite löschen Seite ansehen 1.2.3. Besondere Seiten (Modulseiten) Modulseiten sind Seiten, die mit Hilfe von zusätzlich installierten Modulen erstellt wurden. Eigentlich ist zwar auch eine Seite vom Typ WYSIWYG ebenfalls eine Modulseite, aber wir wollen diesen Typ als Standard behandeln, und alle anderen Seitentypen als Modulseiten. Modulseiten sind also Seiten vom Typ Code, Form, Menu Link, News, Wrapper, Image Gallery, Guestbook und Sitemap. Dabei sind die Module Image Gallery, Guestbook sowie Sitemap nicht in der Standardinstallation von WebSiteBaker enthalten, müssen also separat nachträglich installiert werden. Diese Module bieten jedoch so häufig verwendete Funktionen, dass sie in dieser Dokumentation angesprochen werden.
1.2.3.1. Das Modul Code Mit Hilfe dieses Moduls haben Sie die Möglichkeit, direkt PHP Befehle einzugeben. Diese werden dann vom CMS interpretiert und ausgeführt. Hinweis: Die Syntax entnehmen Sie bitte einer PHP-Dokumentation. Z.B.: http://php3.de/manual/de/ Lesen Sie dazu auch die in der Online-Hilfe von WebSiteBaker enthaltenen Abschnitte. Abb.8. - Das Modul Code. 1.2.3.2. Das Modul Form Das Modul Form bietet Ihnen die Möglichkeit, Formulare zu erstellen. Um eine Seite des Typs Form zu erstellen, wählen Sie beim erstellen einer neuen Seite Form als Art der zu erstellenden Seite aus. Haben Sie dies getan, sehen Sie folgendes Bild vor sich:
Abb.9. - Das Modul Form. Wie Sie sehen, ist die Seite in drei Bereiche unterteilt, und bietet zwei Buttons: Bereiche: 1. Seite ändern 2. Ändern/Entfernen Feld 3. Eintragungen 1. Hinzufügen Feld 2. Optionen Bereich Seite ändern Beschreibung Unter dieser Überschrift finden Sie alle Optionen, um eine Seite des Typs Form zu bearbeiten. Ändern/Entfernen Unter dieser Überschrift finden Sie Optionen, um bereits vorhandene Feld Formularfelder zu ändern oder zu löschen. Eintragungen Unter dieser Überschrift finden Sie eine Auflistung aller Eintragungen, die über das jeweilige Formular vorgenommen wurden. Sie können diese Eintragungen ansehen und/oder löschen. Button Beschreibung Hinzufügen Feld Klicken Sie auf diesen Button, um dem Formular ein neues Feld hinzuzufügen. Optionen Klicken Sie auf diesen Button, um allgemeine Optionen des Formulars einstellen. 1.2.3.2.1. Ein neues Formularfeld hinzufügen Um ein neues Formularfeld hinzuzufügen, klicken Sie auf Hinzufügen Feld. Es öffnet sich folgende Seite:
Abb.10. - Ein neues Formularfeld hinzufügen. Sie sehen hier zwei Eingabefelder und zwei Buttons. Sie haben folgende Bedeutung: Objekt Titel Art Beschreibung Geben Sie den Titel des Feldes an. Dieser Titel wird auf der Webseite links vom Feld angezeigt. Wählen Sie hier die Art des Feldes aus. Sie haben insgesamt 7 Möglichkeiten zur Auswahl: 1. 2. 3. 4. 5. 6. 7. Speichern Feld Schließen Überschrift Kurz Text(Textfield) Lang Text(Textarea) Auswahlliste Kontrollkästchen Optionsfeld Email Adresse Klicken Sie hier, um ein Feld der gewünschten Art anzulegen. Klicken Sie hier, um jegliche Änderungen zu verwerfen. Es folgt eine Erklärung zu den verschiedenen Arten von Feldern, sowie Instruktionen, wie mit diesen zu verfahren ist. Überschrift Ein Feld dieser Art bietet dem Benutzer Ihrer Webseite keine Eingabemöglichkeiten, sondern gibt nur den bei Titel eingegebenen Text als Überschrift aus. Diese Option sollte dann gewählt werden, wenn Sie Ihrem Formular eine Überschrift geben wollen.
Abb.11. - Ein Feld der Art Überschrift. Sie sehen hier (Abb.11) die Eingabemaske für ein Feld der Art Überschrift nach dem klicken auf Speichern Feld in der Maske aus Abb.10. Sie können hier nochmals den Titel, die Art des Feldes, sowie die Dokumentenvorlage bearbeiten. Hinweis: Ändern Sie die Dokumentenvorlage nicht, solange Sie sich nicht völlig sicher sind, was Sie tun. Nach einem weiteren Klick auf Speichern Feld wird das Feld der Art Überschrift angelegt. Kurz Text (Textfield) Ein Feld dieser Art ermöglicht es dem Benutzer Ihrer Webseite Informationen einzugeben, wie z.b. Vorname, Nachname oder Adresse. Abb.12. - Ein Feld der Art Kurz Text (Textfield). Sie sehen hier (Abb.12) die Eingabemaske für ein Feld der Art Kurz Text (Textfield) nach dem klicken auf Speichern Feld in der Maske aus Abb.10. Sie können hier nochmals den Titel und die Art des Feldes bearbeiten. Außerdem können Sie angeben, wie viele Zeichen der Benutzer Ihrer Webseite maximal in das Feld eintragen darf. Sie können zusätzlich einen Standarttext angeben, der beim Aufrufen des Formulars bereits im Feld erscheinen soll, sowie festlegen, ob das Feld ein Pflichtfeld ist, oder nicht (Erforderlich: Ja/Nein). Haben Sie Ihre Einstellungen vorgenommen, bestätigen Sie nochmals mit einem Klick auf Speichern Feld, damit ein Feld der Art Kurz Text (Textfield) in Ihrem Formular angelegt wird. Lang Text (Textarea) Ein Feld dieser Art bietet dem Benutzer Ihrer Webseite die Möglichkeit längere Nachrichten zu verfassen und mit dem Formular an Sie zu versenden.
Abb.13. - Ein Feld der Art Lang Text (Textarea). Sie sehen hier (Abb.13) die Eingabemaske für ein Feld der Art Lang Text (Textarea) nach dem klicken auf Speichern Feld in der Maske aus Abb.10. Sie können hier nochmals den Titel und die Art des Feldes bearbeiten. Außerdem können Sie einen Standardtext angeben, sowie festlegen, ob dieses Feld ein Pflichtfeld ist, oder nicht (Erforderlich: Ja/Nein). Auswahlliste Ein Feld dieser Art gibt dem Benutzer Ihrer Webseite die Möglichkeit aus einer Liste von Optionen eine auszuwählen. Abb.14. Ein Feld der Art Auswahlliste. Sie sehen hier (Abb.14) die Eingabemaske für ein Feld der Art Auswahlliste nach dem klicken auf Speichern Feld in der Maske aus Abb.10. Sie können hier nochmals den Titel und die Art des Feldes bearbeiten. Sie können hier zusätzlich bei List eine beliebige Anzahl an Auswahloptionen eintragen, indem Sie diese in die Felder neben Eintrag n (n steht für die Nummer des Eintrags) eingeben. Sollten Sie mehr als drei Auswahloptionen benötigen, geben Sie zuerst die ersten drei ein, klicken Sie auf Speichern Feld, und geben Sie in der neuen Maske die weiteren Optionen ein. Sie können außerdem bei Größe die Größe der Auswahlliste in Pixeln festlegen. Falls Sie bei Mehrfachauswahl Ja ankreuzen, kann der Benutzer mehrere Optionen aus der Auswahlliste wählen, ansonsten ist nur das Auswählen einer einzelnen Option möglich.
Mit Erforderlich (Ja/Nein) legen Sie auch hier fest, ob das Feld ein Pflichtfeld ist, oder nicht. Kontrollkästchen Ein Feld dieser Art gibt dem Benutzer Ihrer Webseite die Möglichkeit ein Kreuz neben eine Option zu setzen, und diese somit als gewählt zu markieren. Ein solches Feld ist z.b. dann nützlich, wenn Sie den Benutzer ankreuzen lassen wollen, ob er Ihre AGB gelesen hat, oder nicht. Abb.15. Ein Feld der Art Kontrollkästchen. Sie sehen hier (Abb.15) die Eingabemaske für ein Feld der Art Kontrollkästchen nach dem klicken auf Speichern Feld in der Maske aus Abb.10. Sie können hier nochmals den Titel und die Art des Feldes bearbeiten. Weiter können Sie bei List eintragen, welche Optionen dem Benutzer zum ankreuzen zur Verfügung stehen sollen. Bei Separator können Sie eintragen, wie die Optionen voneinander getrennt werden sollen. Wie gewohnt können Sie auch dieses Feld zu einem Pflichtfeld machen, indem Sie bei Erforderlich Ja oder Nein auswählen. Optionsfeld Ein Feld dieser Art ermöglicht es dem Benutzer Ihrer Webseite eine von mehreren Optionen auszuwählen. Der Unterschied zu einem Feld der Art Kontrollkästchen besteht darin, dass bei Kontrollkästchen mehrere Optionen zugleich ausgewählt sein können, während es bei Optionsfeld nur eine sein kann. Abb.16. Ein Feld der Art Optionsfeld.
Sie sehen hier (Abb.16) die Eingabemaske für ein Feld der Art Optionsfeld nach dem klicken auf Speichern Feld in der Maske aus Abb.10. Sie können hier nochmals den Titel und die Art des Feldes bearbeiten. Weiter können Sie bei List eintragen, welche Optionen dem Benutzer zum ankreuzen zur Verfügung stehen sollen. Bei Separator können Sie eintragen, wie die Optionen voneinander getrennt werden sollen. Wie gewohnt können Sie auch dieses Feld zu einem Pflichtfeld machen, indem Sie bei Erforderlich Ja oder Nein auswählen. Email Adresse Ein Feld dieser Art bietet dem Benutzer Ihrer Webseite die Möglichkeit seine eigene E-Mail-Adresse einzutragen. Abb.17. Ein Feld der Art Email Adresse. Sie sehen hier (Abb.17) die Eingabemaske für ein Feld der Art Email Adresse nach dem klicken auf Speichern Feld in der Maske aus Abb.10. Sie können hier nochmals den Titel und die Art des Feldes bearbeiten. Wie gewohnt können Sie auch dieses Feld zu einem Pflichtfeld machen, indem Sie bei Erforderlich Ja oder Nein auswählen. 1.2.3.2.2 Optionen festlegen Sie können mit dem Button Optionen aus Abb.9 allgemeine Optionen für das Formular auswählen.
Abb.18. Einstellen der allgemeinen Optionen für das Formular. Sie sehen hier die Einträge Kopfzeile, Feld Schleife, Fußzeile, Email an, Email von, Email Betreff, Erfolgreich Nachricht, Max. Eintragungen pro Stunde, in der Datenbank gespeicherte Eintragungen, Speichern Optionen und Abbrechen. Nachfolgend eine kurze Erklärung zu den einzelnen Optionen: Option/Button Kopfzeile Feld Schleife Fußzeile Email an Email von Email Betreff Erfolgreich Beschreibung Geben Sie hier ein, was als Kopfzeile des Formulars erscheinen soll. Geben Sie hier ein, wie die Felder des Formulars angezeigt werden sollen. Geben Sie hier die Fußzeile für das Formular an. Tragen Sie hier die E-Mail-Adresse ein, an die das Formular übermittelt werden soll. Tragen Sie hier ein, wie der Absender des Formulars heißen soll. Sie haben dazu zwei Möglichkeiten. Benutzerdefiniert oder Feld. Wählen Sie Benutzerdefiniert, und tragen Sie einen Absender ein, oder wählen Sie Feld und tragen Sie den Namen eines vorher angelegten Feldes ein, damit die E-Mail als Absender den Inhalt des Feldes erhält. Tragen Sie hier den Betreff der E-Mail ein, die bei der bei Email an angegebenen Adresse ankommen soll. Hier können Sie die Nachricht eingeben, die dem Benutzer angezeigt werden
Nachricht Max. Eintragungen pro Stunde in der Datenbank gespeicherte Eintragungen Speichern Optionen Abbrechen soll, wenn das Formular erfolgreich verschickt wurde. Geben Sie hier ein, wie viele Benutzer sich maximal in der Stunde eintragen dürfen. Geben Sie hier an, wie viele Einträge maximal in der Datenbank gespeichert bleiben sollen. Klicken Sie auf diesen Button, um die Änderungen an den Formularoptionen zu speichern. Klicken Sie auf diesen Button, um Ihre Änderungen rückgängig zu machen.