wie kann ich einen google calendar auf der webseite einbinden?

jetzt hier noch kurz was zum einfuegen von google calendar.das wird in wordpress via sogenannten shortcodes gemacht. hier mal ein beispiel:

[google_calendar width="95%" height="600" style="border:solid 1px #777" src="https://www.google.com/calendar/embed?showTz=0&mode=AGENDA&height=600&wkst=2&src=info%40fussball-wiesentheid.de&color=%232952A3&src=54c7ifeqp4cpdhsr7gpbtbkr04%40group.calendar.google.com&color=%236B3304&src=m067prg46b3mmpo23a9n3of698%40group.calendar.google.com&color=%23711616&ctz=Europe%2FBerlin"]

sieht alles a weng kryptisch aus, ist aber einfach erklaert

[google_calendar] - hiermit gebe ich an, dass ich nen google calendar einfeugen moechte
[google_calendar width="95%"] - mit dieser eigenschaft moechte ich eine breite von 95%
[google_calendar width="95%" height="600"] - und eine hoehe von 600 pixel
[google_calendar width="95%" height="600" style="border:solid 1px #777"] - ich kann auch einen style  / formatierung angeben, in diesen fall einen rahmen mit 1 pixel und farbe #777
[google_calendar width="95%" height="600" style="border:solid 1px #777" src="https://www.google.com/calendar/embed?showTz=0&mode=AGENDA&height=600&wkst=2&src=info%40fussball-wiesentheid.de&color=%232952A3&src=54c7ifeqp4cpdhsr7gpbtbkr04%40group.calendar.google.com&color=%236B3304&src=m067prg46b3mmpo23a9n3of698%40group.calendar.google.com&color=%23711616&ctz=Europe%2FBerlin"]

und mit der eigenschaft src=““, also source / quelle, gebe ich bekannt, welchen google calendar ich einfuegen moechte. diese daten findet ihr im google calendar selbst und dann unter src=““ einfach via copy & paste einfuegen – fertig!

wie das ganze aussieht seht ihr hier:

https://tsv-djk-wiesentheid.de/termine/

bei fragen hier bitte nen kommentar schreiben – danke!

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Diese Website verwendet Akismet, um Spam zu reduzieren. Erfahre, wie deine Kommentardaten verarbeitet werden.