INHALTSVERZEICHNIS

Grundsätze

Alles an einem Ort

Wenn Sie in der Verwaltung oder im internen Bereich eingeloggt sind, wechseln Sie oben links auf den Bereich «Webseite». Nun wird Ihnen Ihre Webseite im aktuellen Zustand angezeigt, und darüber das Bearbeitungsmenü «CMS».

Über dieses Menü können Sie die gesamte Webseite administrieren. Daneben finden Sie die Menüs für Artikel, Kalender und Galerie. Dort können Sie Newsmeldungen, Termine und Fotos erfassen, die Sie dann in der Webseite einbinden können.

Trennung von Design und Inhalt

Sie können Inhalte unabhängig vom Design der Website erstellen. Es ist problemlos möglich, zuerst Seiteninhalte zu erfassen, und das Design der Webseite (Farben, Hintergrund, Schriftarten) nachträglich anzupassen. Für die Design-Anpassungen finden Sie im CMS-Menü daher einen separaten Punkt «Design», wo Sie eine neue Theme-Konfiguration erstellen und anschliessend aktivieren können. Sie können beliebig viele Konfigurationen erstellen und in der Vorschau ansehen. Erst wenn Sie es aktivieren, ist es für die normalen Benutzer sichtbar.

Trennung von Navigationsstruktur und Inhalt

Sie können die Menüstruktur jederzeit umbauen, ohne Seiteninhalte neu erstellen zum müssen. Die Navigationsstruktur können Sie bearbeiten, indem Sie im Bereich „Navigation & Seiten“ in der Seitenspalte auf das Menü-Symbol neben „Hauptnavigation“ klicken. Auf der Hauptnavigation-Bearbeitungsseite können Sie neue Menüpunkte erstellen sowie bestehende neu ordnen, indem Sie sie auf den linken Seite mit der Maus packen und an eine andere Stelle schieben.

Responsive Design: Automatische Anpassung auf Bildschirmgrössen

Die Website ist von Grund auf «responsive», d.h. alle Seiten werden automatisch an die verschiedenen Bildschirmgrössen von Smartphone bis HD-Bildschirm angepasst. Dies bedeutet, dass die Spaltenbreiten des Seiteninhalts variabel sind. Dies gilt es zu Bedenken, wenn Sie Seiteninhalte erstellen.

Webseiten-Einstellungen

Allgemein

Mit Klick auf CMS und Einstellungen gelangen Sie zu den allgemeinen Webseiten-Einstellungen.

Hier können Sie u.a. Ihr Standard-Vereinslogo oder eine Seitenbeschreibung eingeben. Zudem können Sie ein Favicon hinterlegen. Für Favicons empfehlen wir eine Auflösung von 16x16 oder 32x32px.

Google Analytics und der Tracking-Code

Google-Analytics4 (GA4) Konto erstellen und einrichten

Um für Ihre Webdomain Statistiken zu sammeln, können Sie in den Webseiten Einstellungen von Fairgate Google-Analytics mit der zugehörigen ID einbinden.

Die Anleitung zum Erstellen des Google-Analytics-Kontos und Generieren der Tracking-ID finden Sie auf der Webseite: Anleitung bei Google-Analytics

Ab Juli 2023 wird Google die GA3 Konten abschalten und soweit sperren, dass man nur noch lesend darauf zugreifen kann. Da von Google keine Übernahme Ihrer Daten zu GA4 angeboten wird, muss hier eine neue Google-Analytics 4 ID erstellt und in Fairgate eingebunden werden.

Tracking-Code im CMS eintragen

Gehen Sie in die CMS-Einstellungen.

Kopieren Sie den Tracking-Code (oder Message-ID beginnt mit "G-") in das entsprechende Feld ein. Für die neue neue Tracker-ID von Google Analytics4 steht Ihnen das untere Feld "Google Analytics4 Tracker-ID" zur Verfügung.

Achtung!
Es kann immer nur eine Tracker ID aktiv sein: entweder GA3 oder GA4.

Speichern Sie die Änderung.

Anschliessend können Sie die Statistiken über Ihren Google-Analytics-Account checken. Es kann allerdings ein paar Tage dauern, bis eine erste brauchbare Auswertung entsteht.

Benutzerrechte

Für das Webseitenmodul können Sie Berechtigungen für alle Bereiche oder für gezielte Seiten vergeben.

Wenn Sie einen Kontakt als CMS-Administrator hinzufügen, kann dieser alle Funktionen des Moduls lesend und schreibend benutzen (1).

Sie haben engagierte (Vorstands)Mitglieder oder Trainer? Dann können Sie auch Bearbeitungsrechte gezielt für einzelne Seiten vergeben. So können Sie die administrativen Arbeiten auf viele Schultern verteilen (2)

Webseiten-Struktur

Mit der Webseiten Struktur entscheiden Sie, welche Menüpunkte und Seiten es auf Ihrer Webseite geben soll, um passende Informationen schnell zugänglich zu machen. Die Struktur kann jederzeit geändert werden.

Hauptnavigation

Die Hauptnavigation findet sich präsent oben auf Ihrer Webseite (je nach Design teilweise unterschiedlich dargestellt). Hier sollten Sie die wichtigsten Vereinsinformationen platzieren (Vorstand, Mannschaften, Abteilungen, News, Facts etc).

Mit Klick auf die drei Striche neben “Hauptnavigation” kann die Navigation bearbeitet werden.

Über das blaue Plus kann ein neuer Navigationspunkt hinzugefügt werden (1). Sie können ausserdem entscheiden, ob der Navigationspunkt für nicht eingeloggte Gäste sichtbar sein soll oder nicht (2) und ob der Navigationspunkt aktiviert ist oder nicht (3). Wenn Sie z.B. noch dabei sind, die Seiten erst aufzubauen, können Sie diese solange deaktivieren, bis alles entsprechend fertig gepflegt ist und dann alle Seiten auf einmal aktivieren.

Sobald ein Navigationspunkt Inhalt hat, wird automatisch ein Direktlink erzeugt (4). Sobald man auf das “x” des Seitennamens klickt (hier mit blauem Hintergrund) wird die Verankerung der Seite zum Menüpunkt gelöst und die Seite wird automatisch zu den Seiten ohne Navigationspunkt hinzugefügt (und kann später wieder verankert werden):

Von dort kann die Seite per Drag & Drop mit gedrückter linker Maustaste einem Navigationspunkt wieder zugeordnet werden

Alle Navigationspunkte können mit gedrückter linker Maustaste per Drag & Drop in Ihrer Reihenfolge verschoben werden.

Navigationspunkte sind auf der Webseite erst sichtbar, sobald Sie mit einem Seiteninhalt gefüllt worden sind (ausgefülltes Kreis-Symbol):

Menüpunkte der 2. und 3. Ebene können Sie durch die Drag-&-Drop-Funktion entsprechenden Obermenüpunkten zuordnen.

Nebennavigation

Die Nebennavigation steht unabhängig von der Hauptnavigation in einem eigenen Bereich zur Verfügung. Hier im Designbeispiel Vancouver.

Die Nebennavigation wird genau wie die Hauptnavigation administriert.

Der Footer befindet sich auf allen Seiten immer am Ende jeder Seite. Üblicherweise können Sie dort die wichtigsten Direktlinks, die Vereinsadresse bzw. Kontaktdaten oder auch Sponsoren platzieren.

Den Footer gestalten Sie, wie auch alle anderen CMS Seiten mithilfe der Boxen, Container und entsprechenden CMS Elementen.

Das Design des Footers ändern Sie unter den Designeinstellungen.

Tipp: Versteckte und unsichtbare Seiten

Design

Fairgate bietet Ihnen Out-of-the-box verschiedene Gestaltungsoptionen für Ihre Webseite.

Die Nutzung von eigenen CSS-Styles ist leider nicht möglich!

Themes

Farbschema

Header

Hintergrundbilder

Schriftarten

Boxen / Container

Buttons

Tipp: Bilder verkleinern

Falls Sie Ihren Mitgliedern keine sehr grossen Bildern mit langen Downloadzeiten zumuten möchten, dann sollten Sie diese vor dem Hochladen auf Bildschirmgrösse (z.b. 1024×768 Pixel) verkleinern und bei JPG die Qualität senken (zwischen 70 -85%) , damit kriegen Sie leicht Bilder, die nicht mehr viele Megabyte gross sind. Grössen unter 200KB sind dann gut möglich.

Falls Sie kein Tool dafür haben können Sie das auch mit einem Online Service machen, hier ein Link eines Services den Sie benutzen können:

Einzelbild-Verkleinerung mit Grössenangabe http://picresize.com/
Einzelbild-Verkleinerung mit Grössenangabe von Google (Verarbeitung im Browser, nicht auf dem Server) https://squoosh.app/
Mehrbildverkleinerung http://picresize.com/batch.php

Wir haben keine Verbindung zu InterNich LLC und deren Produkte und können für deren Qualität, Datensicherheit und Funktionalität auch keine Verantwortung übernehmen.

Beispielwebsites unserer Kunden

CMS Einführung