Erfahre, welche Möglichkeiten es gibt, den Webling-Kalender in deine Webseite zu integrieren.
Webseiten mit WordPress
Für WordPress gibt es ein Kalender-Plugin, welches man dafür nutzen kann: https://icscalendar.com/
Mit diesem Plugin kann man den Kalender über den öffentlichen ICS-Link auf seiner Webseite anzeigen.
Anleitung:
- Installiere das Plugin in deiner WordPress Installation: https://de-ch.wordpress.org/plugins/ics-calendar/
- Kopiere den ICS-Link des gewünschten Kalenders aus deinem Webling. Du findest den Link unter "Kalender" > "Kalender abonnieren". Dort findest du die Links für alle eingerichteten Kalender.
- Verwende den Shortcode Builder, um dir einen Shortcode mit allen Optionen zu generieren: https://icscalendar.com/shortcode-builder/
Füge im Shortcode Builder den zuvor kopierten ICS-Link aus Webling ein. - Füge den generierten Shortcode auf einer Seite in deinem WordPress ein.
Wenn du jetzt die Seite im Browser öffnest, dann könnte sie etwa so aussehen:
Andere Webseiten (Einbindung via iframe)
Wenn du HTML-Code auf deiner Webseite einbinden kannst, gibt es mit Google Kalender eine kostenlose Möglichkeit, eine Kalenderansicht auf deiner Webseite einzubinden.
Anleitung:
Kopiere den ICS-Link des gewünschten Kalenders aus deinem Webling. Du findest den Link unter "Kalender" > "Kalender abonnieren". Dort findest du die Links zu allen eingerichteten Kalendern.
Logge dich mit deinem Google-Konto auf https://calendar.google.com ein
Klicke im linken Menü unter "Weitere Kalender" auf das Pluszeichen und wähle die Option "Per URL":
Nun kann der zuvor kopierte ICS-Link in das Feld "URL des Kalenders" eingefügt werden:
Aktiviere die Option "Den Kalender öffentlich machen" und klicke auf "Kalender hinzufügen"
Der hinzugefügte Kalender erscheint nun im linken Menü unter "Weitere Kalender". Klicke auf das Menü des neu hinzugefügten Kalenders und wähle die Option "Einstellungen":
In den Einstellungen gibt es einen Bereich "Kalender integrieren". Dort findest du den HTML-Code, den du kopieren kannst (Feld "Code einbetten"):
Diesen HTML-Code (iframe) kannst du nun in deine Webseite einfügen.
Über den Button "Anpassen" kannst du eine erweiterte Darstellung des Kalenders erstellen. Zum Beispiel die Farben ändern, einzelne Optionen ein- oder ausblenden und zusätzliche Kalender anzeigen.
Der Kalender sieht dann ungefähr so aus:
ICS-Link zum Einbinden des Kalenders
Wenn dein Webseiten-Tool oder Plugin die Möglichkeit bietet, externe Kalender über ICS einzubinden, dann findest du unter "Kalender" > "Kalender abonnieren" die entsprechenden ICS-Links, um den Kalender zu abonnieren. Dort gibt es für jeden Kalender einen eigenen Link, den du in deinem Programm abonnieren kannst. Das funktioniert übrigens auch mit Outlook, Apple Kalender etc.
