{"id":2563,"date":"2020-10-02T09:56:43","date_gmt":"2020-10-02T13:56:43","guid":{"rendered":"https:\/\/www.bates.edu\/wordpress\/?p=2563"},"modified":"2020-11-25T11:03:57","modified_gmt":"2020-11-25T16:03:57","slug":"embed-google-slides-presentation-into-wordpress","status":"publish","type":"post","link":"https:\/\/www.bates.edu\/wordpress\/2020\/10\/02\/embed-google-slides-presentation-into-wordpress\/","title":{"rendered":"Embed a Google Slideshow\/Presentation into WordPress"},"content":{"rendered":"\n<p>Below are two ways to embed a Google Slideshow\/Presentation within the Bates.edu WordPress environment. The &#8220;Advanced&#8221; way is slightly more lengthy but has the advantage that the slides will automatically resize to the optimum size based on the size of the screen. <\/p>\n\n\n\n<ol class=\"wp-block-list\" id=\"block-c0574be7-1911-457f-8644-2738c5885c15\"><li>Open your slide presentation, pull down the <strong>File<\/strong> menu and select <strong>Publish to the web<\/strong>.<\/li><li>Select the <strong>Embed<\/strong> tab.<\/li><li>There are a number of options available:<ol><li><strong>Slide size<\/strong> only matters if you choose the basic method below. Note that if you choose &#8220;Medium&#8221;, it will overlap the sidebar on laptops, and flow off the page on mobile. If you choose &#8220;Small&#8221; it will be fairly small, but remember that the user can always view full screen if desired. <\/li><li>Whether to auto-advance slides (and at what time period)<\/li><li>Whether to start the slideshow immediately on page load.<\/li><li>Whether to loop the slides when the end is reached.<\/li><li>Privacy: If you would like to hide the content unless the viewer is signed in with their Bates credentials, open the toggle next to <strong>Published content &amp; settings<\/strong> and check the box next to <strong>Require viewers to sign in&#8230;<\/strong><\/li><\/ol><\/li><li>Click the <strong>Publish<\/strong> button.<\/li><li>Select the html code in the box that now appears (it starts with <code>&lt;iframe src<\/code> ). From here, continue with either the basic or more advanced methods below.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Basic Method<\/h2>\n\n\n\n<ol class=\"wp-block-list\" start=\"6\"><li>In WordPress, insert the <strong>html<\/strong> block into your page. <\/li><li>Paste the code you copied into the block. <\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Advanced Method<\/h2>\n\n\n\n<ol class=\"wp-block-list\" start=\"6\"><li>Paste the code into a text editor. You need to select the url that appears within the quotes after <code>src=\"<\/code>  and up to the next <code>\"<\/code>  I&#8217;ve highlighted the correct bit in this example: <\/li><\/ol>\n\n\n\n&lt;iframe src=&#8221;<span style=\"background:hsl(60,100%,85%)\">https:\/\/docs.google.com\/presentation\/d\/e\/2PACX-1vQbr_owz7B-x1X8nu7IaInMWMke4a0hF3vyyl41yUemisc78_DZtJyZrd7pYlUVYbYudoE-Z_rCkt5A\/embed?start=false&amp;loop=false&amp;delayms=3000<\/span>&#8221; frameborder=&#8221;0&#8243; width=&#8221;960&#8243; height=&#8221;569&#8243; allowfullscreen=&#8221;true&#8221; mozallowfullscreen=&#8221;true&#8221; webkitallowfullscreen=&#8221;true&#8221;&gt;&lt;\/iframe&gt;\n\n\n\n<ol class=\"wp-block-list\" start=\"7\"><li>Now, in the block editor insert an <strong>iframe<\/strong> block and paste the url into  the field. <em>Note that the &#8220;iframe&#8221; block is specific to Bates.edu and not available in other WordPress instances.<\/em><\/li><\/ol>\n\n\n\n<p><em> <\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Below are two ways to embed a Google Slideshow\/Presentation within the Bates.edu&hellip;<\/p>\n","protected":false},"author":428,"featured_media":1862,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_hide_ai_chatbot":false,"_ai_chatbot_style":"","associated_faculty":[],"_Page_Specific_Css":"","_bates_restrict_mod":false,"_batesModPostContentOverride_prepend":false,"_batesModPostContentOverride_append":false,"_batesModPostContentOverride_append_before_footer":false,"_table_of_contents_display":false,"_table_of_contents_location":"","_table_of_contents_disableSticky":false,"_is_featured":false,"footnotes":"","_bates_seo_meta_description":"","_bates_seo_block_robots":false,"_bates_seo_sharing_image_id":0,"_bates_seo_sharing_image_twitter_id":0,"_bates_seo_share_title":"","_bates_seo_canonical_overwrite":"","_bates_seo_twitter_template":""},"categories":[1],"tags":[],"class_list":["post-2563","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-blog"],"_links":{"self":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/posts\/2563","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/users\/428"}],"replies":[{"embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/comments?post=2563"}],"version-history":[{"count":2,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/posts\/2563\/revisions"}],"predecessor-version":[{"id":2580,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/posts\/2563\/revisions\/2580"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/media\/1862"}],"wp:attachment":[{"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/media?parent=2563"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/categories?post=2563"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.bates.edu\/wordpress\/wp-json\/wp\/v2\/tags?post=2563"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}