{"id":3886,"date":"2021-08-26T16:10:52","date_gmt":"2021-08-26T21:10:52","guid":{"rendered":"https:\/\/www.kasdorf.name\/wordpress\/?p=3886"},"modified":"2022-09-01T12:43:31","modified_gmt":"2022-09-01T17:43:31","slug":"ipanorama-window-size","status":"publish","type":"post","link":"https:\/\/www.kasdorf.name\/wordpress\/2021\/08\/26\/ipanorama-window-size\/","title":{"rendered":"iPanorama Window Size Using Short Code"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">I see questions on the WordPress support size about changing the size of the window a tour is displayed in. Thought I would demo it, just for fun.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To do this I normally just use the &#8220;Short Code&#8221; section &#8220;Embed code with ID&#8221;. <\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"588\" height=\"511\" src=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-1.jpg\" alt=\"\" class=\"wp-image-3887\" srcset=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-1.jpg 588w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-1-300x261.jpg 300w\" sizes=\"auto, (max-width: 588px) 100vw, 588px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">I&#8217;m not sure, but you may want to leave the settings in &#8220;General&#8221; checked for &#8220;Auto height&#8221; and &#8220;Auto Width&#8221;, but this may over ride them anyway.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-General-Defaults-1.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"211\" height=\"192\" src=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-General-Defaults-1.jpg\" alt=\"Default window size\" class=\"wp-image-3936\"\/><\/a><figcaption>Default General Settings for Window Size.<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can see this defaults to a window width of 560 pixels by 315 pixels. That makes the window look like this:<\/p>\n\n\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-2.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"605\" height=\"116\" src=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-2.jpg\" alt=\"\" class=\"wp-image-3891\" srcset=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-2.jpg 605w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-2-300x58.jpg 300w\" sizes=\"auto, (max-width: 605px) 100vw, 605px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Inspecting the page shows that indeed it is a 560&#215;315 size.<\/p>\n\n\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-3.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"644\" height=\"121\" src=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-3-644x121.jpg\" alt=\"\" class=\"wp-image-3893\" srcset=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-3-644x121.jpg 644w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-3-300x56.jpg 300w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-3-768x144.jpg 768w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-3.jpg 809w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Changing the Embed shortcode to now be 760&#215;215 we can see the effect on the display size.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-style-default\"><a href=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-4-2.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"644\" height=\"468\" src=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-4-2-644x468.jpg\" alt=\"\" class=\"wp-image-3899\" srcset=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-4-2-644x468.jpg 644w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-4-2-300x218.jpg 300w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-4-2.jpg 742w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Again, we can confirm the actual display size in comparison to the first window.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-style-default\"><a href=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-5.jpg\"><img loading=\"lazy\" decoding=\"async\" width=\"549\" height=\"73\" src=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-5.jpg\" alt=\"\" class=\"wp-image-3895\" srcset=\"https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-5.jpg 549w, https:\/\/www.kasdorf.name\/wordpress\/wp-content\/uploads\/2021\/08\/iPanorama-Window-Size-5-300x40.jpg 300w\" sizes=\"auto, (max-width: 549px) 100vw, 549px\" \/><\/a><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">So, I think it is about that easy to set the initial display size.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I see questions on the WordPress support size about changing the size of the window a tour is displayed in. Thought I would demo it, just for fun. To do this I normally just use the &#8220;Short Code&#8221; section &#8220;Embed code with ID&#8221;. I&#8217;m not sure, but you may want to leave the settings in [&hellip;]<\/p>\n","protected":false},"author":12,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[239,9],"tags":[240],"series":[],"class_list":["post-3886","post","type-post","status-publish","format-standard","hentry","category-ipanorama","category-wordpress-playground","tag-ipanorama"],"_links":{"self":[{"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/posts\/3886","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/users\/12"}],"replies":[{"embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/comments?post=3886"}],"version-history":[{"count":0,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/posts\/3886\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/media?parent=3886"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/categories?post=3886"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/tags?post=3886"},{"taxonomy":"series","embeddable":true,"href":"https:\/\/www.kasdorf.name\/wordpress\/wp-json\/wp\/v2\/series?post=3886"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}