{"id":13004478,"date":"2020-06-18T15:52:28","date_gmt":"2020-06-18T15:52:28","guid":{"rendered":"https:\/\/wordpress.org\/support\/?post_type=helphub_article&#038;p=13004478"},"modified":"2024-06-08T19:28:58","modified_gmt":"2024-06-08T19:28:58","slug":"slideshare-embed","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/slideshare-embed\/","title":{"rendered":"Slideshare embed"},"content":{"rendered":"\n<p class=\"has-text-align-right has-small-font-size wp-block-paragraph\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/blocks\/\">Go back to the list of <strong>Blocks<\/strong><\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Slideshare embed block lets you add a Slideshare presentation to your page\/post. The embedded Slideshare includes navigation buttons that allow users to view the entire presentation on your website.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Steps to embed a Slideshare presentation on your post or page<\/h2>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Find the <a href=\"https:\/\/www.slideshare.net\/photomatt\/state-of-the-word-2016\">presentation on slideshare.net<\/a> and copy the presentation URL from the browser bar.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-1-1-1024x813.png\" alt=\"Find the presentation on slideshare.net and copy the presentation URL from the browser bar\" class=\"wp-image-15932078\" width=\"353\" height=\"280\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-1-1-1024x813.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-1-1-300x238.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-1-1-768x609.png 768w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-1-1.png 1414w\" sizes=\"auto, (max-width: 353px) 100vw, 353px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"2\">\n<li>Add the Slideshare Embed block to your post.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-2-1.png\" alt=\"Adding a block via the \u201cSlash\u201d command from an empty row\" class=\"wp-image-15931972\" width=\"300\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-2-1.png 668w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-2-1-300x133.png 300w\" sizes=\"(max-width: 668px) 100vw, 668px\" \/><figcaption class=\"wp-element-caption\">Adding a block via the \u201cSlash\u201d command from an empty row<\/figcaption><\/figure>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/adding-a-new-block\/\">Detailed instructions on adding blocks<\/a><\/p>\n\n\n\n<ol class=\"wp-block-list\" start=\"3\">\n<li>Paste the Slideshare URL from step 1 into the block.<\/li>\n\n\n\n<li>Click on the \u201cEmbed\u201d button.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"440\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-3-1024x440.png\" alt=\"Paste the Slideshare URL from step 1 into the block\" class=\"wp-image-15931973\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-3-1024x440.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-3-300x129.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-3-768x330.png 768w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-3.png 1420w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"5\">\n<li>Now you can see the Slideshare presentation in your editor.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"739\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-4-1024x739.png\" alt=\"Preview of the Slideshare presentation in your editor\" class=\"wp-image-15931974\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-4-1024x739.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-4-300x216.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-4-768x554.png 768w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-4.png 1400w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<ol class=\"wp-block-list\" start=\"6\">\n<li>Click on Preview to see how the presentation is displayed on the front end of your page.<\/li>\n<\/ol>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-5.png\" alt=\"Preview of the Slideshare presentation in your editor\" class=\"wp-image-15931976\" width=\"348\" height=\"317\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-5.png 958w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-5-300x273.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-5-768x699.png 768w\" sizes=\"auto, (max-width: 348px) 100vw, 348px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Block Toolbar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Besides the Mover and Drag &amp; Drop Handle, the Block Toolbar for the Slideshare embed shows four buttons:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Transform to<\/li>\n\n\n\n<li>Change alignment<\/li>\n\n\n\n<li>Edit URL, and<\/li>\n\n\n\n<li>More Options.&nbsp;<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"749\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-6-1024x749.png\" alt=\"Block toolbar in the Slideshare embed block\" class=\"wp-image-15931978\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-6-1024x749.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-6-300x220.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-6-768x562.png 768w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-6.png 1380w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Transform to:<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"757\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-7-1024x757.png\" alt=\"Transform tool in the Slideshare embed block\" class=\"wp-image-15931982\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-7-1024x757.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-7-300x222.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-7-768x567.png 768w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-7.png 1394w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can transform a Slideshare embed to Columns or a Group. This would give you the ability to change the background color around the Slideshare embed.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"648\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-8-1024x648.png\" alt=\"Changing text, background color, padding, border and border-radius settings\" class=\"wp-image-15932002\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-8-1024x648.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-8-300x190.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-8-768x486.png 768w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-8-1536x971.png 1536w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-8-2048x1295.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">Shown: Changing text, background color, padding, border and border-radius settings<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Change Alignment:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-0e47273b wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<ul class=\"wp-block-list\">\n<li><strong>Wide width<\/strong> &#8211; Increase the width of the post beyond the content size<\/li>\n\n\n\n<li><strong>Full width<\/strong> &#8211; extend the Slideshare embed post to cover the full width of the screen.<\/li>\n\n\n\n<li><strong>Align left<\/strong> &#8211; Make the Slideshare embed post left aligned<\/li>\n\n\n\n<li><strong>Align center<\/strong> &#8211; Make the Slideshare embed post alignment centered<\/li>\n\n\n\n<li><strong>Align right <\/strong>&#8211; Make the Slideshare embed post right aligned<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\"><em>\u201cWide width\u201d and \u201cFull width\u201d alignment need to be enabled by the Theme of your site.&nbsp;<\/em><\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-9-1.png\" alt=\"Change alignment in the Slideshare embed block\" class=\"wp-image-15932020\" width=\"350\" height=\"313\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-9-1.png 728w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-9-1-300x269.png 300w\" sizes=\"auto, (max-width: 350px) 100vw, 350px\" \/><\/figure>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Edit URL<\/strong>:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Via the edit URL, you can change the Slideshare Embed URL in the embed block. Overwrite the existing URL and click on the &#8220;Embed&#8221; Button.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"462\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-12-1024x462.png\" alt=\"Edit URL in the Slideshare embed block\" class=\"wp-image-15932059\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-12-1024x462.png 1024w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-12-300x135.png 300w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-12-768x346.png 768w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-12.png 1402w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>More Options:<\/strong> <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">These controls give you the option to copy, duplicate, and edit your block as HTML.<\/p>\n\n\n\n<p class=\"has-text-align-left has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/more-options\/\">Read about these and other settings.<\/a><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Block Settings<\/h2>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>Media Settings<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"548\" height=\"274\" data-id=\"15932068\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-14.png\" alt=\"Media settings in the Slideshare embed block\" class=\"wp-image-15932068\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-14.png 548w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-14-300x150.png 300w\" sizes=\"auto, (max-width: 548px) 100vw, 548px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"544\" height=\"276\" data-id=\"15932069\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-15.png\" alt=\"Media settings in the Slideshare embed block\" class=\"wp-image-15932069\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-15.png 544w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-15-300x152.png 300w\" sizes=\"auto, (max-width: 544px) 100vw, 544px\" \/><\/figure>\n<\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Via the <em>Media Settings<\/em> you can control the behavior of your post embed when viewed from a smaller device, like on a phone screen. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The Toggle switch turns on or off the resize functionality for smaller devices. The default setting is &#8220;on&#8221; or blue. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&#8220;Off:&#8221;<\/strong> This embed may not preserve its aspect ratio when the browser is resized. In the off position, the toggle switch is gray. <\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>&#8220;On:&#8221;<\/strong> This embed will preserve its aspect ratio when the browser is resized. The toggle switch turns blue in the &#8220;On&#8221; position. <\/p>\n\n\n\n<p class=\"has-medium-font-size wp-block-paragraph\"><strong>Advanced<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The advanced tab lets you add a CSS class to your block, allowing you to write custom CSS and style the block as you see fit.<br><\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><a href=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-16.png\"><img decoding=\"async\" src=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-16.png\" alt=\"The advanced section lets you add a CSS class to your block.\" class=\"wp-image-15932071\" width=\"350\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-16.png 540w, https:\/\/wordpress.org\/documentation\/files\/2022\/08\/Slideshare-Embed-HelpHub-SS-16-300x160.png 300w\" sizes=\"(max-width: 540px) 100vw, 540px\" \/><\/a><figcaption class=\"wp-element-caption\">The advanced section lets you add a CSS class to your block.<\/figcaption><\/figure>\n\n\n\n<div class=\"wp-block-group changelog has-very-dark-gray-color has-very-light-gray-background-color has-text-color has-background is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading has-medium-font-size\" id=\"changelog\">Changelog <\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Updated 2022-11-25\n<ul class=\"wp-block-list\">\n<li>Removed redundant content<\/li>\n\n\n\n<li>Aligned images for mobile view<\/li>\n\n\n\n<li>Added alt text to images<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2022-08-19\n<ul class=\"wp-block-list\">\n<li>Updated with images from WordPress 6.0<\/li>\n\n\n\n<li>Added new &#8220;Transform to&#8221; setting (column)<\/li>\n\n\n\n<li>Added &#8220;Lock&#8221; information under More Options<\/li>\n\n\n\n<li>Added ALT tags for the images<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2020-08-19\n<ul class=\"wp-block-list\">\n<li>Replaced \u201cMore Options\u201d \u2013 new screenshot<\/li>\n\n\n\n<li>Added \u201cMove To\u201d and \u201cCopy\u201d section under More Options<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Updated 2020-08-18\n<ul class=\"wp-block-list\">\n<li>Updated with images from WordPress 5.5<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>Created 2020-06-18<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Go back to the list of Blocks The Slideshare embed block lets you add a Slideshare presentation to your page\/post. The embedded Slideshare includes navigation buttons that allow users to view the entire presentation on your website. Steps to embed a Slideshare presentation on your post or page Detailed instructions on adding blocks Block Toolbar [&hellip;]<\/p>\n","protected":false},"author":17131468,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false},"category":[80,89],"class_list":["post-13004478","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-embed-blocks"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13004478","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles"}],"about":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/types\/helphub_article"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=13004478"}],"version-history":[{"count":2,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13004478\/revisions"}],"predecessor-version":[{"id":16360405,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/13004478\/revisions\/16360405"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wporg\/v1\/users\/lvg2013"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=13004478"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=13004478"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}