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 drei 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: Zeige das Ergebnis

Füge einfach den Link zu Deinem Kalender ein, zeige uns das Ergebnis. Auf der Diskussionseite können wir weitere Features, wie etwa andere Kalenderfeeds, besprechen.