Dokumentation


Um das CMS (Content Management System) und andere Funktionen (z.B. Reservierung von Plätzen) nutzen zu können, ist eine Anmeldung erforderlich. Ein Zugang kann formlos per E-Mail beim Vorstand beantragt werden. Ist der Vorstand einverstanden, richtet der Administrator einen Benutzer mit entsprechender Berechtigung ein und informiert den Antragsteller per E-Mail (Benutzername und Kennwort).

Anmeldung




In der grauen Menüleiste intern und dann Anmelden auswählen:



Benutzer (E-Mail Adresse) und Kennwort eingeben und auf den Schalter Anmelden klicken. Die Eingabedaten werden geprüft. Ist die Anmeldung erfolgreich, wird auf der Startseite unterhalb der Überschrift eine entsprechende Information angezeigt:



Hinter dem Benutzernamen wird in runden Klammern der hinterlegte Namen (im Normalfall Vorname und Nachname) angezeigt, dahinter in eckigen Klammern die Berechtigung. In diesem Beispiel besitzt der Benutzer die Berechtigung um Platzreservierungen durchzuführen und Änderungen auf der Startseite vorzunehmen.

Kennwort vergessen


Die Vielzahl der Internet Portale und Einkaufsplattformen führt dazu, dass sich unzählige Zugangsdaten ansammeln. Nicht jeder nutzt einen Passwort Manager und gerade wenn man den Zugang nur selten benutzt, ist das komplexe Kennwort schnell aus dem Gedächtnis verschwunden. Das ist allerdings kein Problem. Auf der Anmeldeseite befindet sich ganz unten der Schalter Kennwort vergessen. Nack Klick auf den Schalter erscheint folgende Maske:



Benutzer eingeben und auf Kennwort anfordern klicken. Ein neues Kennwort wird generiert und sofort per E-Mail verschickt. Das alte Kennwort ist ab diesem Zeitpunkt nicht mehr gültig.



Sollte die E-Mail nicht im Posteingang zu sehen sein, bitte den Spam-Ordner prüfen. Absender der E-Mail ist die Adresse info@svsteinbach.de.


Beispiel für eine E-Mail

Nach erfolgreicher Anmeldung ändern sich die Menüpunkte im Menü intern abhängig von den gesetzten Berechtigungen:



Dieser Benutzer kann mit der Berechtigung Startseite auf das CMS (Content Management >System) zugreifen und damit die Inhalte der Startseite pflegen.

CMS - Content Management System




Nach Eingabe eines Suchbegriffs und Klick auf Suchen werden alle Einträge nach diesem Begriff durchsucht, der entweder in der Überschrift oder dem Text vorkommt. Alternativ auf Alle Einträge anzeigen klicken, um alle Einträge aufzulisten.



In der letzten Spalte kann ein Eintrag durch Klick auf bearbeitet oder gelöscht werden.

CMS: neuer Eintrag


Nach Klick auf Neuen Eintrag erstellen erscheint eine leere Maske:



Die einzelnen Felder werden weiter unten beschrieben. Das Fomular kennt aktuell zwei Pflichtfelder: Rubrik und Datum. Ohne Auswahl einer Rubrik und der Eingabe bzw. Auswahl eines korrekten Datums kann der neue Eintrag nicht gespeichert werden. Klickt man trotzdem auf Speichern werden die Pflichtfelder mit gelbem Hintergrund angezeigt:



Rubrik

Abhängig von den Berechtigungen ist die Rubrik auszuwählen (Startseite = Bearbeitung der Einträge auf der Startseite, Steeldart = Berechtigung die Seite der Abteilung Steeldart zu pflegen, usw.).

Überschrift

Optional kann eine Überschrift eingeben werden

Text

Das komplexeste Eingabefeld, das ein paar Erläuterungen benötigt. Es handelt sich hier nicht um ein einfaches Eingabefeld, sondern um einen sogenannten WYSIWYG Editor. WYSIWYG ist die englische Abkürzung für What You See Is What You Get, auf deutsch: so wie es hier aussieht, wird es auch angezeigt.

Beispiel:

Zuerst wird der Text ohne jegliche Fomatierungen eingegeben:



Soll der Text jetzt etwas "aufgehübscht" werden, können einzelne Wörter formatiert werden. In diesem Beispiel soll Abteilung Boule blau dargestellt werden, das Wort Wichtig soll fettgedruckt und rot erscheinen und der Abteilungsleiter wird unterstrichen.

Dazu Abteilung Boule mit der Maus markieren und in der Menüleiste über dem Text den kleinen Pfeil nach unten anklicken und die gewünschte Farbe auswählen:



Anschließend das Wort Wichtig markieren, auf B (B steht für Bold = Fettdruck) klicken und wieder die entsprechende Farbe auswählen:



Zuletzt wird der Abteilungsleiter markiert und im Auswahlmenü Paragraph im Menüpunkt Inline der Eintrag Underline (=Unterstreichen) ausgewählt.



Das Ergebnis sollte dann folgendermaßen aussehen:



Der auf dieser Homepage eingesetzte WYSIWYG Editor ist kostenlos und damit leider etwas limitiert. Wer etwas Erfahrung mit HTML besitzt, kann weitere Formatierungen durchführen. Das folgende Beispiel verdeutlicht die Möglichkeiten. Warnung: ohne entsprechende Erfahrung kann das Ergebnis grauenhaft aussehen und die komplette Seite "zerschießen".

Das Wort Sportarena im obigen Beispiel soll mit einer anderen Hintergrundfarbe und einer anderen Schriftart erscheinen. Dazu muss der HTML Code direkt eingegeben werden. Im Formatierungsmenü ganz rechts auf das Symbol "kleiner größer" klicken.



Es wird der Quellcode (Source Code) angezeigt:



Das sieht im ersten Moment sehr erschreckend aus, zumal dieser Editor Umlaute in entsprechende HTML Sonderzeichen umwandelt. In der Vergangenheit gab es immer wieder Probleme mit Sonderzeichen, nicht nur den deutschen Umlauten. Der Umlaut ü entspricht in HTML ü.

Formatierungen werden in sogenannte Tags eingebettet. Die Formatierung beginnt mit <span> und endet mit </span>>. Im span Tag selbst wird über das style Attribut die entsprechende Formatierung vorgenommen.

<span style="color: #3598db;">Abteilung Boule</span>

color setzt die Farbe über einen hexdezimalen Code, der über 16,7 Millionen Farben zulässt. HTML kennt allerdings auch einige Farben im Klartext (z.B. red, blue, yellow). Die Farbformatierung könnte also auch so aussehen: <span style="color: blue;">Abteilung Boule</span>

Um die Hintergrundfarbe zu ändern, benötigt man das Attribut background-color: <span style="background-color: yellow;">Abteilung Boule</span> ändert die Hintergrundfarbe in gelb. Soll jetzt noch die Schriftart geändert werden, kommt das Attribut font-family zum Einsatz. Mehrere Attribute werden mit dem Semikolon getrennt. Die Formatierung könnte also so aussehen: <span style="background-color: yellow; font-family: Courier; ">Abteilung Boule</span>. Das Ergebnis nach Klick auf Save



Diese Beispiele zeigen, dass es HTML Formatierungen sehr komplex werden können. Sollte es besondere Anforderungen geben, bitte VORHER fragen!

Datum

Das zweite Pflichtfeld steuert die Reihenfolge der Anzeige. Gibt es mehrere Einträge für eine Rubrik werden diese basierend auf dem Datum absteigend sortiert ausgegeben. Je weiter das Datum in der Vergangenheit liegt desto weiter unten wird der Eintrag angezeigt. Möchte ich sicherstellen, dass ein Eintrag immer oben erscheint, kann ich auch ein Datum weit in der Zukunft eintragen, z.B. 2099-12-31. Genau so verhält es sich für einen Eintrag, der immer ganz unten angezeigt werden soll. Beispiel: 2000-01-01.

Anzeige von

Damit ist es möglich einen Eintrag zu einem Wunschtermin erscheinen zu lassen. Ich kann den Eintrag vorbereiten und hier ein Datum in der Zukunft eintragen. Ab diesem Tag wird der Eintrag automatisch angezeigt.

Anzeige bis

Wird hier ein Datum eingetragen, wird an diesem Tag der Eintrag letztmalig angezeigt.

aktiv

Unabhängig von den Datumsfeldern ist es erforderlich, dass hier ein Häkchen gesetzt werden muss, um den Eintrag sichtbar zu machen. Ohne Häkchen wird der Eintrag nicht angezeigt, selbst wenn das aktuelle Datum zwischen Anzeige von und Anzeige bis liegt.

Hinweis zu den Datumsfeldern:


Abschließend auf Speichern klicken und das Ergebnis überprüfen.

Upload Dokument


Zum Bereitstellen einer PDF Datei oder zum Anzeigen eines Bildes muss die entsprechende Datei zuerst hochgeladen werden. Dazu existiert im Menü intern der Menüpunkt Upload Dokument (dafür wird eine entsprechende Berechtigung benötigt).



Nach Klick auf Durchsuchen ... kann die gewünschte Datei auf der lokalen Festplatte ausgewählt werden. Bei Bildern ist es sehr wichtig sich mit der Auflösung des Bildes zu beschäftigen. Moderne Digitalkameras und Smartphones speichern Bilder in sehr hoher Auflösung ab. Die Größe eines Bilder muss reduziert werden, bevor dieses sinnvoll auf einer Internet Seite angezeigt werden kann. Steht das Bild nicht in einer geeigneten Auflösung zur Verfügung, kann die Größe automatisch beim Hochladen geändert werden.

Dafür das Häkchen vor Bildbreite setzen und die Anzahl Pixel anpassen. Bei Bildern im Querformat ("Landscape") stellen 700 Pixel einen brauchbaren Wert dar. Das Bild in Originalgröße wird auf der Internet Seite vom SV Steinbach nicht benötigt. Das Häkchen bei "Original nach Upload löschen" sollte daher gesetzt bleiben. Das Bild wird NICHT von der lokalen Festplatte gelöscht!
Jetzt noch auf Upload klicken und das Bild wird hochgeladen und in einem Unterverzeichnis datei abgelegt.

Zum Einbinden des Bildes im CMS im Menü der Texteingabe auf das Bildsymbol klicken und datei/[Bildname] eingeben, z.B. datei/sportarena.jpg.
Zum Überprüfen, ob die Datei wirklich hochgeladen worden ist, auf Zeige Dokumente im Verzeichnis datei klicken. Es werden ALLE verfügbaren Dokumente angezeigt - nicht nur die, die selbst hochgeladen worden sind.