Kool-Veranstaltungskalender: Unterschied zwischen den Versionen

Aus EMK Manual
Keine Bearbeitungszusammenfassung
UBurri (Diskussion | Beiträge)
KKeine Bearbeitungszusammenfassung
 
(12 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt)
Zeile 6: Zeile 6:
Folgende Elemente eines Termins können auf der Homepage angezeigt werden:
Folgende Elemente eines Termins können auf der Homepage angezeigt werden:


[[Datei:Bild1.png|600px|left|]]
[[Datei:Bild1.png|800px|center|border]]
 
<br />
 


* Termingruppe (im Filter)
* Termingruppe (im Filter)
Zeile 14: Zeile 17:
* Beschreibung
* Beschreibung
* Bild, das entweder in der Termingruppe hinterlegt und bei allen Termin dieser Termingruppe angezeigt wird oder ein individuelles Bild für einen einzelnen Termin.
* Bild, das entweder in der Termingruppe hinterlegt und bei allen Termin dieser Termingruppe angezeigt wird oder ein individuelles Bild für einen einzelnen Termin.
<br />


''1. Schritt: Termingruppe auswählen, welche auf einer Seite angezeigt werden soll.''
''1. Schritt: Termingruppe auswählen, welche auf einer Seite angezeigt werden soll.''
[[Datei:Kool1_AuswahlTermingruppe.png|600px|left|]]
[[Datei:Kool1_AuswahlTermingruppe.png|300px|center|border]]


Für den Code, der auf der Homepage eingebunden wird, muss ausgewählt werden, ob die Termine mit oder ohne Auswahlmöglichkeit angezeigt werden sollen.
Für den Code, der auf der Homepage eingebunden wird, muss ausgewählt werden, ob die Termine mit oder ohne Auswahlmöglichkeit angezeigt werden sollen.
Sollen z.B. auf einer Seite mit einer einzigen Terminart nur die zugehörigen Termine angezeigt werden, braucht es keinen Filter. Werden verschiedenartige Germine angezeigt und soll der/die Besucher:in der Website eine Auswahl treffen können, welche Termine angezeigt werden, dann wird der Code für die normale Liste generiert.
Sollen z.B. auf einer Seite mit einer einzigen Terminart nur die zugehörigen Termine angezeigt werden, braucht es keinen Filter. Werden verschiedenartige Termine angezeigt und soll der/die Besucher:in der Website eine Auswahl treffen können, welche Termine angezeigt werden, dann wird der Code für die normale Liste generiert.
 
 
<br />
 
''2. Schritt: Liste auswählen, auf Pfeil klicken''
[[Datei:Kool2_AuswahlListe.png|300px|center|border]]
 
Nun wird in drei Fenstern Folgendes angezeigt:
Links: Die getroffene Auswahl der Termine – diese kann hier nochmals angepasst werden.
Rechts oben: Der Code für die Anzeige auf der Homepage
Rechts unten: Wie der generierte Code angezeigt werden wird.
Im Code kann in der ersten Zeile noch die Anzahl der angezeigten Monate geändert werden (data-month). Standardmässig werden die Termine dreier Monate angezeigt werden. Bei der Anzeige einer einzelnen, nicht sehr häufigen Veranstaltung kann es sinnvoll sein, die Anzahl Monate zu erhöhen.
 
 
<br />
[[Datei:Kool3 Code.png|300px|center|border]]
 
 
 
''3. Schritt: Wenn die Ansicht zufriedenstellend ist, Code kopieren.''<br />
 
''4. Schritt: Als nächstes auf die Gemeinde-Homepage wechseln. Hier die Seite aufrufen, auf welcher die Termine aus kOOL angezeigt werden sollen.''
 
<br />
 
[[Datei:Kool4 Code-Detail.png|300px|center|border]]
 
''5. Schritt: An der Stelle, an welcher die Anzeige der Termine eingefügt werden sollen, einen Block «Individuelles HTML» einfügen. In diesen wird der Code eingefügt.
Leider ist es seit einem Update von Wordpress nicht mehr möglich, den Code direkt einzufügen. Es braucht noch einen Zwischenschrit: Bei den 3 Punkten ganz oben rechts (neben Speichern-Button) unter "Editor" den Code-Editor auswählen. Im Code, der jetzt angezeigt wird, suchen nach "<!-- wp:html -->" und unmittelbar danach den Code eingefügen (vor "<!-- /wp:html -->")
Seite speichern und Ergebnis überprüfen auf der Homepage. Wenn alles ok ist, kann der Editor wieder auf "Visueller Editor" umgestellt werden. Der Code aus kOOL ist nun unsichbar (aber vorhanden)''
 
<br />
 
 
[[Datei:Kool6 AnzeigeHomepage.png|300px|center|border]]
 
<br />
 
 
 
Nun werden die Termine auf der Homepage angezeigt, hier ohne Filtermöglichkeit.
 
 
<br />
 
 
 
<h2>Fragen? Wenden Sie sich an die Projektsteuergruppe ([https://manual.emk-schweiz.ch/index.php?title=R%C3%BCckfragen_an_Projektsteuergruppe&action=edit&redlink=1 hier lang])</h2>

Aktuelle Version vom 29. Juni 2026, 10:09 Uhr

Mit Hilfe von kOOL Termine auf der Homepage anzeigen

kOOL ist ein Tool, welches die EMK Schweiz den Gemeinden zur Verfügung stellt, um Termine und Reservationen der Räume (und weiteres) zu verwalten. Wer dieses nutzt, kann mit seiner Hilfe die Gemeindetermine, welche dort erfasst sind, auch auf der Homepage angezeigen. Man braucht sich dann nicht darum zu kümmern, dass die Termine immer aktuell sind, es werden immer nur die zukünftigen Termine angezeigt. Voraussetzung dafür ist, dass die Termine in gut durchdachten Termingruppen erfasst sind.

Folgende Elemente eines Termins können auf der Homepage angezeigt werden:



  • Termingruppe (im Filter)
  • Titel (im Dropdown Termingruppe des Filters und im Termin)
  • URL (wird mit dem Titel verlinkt)
  • Datum und Uhrzeit
  • Beschreibung
  • Bild, das entweder in der Termingruppe hinterlegt und bei allen Termin dieser Termingruppe angezeigt wird oder ein individuelles Bild für einen einzelnen Termin.




1. Schritt: Termingruppe auswählen, welche auf einer Seite angezeigt werden soll.

Für den Code, der auf der Homepage eingebunden wird, muss ausgewählt werden, ob die Termine mit oder ohne Auswahlmöglichkeit angezeigt werden sollen. Sollen z.B. auf einer Seite mit einer einzigen Terminart nur die zugehörigen Termine angezeigt werden, braucht es keinen Filter. Werden verschiedenartige Termine angezeigt und soll der/die Besucher:in der Website eine Auswahl treffen können, welche Termine angezeigt werden, dann wird der Code für die normale Liste generiert.



2. Schritt: Liste auswählen, auf Pfeil klicken

Nun wird in drei Fenstern Folgendes angezeigt: Links: Die getroffene Auswahl der Termine – diese kann hier nochmals angepasst werden. Rechts oben: Der Code für die Anzeige auf der Homepage Rechts unten: Wie der generierte Code angezeigt werden wird. Im Code kann in der ersten Zeile noch die Anzahl der angezeigten Monate geändert werden (data-month). Standardmässig werden die Termine dreier Monate angezeigt werden. Bei der Anzeige einer einzelnen, nicht sehr häufigen Veranstaltung kann es sinnvoll sein, die Anzahl Monate zu erhöhen.




3. Schritt: Wenn die Ansicht zufriedenstellend ist, Code kopieren.

4. Schritt: Als nächstes auf die Gemeinde-Homepage wechseln. Hier die Seite aufrufen, auf welcher die Termine aus kOOL angezeigt werden sollen.


5. Schritt: An der Stelle, an welcher die Anzeige der Termine eingefügt werden sollen, einen Block «Individuelles HTML» einfügen. In diesen wird der Code eingefügt. Leider ist es seit einem Update von Wordpress nicht mehr möglich, den Code direkt einzufügen. Es braucht noch einen Zwischenschrit: Bei den 3 Punkten ganz oben rechts (neben Speichern-Button) unter "Editor" den Code-Editor auswählen. Im Code, der jetzt angezeigt wird, suchen nach "" und unmittelbar danach den Code eingefügen (vor "") Seite speichern und Ergebnis überprüfen auf der Homepage. Wenn alles ok ist, kann der Editor wieder auf "Visueller Editor" umgestellt werden. Der Code aus kOOL ist nun unsichbar (aber vorhanden)





Nun werden die Termine auf der Homepage angezeigt, hier ohne Filtermöglichkeit.




Fragen? Wenden Sie sich an die Projektsteuergruppe (hier lang)