Anleitung Redesign
FEG Schweiz
Inhalt
Dokumentation von Lauper Computing
Dokumentation als PDF herunterladen:
typo3-feg2021_laupercomputing.pdf1. Was muss zwingend / prioritär angepasst werden VOR dem 5.11.2021?
Wir empfehlen,
a) die Startseite einzurichten und ev. zu vereinfachen
Video- / Bildmaterial im Headerbereich ev. ersetzen und mit eigenen Stichworten zu versehen
Termine in Upcoming Events kontrollieren
bestehende Elemente überprüfen, ggf. neue Elemente einbauen
Ein möglicher Aufbau der Startseite findet ihr unter neu.feg.ch/vorlage
b) die Termine zu migrieren (entweder Neuerfassung via kool oder bei Renzo Lauper melden, um den Import von Google Calendar, Churchtools oder ähnlichen Kalendern via ical-Schnittstelle)
c) Email-Formulare neu erstellen (durch die Migration auf die neuste Typo3-Version ist es nicht möglich, die bestehenden Kontaktformulare zu verwenden).
d) Predigten und Podcasts kontrollieren / neu einspeisen
OPTIONAL
Website- Struktur vereinfachen
Alle Seiten prüfen und überarbeiten, wo notwendig (dies sollte auf jeden Fall geschehen, würden wir aber nicht zwingend für die kurze Zeitspanne bis zur Umstellung als notwendig erachten).
2. Anleitungen
Video-Mood-Show oder Bildmaterial auf Startseite bearbeiten / ersetzen
Das neue Video-/Bildmodul kann mit Videos und Bildern bestückt werden. Zudem ist es möglich, die Videos und Bilder mit einem Link zu versehen.
Videos
Format mp4
8-12 Sekunden Länge als erstes Video empfohlen (längere Videos benötigen mehr Ladezeit für den Betrachter, so dass der Bereich ev. ein paar Sekunden leer bleibt, bis das Video vollständig geladen wird)
Empfohlene Kriterien: einladend, ansprechend, stimmungsvoll, künstlerisch. Sehr gut wirkt Material, auf dem Menschen zu sehen sind. Es gehen aber z.B. auch lokale Aufnahmen wie Drohnenflug über eure Stadt etc.
Slow-Motion-Videos wirken normalerweise gut.
Das Modul ist nicht primär dazu gedacht, Werbung für Anlässe zu schalten, kann aber dazu verwendet werden (z.B. für einen Grossanlass wie Life On Stage). Zu bedenken gilt, dass die Websiten-Besucher nicht mit Werbung als ersten Eindruck "überflutet" werden sollten :-)
Tipp von Eva P. aus D.: Ich bediene mich da bei www.pexels.com Dort gibt es kostenlose Bilder und auch Videos zu fast allen Schlagworten. Ein guter Tipp für alle, die nicht selbst Videos produzieren wollen oder können." Danke, Eva! :-)
News-Slider anpassen
Der News-Slider wurde überarbeitet und befindet sich nun nicht mehr im Header-Bereich der Website.
Empfohlenes Bildformat: Seitenverhältnis 690:380
1380px x 760px
(Primär massgebend ist das Seitenverhältnis, es empfiehlt sich jedoch, die Bilder genug gross im richtigen Verhältnis anzulegen).
Bitte beachtet, dass für ein optimales Ergebnis die Bilder möglichst KEINEN Text enthalten sollten (also z.B. keine fixfertigen Flyer platzieren), da im responsiven Design (v.a. auf mobilen Endgeräten) die Bildgrösse an die Bildschirmgrösse angepasst und das Bild demnach beschnitten wird.
Automatischer Wechsel: Die einzelnen Elemente des Sliders wechseln nicht automatisch. Wir empfehlen dies, da die Seite mit den Videos im Kopfbereich sonst zu unruhig wird. Auf vielseitigen Wunsch haben wir jedoch die Möglichkeit nachprogrammieren lassen, dass der Wechsel automatisch funktioniert. Um dies zu aktivieren, muss unter "Vorlage" bei den Plugin-Einstellungen unten beim "Template-Layout" auf "Automatischer Slider" umgestellt werden:
Termine neu erfassen via kOOL
Zugang zur Verwaltung habt ihr per Email von Renzo Lauper erhalten.
Offizielle kOOL-Dokumentation:
https://kool.help/start
https://kool.help/module/termine
Live-Erklärung: Im Zoom-Call vom Mittwoch, 03.11.2021, 19-20 Uhr, zeigt euch Renzo Lauper, wie Termingruppen und Termine erfasst werden (Link zur Teilnahme im Email oder anfordern).
Bilder hinterlegen: Empfohlenes Bildformat: 730 x 270 px
Die Bilder werden direkt im Termin oder in der Termingruppe hochgeladen.
Hinweis: Es können sowohl Bilder bei gesamten Termingruppen (z.B. Gottesdienste) als auch bei einzelnen Terminen hinterlegt werden. Wenn bei einem Einzeltermin ein Bild hinterlegt wird, obwohl bei der dazugehörigen Termingruppe bereits Bilder zugeordnet sind, übersteuert das Bild des Einzeltermins die restlichen Einstellungen. Beispiel: Gottesdienste haben alle Bild XY, aber der Weihnachtsgottesdienst hat ein eigenes Bild Z, so wird bei allen Gottesdiensten ausser beim Weihnachtsgottesdienst das Bild XY angezeigt.
Andere Terminsysteme integrieren via Renzo Lauper
Bitte meldet euch direkt bei Renzo Lauper, um den Import von Google Calendar, Churchtools oder ähnlichen Kalendern via ical-Schnittstelle einrichten zu lassen.
Renzo Lauper braucht dazu von euch einen ical-Link des Kalenders (normalerweise lässt sich ein solcher ical-Link über die Exportfunktion des Kalenders erstellen). Wenn ihr mehrere Kalender nutzt (z.B. innerhalb Google-Kalender einen für Senioren-Termine, einen für Jungschar etc.), dann braucht Renzo Lauper einen ical-Link pro Kalender - diese können an ihn gemailt werden. Bitte die einzelnen Kalenderlinks im Mail kurz beschreiben (Senioren / Jungschar etc.), damit die Zuordnung verständlich ist.
Email-Formulare neu erstellen
Aufgrund der Migration auf die neuste Typo3-Version können bestehende Formulare nicht übernommen werden.
Diese müssen 1. neu erfasst und 2. auf der betreffenden Seite eingebunden werden.
Erfassung: Einloggen ins Backend - Links im Menü "Formulare" > "verwalten"
Einbindung: Betreffende Seite im Backend öffnen, Inhaltselement erstellen und Formular-Plugin einfügen (dabei das richtige, zuvor erstellte Formular auswählen)
Predigten und Podcasts
Neu müssen keine Datensätze mehr für die Predigten erstellt werden, sondern es reicht, im Predigten-Plugin einen Ordner aus der Dateiliste anzugeben, in dem die MP3-Dateien liegen. Dadurch erscheinen alle diese MP3-Dateien als Predigten auf der Website.
Pro MP3-Datei können die Zusatzangaben wie Titel, Datum und Datei-Ressourcen direkt im TYPO3 in der Dateiliste definiert werden. Bei jeder MP3-Datei gibt es rechts ein Bleistift-Icon, mit dem diese Angaben bearbeitet werden können.
Ebenfalls neu ist die Generierung der Podcasts. Dazu gibt es eine neue Seite Podcasts mit einer Unterseite, welche ein Podcast-Plugin enthält. Dieses erstellt die Podcast-Datei (XML-Datei), die somit auch über die URL /podcasts/xy.xml erreichbar ist. xy ist dabei der Name der Unterseite von Podcasts.
Einbinden von Youtube-Videos: Die beste Lösung zur Integration von YouTube-Videos ist, diese im TYPO3 in der Dateiliste zu erstellen. In der Dateiliste bei den Dateien auf + klicken, dann kann man eine neue Medien-Datei nach URL erstellen. Dort einfach die YouTube-URL einkopieren, dann ergibt dies eine .youtube Datei in der Dateiliste. Diese erscheint dann auch in der Predigtliste.
Link-Boxen anpassen / eliminieren
Bei den Linkboxen wurden einige Veränderungen vorgenommen. Um ein optimales Ergebnis zu erhalten, empfehlen wir euch, die bestehenden Linkboxen folgendermassen anzupassen (s. rechts):
"Titel" und "Beschreibung" leer lassen.
"Untertitel" erscheint als weisse Überschrift auf Bild (kurz halten).
Das Bildmaterial wird automatisch abgedunkelt.
Es ist zudem auch möglich, nur ein Bild und eine Verlinkung (ohne jeglichen Text / Überschriften) als Linkbox zu definieren - in diesem Fall einfach alle Textzeilen leer lassen.
Shortlinks überprüfen
Im Zoom-Call kam der Wunsch auf nach einer Anleitung, wie man Direktlinks / Shortlinks generiert:
Beispiel: www.feg.ch/lustaufleiten
Für Gemeinden, die bereits solche Shortlinks nutzen, empfiehlt sich, die bestehenden Shortlinks kurz auf ihre Funktionstüchtigkeit zu überprüfen.
Anleitung fürs Anlegen neuer Shortlinks
Backend: Im Seitenbaum ist dafür bereits ein Ordner "JumpURLs" angelegt (s. rechts). Unter diesem Ordner wird nun eine Seite angelegt (Name der Seite = Text, der nach / erscheinen soll: also z.B. lustaufleiten für feg.ch/lustaufleiten), diese Seite kann nun als Verweis (interner Link) oder als externe URL (Link auf andere Website) eingerichtet werden.
Download-Seite: Template auswählen
Im neuen Design können Downloads verschieden angezeigt werden. Je nach Menge (und Vorliebe) stehen verschiedene Darstellungsmöglichkeiten zur Auswahl.
Die Einstellung wird unter den Plugin-Einstellungen im Tab "Vorlage" ganz unten bei "Template-Layout" vorgenommen.
Wichtig: Die Filterfunktion fehlt aktuell noch - diese wird von Renzo Lauper in den nächsten Tagen aufgeschaltet.
Einstellung
Darstellung: "Ressourcen-Liste"
Darstellung: "normal"
Darstellung: "Boxen"
Social Media Buttons für eure Kanäle
Gerne stellen wir euch die Symbole für die gängigen Social Media Dienste zur Verfügung.
Download Social Icons FEG Schweiz
Diese könnt ihr entweder selbst einbauen, um auf eure Kanäle zu verlinken - oder ihr schreibt uns unter redaktion@feg.ch, dann kopieren wir euch unser bestehendes Raster-Element von der FEG Schweiz Seite auf eure Website (deaktiviert; d.h. ihr müsst eure Links einfügen und dann nur noch aktivieren).
3. Fehler melden und Fragen stellen
Bei Problemen oder Fragen meldet euch bei Deborah Vassen, redaktion@feg.ch, 077 413 78 54
(Ausnahme: Programmierung Schnittstelle Kalender > direkt bei Renzo Lauper)
Aufzeichnung Zoom-Call vom 03.11.2021 nachschauen
https://vimeo.com/642250644/5bda98073e
Welche Themen aus dem Call sind wichtig?
Startseite
[02:19] Empfohlener Aufbau der Startseite
[05:58] Q&A Startseitenaufbau und Elemente Startseite
[21:35] Wichtige Informationen zum Gebrauch des News-Moduls
[27:43] Footer anpassen
[29:52] Zu grosse Abstände zwischen den Elementen
[33:20] Video-Upload: Qualität, Ladezeiten, Empfehlungen
[36:02] Zu grosse Abstände bei eingebundenen HTML-Elementen
[38:55] Schwarze Trennlinie einfügen
[40:00] Social Media Einbindung
[43:30] Einstellungen des Videoelements auf der Startseite
Terminverwaltung kOOL
[47:30] Einführung in die Verwendung von kOOL
[54:20] Synchronisation Termine - welche Richtung macht Sinn? (extern auf kOOL oder von kOOL in eine externe Verwaltung)
Verlinkung der Menüstruktur
[58:30] Verlinkung der Menüstruktur - Empfehlungen
Ist die alte Webseite noch verfügbar?
[1:04:00] Zugang zu der alten Website nach der Umstellung
Q&A - Allgemeine Fragen
[1:06:00] Diverse Fragen aus den Gemeinden
Empfehlungen zum Aufbau einer Beitragsseite
[1:19:00] Textformatierung, Seitenaufbau
Alles rund ums Projekt...
Alle Infos über Zielsetzung, zeitlicher Ablauf etc. gibt es hier nachzulesen.
Das Wichtigste in Kürze:
Bearbeitungsphase: Ab Dienstag, 26.10.2021
Go LIVE: Freitag, 05.11.2021
Kontakt
Kommunikation FEG Schweiz
Harry Pepelnar
078 886 57 00 / harry.pepelnar@feg.ch
Deborah Vassen
077 413 78 54 / deborah.vassen@feg.ch