Veranstaltungskalender in externer WordPress-Seite einbauen

Der ComGen Veranstaltungskalender präsentiert interessante Veranstaltungen, Treffen oder Webinare rings um die Genealogie. Man kann dort auch zu eigenen Aktivitäten einladen, wenn man angemeldet ist. Für nicht angemeldete Nutzer ist eine Kopie im öffentlichen Webauftritt von CompGen sichtbar, auf einer Seite, die auf dem Content-Management-System WordPress basiert.

Es ist auch möglich diesen Veranstaltungskalender auf einer eigenen WordPress-Seite anzuzeigen, etwa auf der Seite eines Genealogievereins.

Ziel: Anzeige von Veranstaltungen auf einer eigenen WordPress-Seite

Man kann die Kalendereinträge des CompGen-Kalenders in wenigen Schritten und ohne besondere Vorkenntnisse auf die eigene WordPress-Seite übertragen, wo sie dann danach automatisch synchronisiert werden. Es ist dabei sogar möglich, die Veranstaltungsdaten aus mehreren Kalendern in einem Kalender zusammenzuführen, also etwa die vereinsinternen Veranstaltungen und die CompGen-Veranstaltungen gemeinsam in einem Kalender zu präsentieren.

Voraussetzung dafür ist, dass die Kalender den iCalendar-Standard (kurz iCal) unterstützen. Über eine URL (einen iCal-Feed) kann der anzeigende Kalender auf den Quellkalender zugreifen, d.h. die Verbinung ist gerichtet.

Wie man die Kopplung nun konkret umsetzt, zeigen wir Dir im Folgenden in vier einzelnen Schritten.

Erster Schritt: Besorgen der iCal-URL

Zuallererst brauchst Du die URL, die die Übertragung der CompGen-Veranstaltungen ermöglicht. Navigiere dafür zum CompGen-Kalender auf der Team-Plattform. Dort musst Du angemeldet sein. Rechts unten siehst Du nun eine grüne Schaltfläche:

Feed für Veranstaltungen

Wenn Du da draufklickst, öffnet sich ein Fenster mit der URL. Kopiere diese in die Zwischenablage, da wir diese im nächsten Schritt benötigen.

Zweiter Schritt: WordPress vorbereiten

Als Nächstes muss in Deinem WordPress eine Erweiterung installiert werden, die den Import von iCal-Feeds ermöglicht. Es gibt dabei mehrere mögliche Erweiterungen. Wir empfehlen den ICS Calendar, der es ermöglicht, Veranstaltungen aus mehreren Quellen zu importieren. Nachdem Du dieses Plugin installiert und aktiviert hast, findest Du im Dashboard-Seitenmenü einen neuen Punkt “ICS Calendar". Folge dem dort angebotenen Verweis zum Online Shortcode Builder und gib in das Feld "ICS-Feed-URL(s)" die im vorherigen Schritt gesicherte URL ein. Wähle die Sicht "Monat" aus und klicke auf die Schaltfläche "Shortcode erhalten". Kopiere den dann angezeigten Shortcode in die Zwischenablage, da wir ihn im nächsten Schritt benötigen. Der Shortcode kann im Detail flexibel konfiguriert werden, er wird dann so ähnlich aussehen wie:

[ics_calendar url="https://team.genealogy.net/events/team/1/feed/?user=xxx&token=xxx" view="month" color="#1db2b2" description="true" feedlabel="CompGen Kalender" legendposition="above"]

Dritter Schritt: Seite mit dem Kalender anlegen

Lege nun eine neue WordPress-Seite an, auf der der Kalender zu sehen sein soll. Nutze nun die "+"-Schaltfläche des Block-Inserters um einen neuen Block auf dieser Seite anzulegen. Suche nach dem Shortcode-Widget. Falls Du es nicht findest, google danach, wie Du Shortcodes auf einer Seite in Deiner WordPress-Installation eingeben kannst. Dann kopiere den Shortcode aus dem vorherigen Schritt in diesen Block (mit den eckigen Klammern am Anfang und Ende). Das war es auch schon; der Kalender sollte nun in der Vorschau zu sehen sein.

Vierter Schritt: Ergebnis anzeigen

Veröffentliche nun Deine Seite und hinterlege bitte den Link zu Deinem Kalender hier auf der Diskussionseite. Dort können wir auch weitere Funktionen, wie etwa andere Kalender-Plugins oder Gestaltungsoptionen, besprechen.

Info

Kalendereinträge, die in einem Team-Kalender erstellt und dort als "öffentlich" gekennzeichnet wurden, werden im Veranstaltungskalender zwar angezeigt, werden aber nicht über den iCal-Feed weitergegeben.