Google Calendar Integrieren

Via iFrame sieht es richtig wüst aus. Es gibt diverse Lösungen mit welcher der Kalender hübsch eingebettet werden kann.

  1. Google API Key erstellen: https://developers.google.com/
  2. Plugin herunterladen: https://wordpress.org/plugins/pretty-google-calendar
  3. API Key einfügen – Shortcode anpassen

Shortcode Doku: https://wordpress.org/plugins/pretty-google-calendar/#installation

Beispiel-Shortcode

PHP
[pretty_google_calendar gcal="CALENDAR-ID@group.calendar.google.com" locale="de" list_type="listWeek" initial_view="dayGridWeek" views="dayGridMonth, dayGridWeek, listCustom" no_link="true" enforce_listview_on_mobile="true"]

Achtung: Am Ende der gcal Kalender-ID muss noch @group.calendar.google.com hinzugefügt werden, sonst lädt es keine Events rein.

Jedes Element kann via CSS angepasst werden, da es direkt im DOM reingeladen und nicht via iFrame eingebettet wird.