In diesem Workshop zeigen wir, wie Du stattdessen externe Terminkalender sehr bequem in WordPress einbinden kannst. Als Beispiel dient daf\u00fcr der weit verbreitete Google Calendar. Grunds\u00e4tzlich klappt die beschriebene Methode aber mit allen Kalender-Anwendungen, die \u00fcber geheime Links den Zugriff auf die Termine per iCalendar- Standard (.ics)<\/em> zulassen.<\/p>\n Vorweg sei gesagt: Das in diesem Workshop beschriebene Plugin ist zwar grunds\u00e4tzlich darauf ausgerichtet, ohne umfangreiche Konfiguration einsatzf\u00e4hig zu sein. Dennoch bietet es zahllose Optionen und vielf\u00e4ltige Anpassungsm\u00f6glichkeiten. Wir k\u00f6nnen daher nicht alle Details erl\u00e4utern. Das Plugin gibt es au\u00dferdem leider nur auf Englisch, sodass f\u00fcr umfangreichere Anpassungen zumindest Englisch-Grundkenntnisse sinnvoll sind.<\/p>\n Installiere zun\u00e4chst das Plugin \u201eamr event lists with ical files<\/a>\u201c. Die zugeh\u00f6rigen Optionen findest Du anschlie\u00dfend im WordPress-Men\u00fc unter iCal Events List<\/em>.<\/p>\n Au\u00dferdem ben\u00f6tigst Du den privaten Link zu Deinem Kalender, \u00fcber den das Plugin die Termin-Daten einlesen kann. Im Google Calendar findest Du diesen Link so:<\/p>\n Nun befindet sich die geheime URL zu Deinen Kalendereintr\u00e4gen in der Zwischenablage, sodass Du sie f\u00fcr die sp\u00e4tere Verwendung erst einmal irgendwo zwischenspeichern kannst. Die URL sollte in etwa so aussehen:<\/p>\n <\/em><\/p>\n Die zwei langen Zeichenfolgen in der URL stellen sicher, dass ein Au\u00dfenstehender diese URL nicht einfach durch Ausprobieren herausfinden kann. Denn nur wer exakt diese URL kennt, kann auch auf den Kalender zugreifen.<\/p>\n Jetzt kannst Du Deine Termine aus dem Kalender bereits in einen WordPress-Beitrag einf\u00fcgen. Das Plugin arbeitet dazu mit einem Shortcode nach dem Schema:<\/p>\n Statt Kalender-URL setzt Du die vorhin ermittelte private URL von Google Calendar ein. Nummer <\/em>ersetzt Du mit der Design-Vorlage, die das Plugin zur Darstellung der Termine verwenden soll. Mehr dazu sp\u00e4ter. F\u00fcr den Anfang probierst Du einfach listtype=1<\/em> aus.<\/p>\n In der Beitragsvorschau siehst Du nun Deine Termine \u2013 sofern der Kalender solche enth\u00e4lt.<\/p>\n Um das Plugin an Deine Bed\u00fcrfnisse anzupassen, besch\u00e4ftigen wir uns etwas genauer mit der Funktionsweise und den Einstellm\u00f6glichkeiten.<\/p>\n In Grundz\u00fcgen funktioniert das Plugin so: Es zieht sich Deine Kalendereintr\u00e4ge \u00fcber den Google-Kalender-Link, f\u00fcgt die Daten in eine Design-Vorlage ein und speichert sie in einer Cache-Datei, damit sie nicht bei jedem Seitenaufruf neu geladen werden m\u00fcssen. Mehr zu diesem Cache weiter unten.<\/p>\n In den Optionen des Plugins sind bereits einige typische Design-Vorlagen (genannt \u201eList types\u201c) vorgegeben.<\/p>\n Du kannst vorhandene Designs anpassen oder eigene erstellen. Am besten w\u00e4hlst Du daf\u00fcr eine vorhandene Vorlage aus, die Deinen Vorstellungen am n\u00e4chsten kommt, und passt sie entsprechend an. Um die vorgefertigten Vorlagen zu erkunden, probierst Du im oben genannten Shortcode einfach unterschiedliche Werte f\u00fcr listtype<\/em> von 1 bis 9 aus.<\/p>\n Schauen wir uns zun\u00e4chst an, welche Daten Dein Kalender an das Plugin \u00fcbergibt. So kannst Du anschlie\u00dfend die List Types einfacher anpassen. Verwende bei dem oben bereits angesprochenen Shortcode nun listtype=10<\/em>. In dieser voreingestellten Vorlage listet das Plugin alle vom Kalender \u00fcbergebenen Werte auf. So erkennst Du sehr leicht, welche Optionen Du bei den Plugin-Einstellungen ver\u00e4ndern, ein- oder ausblenden musst, um Deinen Kalender so in WordPress anzeigen zu lassen, wie Du das m\u00f6chtest.<\/p>\n Folgende Eintr\u00e4ge sind besonders relevant:<\/p>\n SUMMARY =<\/em> der Titel des Kalendereintrags<\/p>\n DESCRIPTION =<\/em> die ausf\u00fchrliche Beschreibung<\/p>\n EventDate =<\/em> Datum des Termins<\/p>\n StartTime =<\/em> Anfangszeit des Termins<\/p>\n EndTime =<\/em> Ende des Termins<\/p>\n LOCATION =<\/em> Standort \/ Veranstaltungsort<\/p>\n Damit Dir eine Vorschau-Funktion zur Verf\u00fcgung steht, legst Du zun\u00e4chst einen neuen, nicht ver\u00f6ffentlichten WordPress-Beitrag an, in den Du den Shortcode [events]<\/em> einf\u00fcgst. Kopiere die URL dieses Beitrags.<\/p>\n Jetzt wechselst Du im WordPress-Men\u00fc zu iCal Events List<\/em> \u2013 List types<\/em>. Ganz oben findest Du das Formularfeld Calendar Page URL for Previews<\/em>. Hier f\u00fcgst Du die eben kopierte URL ein und klickst auf den Update-<\/em>Button.<\/p>\n Weiter unten siehst Du die Liste der zur Verf\u00fcgung stehenden Vorlagen. Um eine der Vorlagen zu bearbeiten, klickst Du dort auf Configure<\/em>. Im ersten Schritt entscheidest Du, welche Inhalte \u00fcberhaupt angezeigt werden sollen. Ein Klick auf Specify fields to show<\/em> zeigt die Liste der entsprechenden Felder an.<\/p>\n Im Feld Column<\/em> tr\u00e4gst Du eine Null ein, wenn das entsprechende Feld nicht angezeigt werden soll. Ansonsten tr\u00e4gst Du hier die Tabellen-Spalte ein, in der dieser Eintrag stehen soll. Bei einspaltigem Design ist das immer die 1.<\/p>\n In den jeweiligen Before-<\/em> und After-<\/em>Feldern kannst Du Text und HTML-Code eintragen, der jeweils unmittelbar vor beziehungsweise nach dem Inhalt des Kalender-Feldes angezeigt werden soll. Willst Du also beispielsweise das Datum des Termins fett markieren, dann tr\u00e4gst Du \u2013 so wie oben im Screenshot bereits geschehen \u2013 nach EventDate<\/em> im Before-<\/em>Feld <strong><\/em> und im After-<\/em>Feld <\/strong><\/em> ein.<\/p>\n Auff\u00e4llig sind in den Kalender-Ansichten die kleinen Icons, beispielsweise zum Aktualisieren oder Abonnieren des Kalenders. Du kannst diese Links komplett ausblenden, wenn Du in der entsprechenden Column-<\/em>Spalte den Wert auf Null setzt:<\/p>\n addevent =<\/em> Event hinzuf\u00fcgen<\/p>\n subscribeevent =<\/em> Termin abonnieren<\/p>\n subscribeseries =<\/em> Termin-Serie abonnieren<\/p>\n map =<\/em> Veranstaltungsort auf Google Maps anzeigen<\/p>\n W\u00e4hlst Du in den Styling und Images-<\/em>Optionen des Plugins No images<\/em> aus, erscheint an diesen Stellen statt der Icons jeweils ein Textlink.<\/p>\n Wie bereits erw\u00e4hnt, bietet das Plugin umfassende M\u00f6glichkeiten f\u00fcr Konfigurationen und Anpassungen. Im Detail findest Du alle Informationen dazu in der \u2013 leider nur in Englisch vorliegenden \u2013 Dokumentation zu iCal Events Lists<\/a>. Aber auch mit ein wenig Experimentieren mit den Einstellungen wirst Du schnell zu guten Ergebnissen kommen.<\/p>\n Zum Schluss aber noch ein Tipp, der Dir hoffentlich viel Frust erspart: Wenn das Plugin nicht alle aktuellen Termine anzeigt, liegt das gew\u00f6hnlich am Cache. Das Plugin speichert einmal abgerufene Kalenderdaten, damit es sie nicht bei jedem Seitenaufruf erneut aus dem Kalender bei Google holen muss.<\/p>\n Neue oder ver\u00e4nderte Termin-Eintr\u00e4ge erscheinen daher nicht immer sofort in WordPress. Vor allem wenn Du konfigurierst und testest, solltest Du daher bei \u00c4nderungen im Kalender jeweils die Cache-Datei l\u00f6schen.<\/p>\n Diese Cache-Datei findest Du in Deinem Webspace bei STRATO Hosting<\/a> im Verzeichnis der WordPress-Installation unter \u2026\/wp-content\/uploads\/ical-events-cache<\/em>. Dort liegt eine Datei mit einem Dateinamen, der in etwa so aussieht: 3c016b0fe0a2ac90ccd17aac4dfbc378.ics<\/em>, Diese Datei kannst Du bedenkenlos l\u00f6schen (am einfachsten via FTP<\/a>). Das Plugin legt den Cache danach mit den aktuellsten Kalenderdaten selbst\u00e4ndig neu an.<\/p>\n","protected":false},"excerpt":{"rendered":" Du willst Termine aus einem Google-Kalender oder einem anderen iCal-Kalender in WordPress einbinden? Mit dem Plugin iCal Events Lists ist das unkompliziert und mit individuellem Design m\u00f6glich. Um einen Terminkalender und Event-\u00dcbersichten in WordPress zu erstellen, gibt es zahllose Plugins. F\u00fcr viele F\u00e4lle mag sich darunter auch genau die richtige L\u00f6sung f\u00fcr den jeweiligen Zweck […]<\/p>\n","protected":false},"author":20,"featured_media":29029,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,490],"tags":[55],"acf":[],"yoast_head":"\nPlugin installieren<\/h2>\n
![\"Das](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/07\/01-plugin-installieren.jpg\")
Private Kalender-URL kopieren<\/h2>\n
\n
\n<\/em><\/em><\/p>\n![\"Kalender-Einstellungen](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/07\/02-google-calendar-einstellungen.jpg\")
![\"Private](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/07\/03-google-calendar-adresse.jpg\")
![\"Private](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/07\/04-google-calendar-adresse-kopieren.jpg\")
Kalender in WordPress-Beitrag einf\u00fcgen<\/h2>\n
[iCal Kalender-URL<\/em> listtype=Nummer<\/em>]<\/pre>\n
![\"Shortcode](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/07\/05-shortcode-simple.jpg\")
![\"\u2026](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/07\/06-eintraege-simple.jpg\")
Funktionsweise des Plugins<\/h2>\n
![\"\u00dcbersicht](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/07\/07-uebersicht-list-types.jpg\")
Vorlagen anpassen<\/h2>\n
![\"Ausf\u00fchrliche](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/07\/08-output-listtype-10.jpg\")
Vorschau-Funktion aktivieren<\/h2>\n
Individuelle Anpassungen vornehmen<\/h2>\n
![\"Konfigurationsansicht](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/07\/09-list-type-bearbeiten.jpg\")
Achtung, Cache<\/h2>\n
![\"Nach](\"https:\/\/strato.de\/blog\/wp-content\/uploads\/2017\/07\/10-cache.jpg\")