Anleitung zum Umgang mit der Satellite 4 Homepage

Transkript

1 Anleitung zum Umgang mit der Satellite 4 Homepage Hey Freunde, diese Anleitung führt Euch Schritt für Schritt und mit vielen Bildern durch das Content-Management- System Drupal. Sie zeigt Euch, wie Ihr Events und Informationsseiten erstellen könnt und wie Ihr die Events bearbeitet, löscht oder nachträglich mit bei der Veranstaltung gemachten Bildern verseht. Zunächst will ich gern die Begriffe Drupal und Satellite 4 erklären, um ein grundlegendes Verständnis davon zu geben, was Ihr da eigentlich macht. Das Programm, mit dem Ihr arbeitet, heißt Drupal und nebenstehend seht Ihr das Logo. Es ist auf dem Server, ESN mietet, installiert. Ihr braucht also nichts als einen Browser, um die Website zu bearbeiten, und könnt das von Eurem PC, Mac, Smartphone oder Tablet aus tun. Es ist Open-Source Software und ein recht weit verbreitetes System. Satellite 4 ist ein Template, also eine Designvorlage, die das Aussehen der Website vorgibt. Sie ist für Drupal entwickelt. Deswegen kann das Programm die Inhalte über seine grafische Oberfläche anpassen, ohne dass Ihr Quelltext schreiben müsst. Es wird vom IT Committee von ESN International herausgegeben und regelmäßig erneuert. Falls Ihr Fragen bezüglich des Systems habt oder auf Probleme stoßt, die nicht von dieser Anleitung abgedeckt werden, seid Ihr dazu angehalten, mich einfach zu kontaktieren. Ihr erreicht mich am besten unter webmaster@esn-germany.de. Ich wünsch Euch viel Spaß beim Basteln. Lasst Euch nicht von ein paar Details abschrecken. Drupal ist nicht schwierig zu bedienen. Gruß und Kuss 1

2 1 LOGIN Nach dieser kurzen Einleitung gehts auch schon los mit den interessanten Angelegenheiten ;) Um den Inhalt der Website bearbeiten zu können, müsst Ihr Euch zunächst einloggen. Für den Zugang zum Anmeldeportal könnt Ihr auf das kleine Symbol in der Fußleiste klicken. Wenn Ihr bereits einen ESN Galaxy Account habt, könnt Ihr Euch damit einloggen. Klickt einfach auf Log in. Dann seid Ihr als Editor, also als Bearbeiter der Website eingetragen und könnt alle grundlegenden Operationen wie Inhalt erstellen, verändern oder löschen ausführen. Euer lokales Teammitglied, das bei Galaxy als Webmaster eingetragen ist, bekommt automatisch Administratorenrechte, mit denen er die Seite quasi nach Belieben umgestalten kann. Falls Ihr Schwierigkeiten mit dem Galaxy-Login habt oder andere Bearbeitungsmöglichkeiten wollt, schreibt mir bitte. Dann kann ich die Probleme beheben oder Euch einen separaten Account erstellen. Um Euch mit einem solchen Account anzumelden, klickt auf Login without Galaxy. Ein Standardaccount für den Login ohne Galaxy ist in einer an Euch gesendet worden. 2

3 2 Die Umgebung von Drupal Nach dem Login seht Ihr erneut die Frontpage der Website, diesmal jedoch mit einem schwarzen Balken im oberen Bereich. Dieser Balken ist das Menü von Drupal und enthält die Optionen, die Ihr als Nutzer habt. Wenn Ihr mit der Maus über dem Button Add Content schwebt, öffnet sich ein Dropdown-Menü mit den Optionen Event, News, Page und Partner. Klickt Ihr auf das Home-Symbol, kommt Ihr zurück zur Frontpage. Unter Helpcenter findet Ihr Links zur offiziellen Drupal-Community, die Euch Tipps zu Problemlösungen gibt. Die Option Event ist für Veranstaltungen gedacht. Was Ihr hier erstellt, wird automatisch in die Events- Abteilung auf der Frontpage aufgenommen. Außerdem wird es im Kalender eingetragen. Wie Ihr ein Event erstellt, erkläre ich im nächsten Kapitel. Die Option News ist für aktuelle Ankündigungen. Was Ihr als News erstellt, wird im Navigationsreiter News angezeigt. Es besteht auch die Möglichkeit, die News ähnlich wie Events auf der Frontpage anzeigen zu lassen. Die Option Page ist für Seiten gedacht, die über längere Zeit gleich bleiben. Ein Beispiel findet Ihr auf der Seite von Braunschweig unter dem Reiter "What is ESN?". Die Option Partner bietet die Möglichkeit einen Partner, der uns zum Beispiel sponsert, zu bearbeiten. Hier können wir unsere Werbemöglichkeiten nutzen und den Partnern Werbefläche einräumen. Außerdem können wir befreundete Initiativen hier verlinken. Zusätzlich zu den vier Standard-Inhaltstypen gibt es noch viele weitere, um die Eure Website ergänzt werden kann. Einer davon ist das Webform. Weil viele ihn nutzen, nehme ich ihn in diese Anleitung auf. Webforms sind Online-Formulare, die sich in die Website einbetten lassen. Sie werden im Laufe dieser Anleitung erklärt. Es kann passieren, dass Euch die Option Webform unter Add Content nicht angezeigt wird, obwohl Euer Webmaster oder ich die Funktion installiert haben. Das liegt vermutlich an einer fehlerhaften Rechtekonfiguration für Euren Account und kann leicht behoben werden. Schreibt bitte einfach eine Mail mit dem entsprechenden Problem. 3

4 3 Inhalte erstellen Dieses Kapitel erklärt, wie man Events, Pages und Webforms erstellt. Der Prozess ist für Events und Pages sehr ähnlich. Deswegen werden die Details für die Eventerstellung erklärt und die Zusatzinfos für Pages in 3.2 ergänzt. Die Anleitung für Webforms findet Ihr unter Events erstellen Um nun ein Event zu erstellen, klickt Ihr auf die Option "Add Content > Event". Das bringt Euch zu einer Seite, die folgendermaßen aussieht: Hier tragt Ihr unter Title den Namen der Veranstaltung ein. Alle Felder mit einem roten Stern müssen ausgefüllt werden. So auch das Datum. Scrollt Ihr weiter runter, kommt Ihr zu den Feldern Summary und Body. Summary ist für eine Kurzzusammenfassung. Die taucht anschließend in der Übersicht im Navigationsreiter Events auf. Body ist die genaue Beschreibung auf der Seite des Events. Die erreicht man, indem man auf der Frontpage oder im Navigationsreiter auf das Event klickt. Hier sollten alle relevanten Informationen stehen wie der Treffpunkt, die Anmeldeinformationen und eine Beschreibung der Tätigkeiten. Gegebenenfalls auch, was die Studenten mitbringen müssen. Ihr habt hier die Möglichkeit, den Text mit einem Texteditor, wie Ihr ihn z.b. aus Word kennt, zu bearbeiten. 4

5 Anschließend solltet Ihr ein Veranstaltungsbild auswählen. Unter Image klickt Ihr auf Durchsuchen und könnt ein Bild der Dateitypen png, gif, jpg oder jpeg hochladen. Sobald Ihr das Bild ausgewählt habt, klickt auf Upload, damit es auf den Server geladen wird. Das Bild wird an drei Orten erscheinen. Zum einen auf der Frontpage als kleines Bild neben dem Eventnamen, dann etwas größer in der Eventübersicht und natürlich auf der Eventseite. Wenn Ihr zu große Dateien nehmt, wird die Seite langsamer. Achtet also gegebenenfalls darauf, dass Ihr die Bilder verkleinert. Das geht z.b. mit Paint von Microsoft. Gute Größen sind zwischen 500 kb und 3 MB. Jetzt kommt Ihr zu einem blauen Menü, das eine Menge Möglichkeiten für einzelne und wichtige Details gibt. Unter Details könnt Ihr den Preis und einige selbsterklärende Optionen einstellen. Images bietet die Möglichkeit, mehrere Bilder hochzuladen, die am Fuß der Eventbeschreibung angezeigt werden. Das eignet sich, um die Fotos, die während der Veranstaltung gemacht wurden, später hochzuladen oder die Veranstaltungsbeschreibung anschaulicher zu machen. Contact ist für Informationen bezüglich des Ansprechpartners, Veranstaltungsorts und Treffpunkts. Diese Infos könnt Ihr natürlich auch in die Eventbeschreibung schreiben, aber hier werden sie übersichtlich in den Veranstaltungsdetails dargestellt. Im Punkt Other habt Ihr unter anderem noch die Möglichkeit, pdf-dateien oder ähnliches hochzuladen. Das Feld Date/Time ignoriert bitte einfach. Es stammt noch aus einer alten Version des Templates. Alle anderen Einstellungen könnt Ihr ignorieren. Zum Schluss ist ganz wichtig, dass Ihr auf den Save-Button klickt, sonst wird nichts gespeichert. Der ist ganz am Ende der Seite zu finden. Wenn Ihr alle Pflichtfelder richtig ausgefüllt habt, wird nun eine Bestätigung angezeigt, dass das Event erstellt wurde. Wenn noch Fehler vorliegen, folgt einfach den Anweisungen, die das System gibt. Nach dem Erstellen des Events kann es eine Weile dauern, bis es Euch angezeigt wird, weil die Seite in Eurem Cache (das ist ein Kurzzeitspeicher, der sich nach kurzer Zeit von selbst löscht) gespeichert wird und nicht jedes Mal neu 5

6 lädt. Wollt Ihr Euer Werk sofort sehen, aktualisiert die Seite in Eurem Browser und leert Cache, falls das nicht hilft. 3.2 Pages erstellen Bei erstellten Pages ist es oft interessant, sie direkt ins Navigationsmenu aufzunehmen, damit Websitebesucher direkt auf sie aufmerksam werden. Das geht, indem Ihr am Ende der graphischen Oberfläche zur Erstellung einer Page unter dem Punkt Menu settings die Option Provide a menu link mit einem Häkchen verseht. Soll die Page nicht direkt in der Navigationsleiste stehen sondern ein Unterpunkt einer anderen Seite sein, habt Ihr weiter unten noch die Möglichkeit einen bereits vorhandenen Menupunkt als Parent item auszuwählen. Die neu erstellte Seite wird dann als Unterpunkt in einem Dropdownmenu unter ihrem parent item angezeigt. 3.3 Spotlight Wenn Ihr wollt, dass Euer Event in dem großen Banner auf der Startseite erscheint, müsst Ihr zum einen ein Spotlight Image hochladen. Das funktioniert genau wie beim Veranstaltungsbild. Haltet Euch am besten an die Angaben beim entsprechenden Feld, damit das Bild nachher gut aussieht. Die Option Crop gibt zusätzlich die Möglichkeit, den angezeigten Ausschnitt auszuwählen. Anschließend wählt Ihr ganz am Ende der Seite noch unter Publishing Options die Option Promoted to front page. 3.4 Webforms Die Erstellung von Webforms funktioniert ganz analog zu der von Pages und Events. Zunächst könnt Ihr lediglich den Titel eingeben und dann auf Save drücken. Ihr habt nun ein leeres Webform erstellt und kommt direkt zur nächsten Seite, auf der Ihr sie mit Inhalt füllen könnt. Dort könnt Ihr die einzelnen Eingabemöglichkeiten in der Reihenfolge wie hier im Bild dargestellt bearbeiten. Zunächst gebt Ihr bei Label die Beschriftung des Feldes ein. Unter Type könnt Ihr die Art des Feldes einstellen. Textfield ist 6

7 eine einfache Textzeile. prüft, ob das Eingegebene einer adresse entspricht und Textarea erzeugt ein größeres Feld für Text. Probiert die Optionen einfach aus ;) 7

8 4 Inhalt nachträglich bearbeiten oder löschen Ihr habt ein Event (oder eine Page oder ein Webform) erstellt und wollt im Nachhinein Angaben ändern oder Bilder hinzufügen? Dazu müsst Ihr eingeloggt sein und auf die Eventseite (bzw. Pageseite) gehen. Da kommt Ihr hin, indem Ihr das Event auf der Frontpage anklickt oder unter dem Navigationsreiter Events das Event sucht und da anklickt. Nun seht Ihr die Seite des Events, mit dem Unterschied allerdings, dass die Buttons View und Edit sichtbar sind. Die Bearbeitungsoptionen befinden sich unter Edit. Der Button führt Euch zurück zum Editor, den Ihr von der Erstellung schon kennt. Hier könnt Ihr jetzt alles bearbeiten, was Ihr zuvor bei der Erstellung geschrieben oder hochgeladen habt. Eine Zusammenfassung der Änderungen wird Euch gezeigt, wenn Ihr auf den Button View Changes am Seitenende klickt. Neben dem Anpassen aller vorhandenen Daten habt Ihr zusätzlich die Möglichkeit, das gesamte Event zu löschen. Den entsprechenden Button findet Ihr am Ende der Website neben dem Save Button. Seid vorsichtig! Einmal gelöschte Events können nicht wiederhergestellt werden und müssen komplett neu gemacht werden. 8