{"id":55,"date":"2020-12-11T18:37:35","date_gmt":"2020-12-11T18:37:35","guid":{"rendered":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/embeds\/?p=55"},"modified":"2020-12-11T18:37:35","modified_gmt":"2020-12-11T18:37:35","slug":"google-calendars","status":"publish","type":"post","link":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/embeds\/2020\/12\/11\/google-calendars\/","title":{"rendered":"Google Calendars"},"content":{"rendered":"<p>Unlike other google embeds, you need to activate a plugin for this one.<\/p>\n<p>This plugin will allow you to embed Google Calendars in Posts pages and in a Widget.<\/p>\n<p>To use it you need to activate the plugin:<br \/>\n<strong>Dashboard<\/strong>-&gt;<strong>Plugins<\/strong><br \/>\nClick the Activate link under the Plugin&#8217;s name:<\/p>\n<p><a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/07\/google-cal-plugin-activate.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2040 size-full\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/07\/google-cal-plugin-activate.png\" alt=\"Activate Plugin\" width=\"620\" height=\"175\" \/><\/a><\/p>\n<p>You then need to get the embed code from the Google Calendar you want to embed.<br \/>\nThe Calendar must be public.<\/p>\n<p>Visit Google Calendars and for the calendar you want to show click the popup and choose <strong>Share this Calendar<\/strong>:<\/p>\n<p><a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/07\/googlecal-popup-to-share.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2039 size-full\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/07\/googlecal-popup-to-share.png\" alt=\"Screenshot google calendar popup to share\" width=\"526\" height=\"503\" \/><\/a><\/p>\n<p>Make the Calendar Public if you have not done so already:<\/p>\n<p><a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/07\/google-cal-make-public.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2038 size-full\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/07\/google-cal-make-public.png\" alt=\"Screenshot google cal make public\" width=\"555\" height=\"250\" \/><\/a><\/p>\n<p>Then go to the Calendar Details page and find the embed code:<\/p>\n<p><a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/07\/google-cal-embed-code.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2037 size-full\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/07\/google-cal-embed-code.png\" alt=\"Screenshot google calendar embed-code\" width=\"828\" height=\"218\" \/><\/a><\/p>\n<p>You may want to click the customise link, which will allow you to change the size, colours etc. You might want to set the size to fit into your post.<\/p>\n<p>Copy the embed code<\/p>\n<p><a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/07\/google-cal-embed-code-copy.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2036 size-full\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/07\/google-cal-embed-code-copy.png\" alt=\"Screnshot copy embed code\" width=\"728\" height=\"186\" \/><\/a><\/p>\n<p>Edit the post or page you want the Calendar to appear on and paste in the code:<\/p>\n<p>The embed code will look like this the <em>html<\/em> is changed automatically into a <em>shortcode<\/em>:<\/p>\n<p>[googlecalendar src=\"https:\/\/calendar.google.com\/calendar\/embed?height=400&amp;wkst=1&amp;bgcolor=%23FFFFFF&amp;src=pvhq66ns53b1v83ppd0r5dgfk0%40group.calendar.google.com&amp;color=%230F4B38&amp;ctz=Europe%2FLondon\" style=\"border-width:0\" width=\"600\" height=\"400\" frameborder=\"0\" scrolling=\"no\"]<\/p>\n<p>but will embed the calendar when the post is published:<\/p>\n<iframe src=\"https:\/\/calendar.google.com\/calendar\/embed?height=400&#038;wkst=1&#038;bgcolor=%23FFFFFF&#038;src=pvhq66ns53b1v83ppd0r5dgfk0%40group.calendar.google.com&#038;color=%230F4B38&#038;ctz=Europe%2FLondon\"width=\"600\"height=\"400\"style=\"border-width:0\" frameborder='0' scrolling='no'><\/iframe>\n<h3>Google Calendar Embed Widget<\/h3>\n<p>You can also display a Calendar in a widget on the sidebar of your blogs. There is an example on the right of this page.<\/p>\n<p>To add a widget you need the code again, it might be best to adjust the size by customising the code. Copy the code on the calendar site.<\/p>\n<p>Add a Widget, Dashboard-Appearance-&gt; Widgets, where you will find the\u00a0Google Calendar Embed Widget.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2046 size-full\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/07\/google-calendar-widget.png\" alt=\"google calendar widget in widget list\" width=\"441\" height=\"172\" \/><\/p>\n<p>You can drag the widget to a sidebar or click it to expand and add with a button:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2045 size-full\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/07\/google-cal-add-widget.png\" alt=\"Screenshot widget embed, destination choice\" width=\"255\" height=\"297\" \/><\/p>\n<p>Once it is added paste in the code:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-2044 size-full\" src=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/public\/glowbloghelp\/uploads\/sites\/2545\/2016\/07\/google-cal-widget.png\" alt=\"Screenshot Google Calendar widget with embed code\" width=\"428\" height=\"387\" \/><\/p>\n<p>Note the code is not changed to a shortcode.<\/p>\n<p>The above code will produce the calendar widget.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Unlike other google embeds, you need to activate a plugin for this one. This plugin will allow you to embed Google Calendars in Posts pages and in a Widget. To use it you need to activate the plugin: Dashboard-&gt;Plugins Click the Activate link under the Plugin&#8217;s name: You then need to get the embed code &hellip; <a href=\"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/embeds\/2020\/12\/11\/google-calendars\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Google Calendars<\/span> <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":22,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[4,8],"class_list":["post-55","post","type-post","status-publish","format-standard","hentry","category-uncategorized","tag-google","tag-plugin"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/embeds\/wp-json\/wp\/v2\/posts\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/embeds\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/embeds\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/embeds\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/embeds\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":1,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/embeds\/wp-json\/wp\/v2\/posts\/55\/revisions"}],"predecessor-version":[{"id":56,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/embeds\/wp-json\/wp\/v2\/posts\/55\/revisions\/56"}],"wp:attachment":[{"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/embeds\/wp-json\/wp\/v2\/media?parent=55"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/embeds\/wp-json\/wp\/v2\/categories?post=55"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogs.glowscotland.org.uk\/glowblogs\/embeds\/wp-json\/wp\/v2\/tags?post=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}