{"id":725,"date":"2016-02-04T00:23:10","date_gmt":"2016-02-03T16:23:10","guid":{"rendered":"http:\/\/people.utm.my\/yap\/?page_id=725"},"modified":"2016-07-19T15:52:32","modified_gmt":"2016-07-19T07:52:32","slug":"adding-google-calendar","status":"publish","type":"page","link":"https:\/\/people.utm.my\/yap\/wordpress-website-guide\/adding-google-calendar\/","title":{"rendered":"Adding Google Calendar"},"content":{"rendered":"<blockquote><p><span style=\"font-size: 12pt;\"><span style=\"color: #ff0000;\"><strong>Warning:\u00a0<\/strong><\/span><span style=\"color: #000000;\">This guide teaches you how to add google calendars into your website. \u00a0If your privacy settings are not properly managed, the world wide web will be able to see it.<\/span><\/span><\/p>\n<p>&nbsp;<\/p>\n<p><span style=\"font-size: 12pt;\"><strong><span style=\"color: #0000ff;\">Tips:\u00a0<\/span><\/strong><span style=\"color: #000000;\">You should separate your personal and work into different calendars. \u00a0That way, it would be easier to control the privacy settings.<\/span><\/span><\/p><\/blockquote>\n<p><span style=\"font-size: 12pt;\">Firstly, open your google calendar and enter calendar settings:<\/span><\/p>\n<p><span style=\"font-size: 12pt;\"><a href=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar1.png\" rel=\"attachment wp-att-726\"><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-726 aligncenter\" src=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar1-225x300.png\" alt=\"calendar1\" width=\"214\" height=\"285\" srcset=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar1-225x300.png 225w, https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar1.png 269w\" sizes=\"(max-width: 214px) 100vw, 214px\" \/><\/a><\/span><\/p>\n<p><span style=\"font-size: 12pt;\">Next, you will need to edit the sharing settings.<\/span><\/p>\n<p><span style=\"font-size: 12pt;\">&gt;&gt; Click Calendars<\/span><br \/>\n<span style=\"font-size: 12pt;\">&gt;&gt; Search for any<strong><em> ONE<\/em> <\/strong>of the <\/span>calendar<span style=\"font-size: 12pt;\">\u00a0that you wish to <\/span>share..<span style=\"font-size: 12pt;\"> (yes, you can share more than 1)<\/span><br \/>\n<span style=\"font-size: 12pt;\">&gt;&gt; Click on the Sharing property<\/span><\/p>\n<p><span style=\"font-size: 12pt;\"><a href=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar2.png\" rel=\"attachment wp-att-727\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-727 \" src=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar2.png\" alt=\"calendar2\" width=\"549\" height=\"209\" srcset=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar2.png 769w, https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar2-300x114.png 300w, https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar2-768x293.png 768w\" sizes=\"(max-width: 549px) 100vw, 549px\" \/><\/a><\/span><\/p>\n<p>Next click on &#8220;Calendar Details&#8221; and click &#8221;<\/p>\n<p><a href=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar3.png\" rel=\"attachment wp-att-731\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-731 \" src=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar3.png\" alt=\"calendar3\" width=\"620\" height=\"363\" srcset=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar3.png 786w, https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar3-300x176.png 300w, https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar3-768x449.png 768w\" sizes=\"(max-width: 620px) 100vw, 620px\" \/><\/a><\/p>\n<p>This will open\u00a0a new window and you can play around with the settings. \u00a0You can change name of the your calendar, features that you want to display, time zone, which and how many calendars you want to share, the colours of the calendar, size, settings, etc&#8230;<\/p>\n<p><a href=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/Untitled.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-796\" src=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/Untitled.png\" alt=\"Untitled\" width=\"1920\" height=\"1624\" srcset=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/Untitled.png 1920w, https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/Untitled-300x254.png 300w, https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/Untitled-768x650.png 768w, https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/Untitled-1024x866.png 1024w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<p>When you have finalized the setttings, look to the top right:<\/p>\n<p><a href=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/Calendar4.png\" rel=\"attachment wp-att-733\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-733 aligncenter\" src=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/Calendar4.png\" alt=\"Calendar4\" width=\"611\" height=\"166\" srcset=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/Calendar4.png 981w, https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/Calendar4-300x81.png 300w, https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/Calendar4-768x208.png 768w\" sizes=\"(max-width: 611px) 100vw, 611px\" \/><\/a><\/p>\n<p>Paste that code in your wordpress<strong>\u00a0<\/strong>and change the following:<\/p>\n<ol>\n<li>Find for <span style=\"font-family: 'courier new', courier, monospace;\">&lt;\/iframe&gt;<\/span> and delete it.<\/li>\n<li>At the beginning of the code, replace the &#8220;&lt;&gt;&#8221; with &#8220;[]&#8221;. Example:<br \/>\n<em>From<\/em><br \/>\n<span style=\"font-family: 'courier new', courier, monospace;\">&lt;iframe&#8230;.&gt;<\/span><br \/>\n<em>to<\/em><br \/>\n<span style=\"font-family: 'courier new', courier, monospace;\">[ iframe&#8230;. ] \u00a0(without the space bar)<\/span><\/li>\n<li>Delete all &#8220;<span style=\"font-family: 'courier new', courier, monospace;\">amp;<\/span>&#8221; in the html code.<\/li>\n<\/ol>\n<p>Save the page. \u00a0Visit\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/iframe\/other_notes\/\" target=\"_blank\">https:\/\/wordpress.org\/plugins\/iframe\/other_notes\/<\/a> for more information.<\/p>\n<p><span style=\"font-size: 12pt;\">Now, head back to google calendar and edit the settings of all of the calendars that you shared. \u00a0M<\/span>ake it public and click save. \u00a0You have the option to show only &#8220;free&#8221; or &#8220;busy&#8221; instead of the actual information.<\/p>\n<p><a href=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar5.png\" rel=\"attachment wp-att-736\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-736 \" src=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar5.png\" alt=\"calendar5\" width=\"596\" height=\"331\" srcset=\"https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar5.png 790w, https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar5-300x167.png 300w, https:\/\/people.utm.my\/yap\/wp-content\/uploads\/sites\/1596\/2016\/02\/calendar5-768x427.png 768w\" sizes=\"(max-width: 596px) 100vw, 596px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>That should do it.. Good luck!!<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Warning:\u00a0This guide teaches you how to add google calendars into your website. \u00a0If your privacy settings are not properly managed, the world wide web will be able to see it. &nbsp; Tips:\u00a0You should separate your personal and work into different calendars. \u00a0That way, it would be easier to control the privacy settings. Firstly, open your [&hellip;]<\/p>\n","protected":false},"author":14205,"featured_media":0,"parent":488,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-725","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/people.utm.my\/yap\/wp-json\/wp\/v2\/pages\/725","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/people.utm.my\/yap\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/people.utm.my\/yap\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/people.utm.my\/yap\/wp-json\/wp\/v2\/users\/14205"}],"replies":[{"embeddable":true,"href":"https:\/\/people.utm.my\/yap\/wp-json\/wp\/v2\/comments?post=725"}],"version-history":[{"count":0,"href":"https:\/\/people.utm.my\/yap\/wp-json\/wp\/v2\/pages\/725\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/people.utm.my\/yap\/wp-json\/wp\/v2\/pages\/488"}],"wp:attachment":[{"href":"https:\/\/people.utm.my\/yap\/wp-json\/wp\/v2\/media?parent=725"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}