{"id":16370622,"date":"2026-09-14T20:45:48","date_gmt":"2026-09-14T20:45:48","guid":{"rendered":"https:\/\/wordpress.org\/documentation\/?post_type=helphub_article&#038;p=16370622"},"modified":"2026-09-21T16:06:19","modified_gmt":"2026-09-21T16:06:19","slug":"zoom-out-view","status":"publish","type":"helphub_article","link":"https:\/\/wordpress.org\/documentation\/article\/zoom-out-view\/","title":{"rendered":"Zoom out view"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The Zoom out view is a powerful editing mode in the WordPress Site Editor that allows users to get a broader, high-level perspective of their page layout. It is designed to enhance usability and streamline the design workflow, especially when managing full-page layouts or working with multiple template parts.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This mode is particularly useful for:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Designers reviewing the page&#8217;s visual flow.<\/li>\n\n\n\n<li>Site administrators applying consistent section styles across multiple blocks.<\/li>\n\n\n\n<li>Users managing complex templates with multiple content areas.<\/li>\n<\/ul>\n\n\n\n<h2 class=\"wp-block-heading\">How to use Zoom out<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To access the Zoom out view, click on the icon that looks like two arrows pointing away from each other near the settings toggle at the top of the editor.<\/p>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"776\" height=\"118\" src=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/zoom-out-toggle.png\" alt=\"Zoom out view location\" class=\"wp-image-16370612\" style=\"aspect-ratio:6.577110276734808;width:443px;height:auto\" srcset=\"https:\/\/wordpress.org\/documentation\/files\/2019\/03\/zoom-out-toggle.png 776w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/zoom-out-toggle-300x46.png 300w, https:\/\/wordpress.org\/documentation\/files\/2019\/03\/zoom-out-toggle-763x116.png 763w\" sizes=\"auto, (max-width: 776px) 100vw, 776px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">You can also use keyboard shortcuts to toggle Zoom out mode on and off:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Windows: <strong>Ctrl + Shift +&nbsp;<code>0<\/code><\/strong><\/li>\n\n\n\n<li>Mac: <strong>\u21e7 + \u2318 + 0<\/strong><\/li>\n<\/ul>\n\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/keyboard-shortcuts-block-editor\/\">Learn more about keyboard shortcuts.<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">When editing a page<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When editing a page while using a block theme, choose <strong>Show template<\/strong> to view the page content with the shared theme elements such as header and footer. From here you will see the Zoom out toggle.<\/p>\n\n\n\n\t\t<figure class=\"wp-block-jetpack-videopress jetpack-videopress-player\" style=\"\" >\n\t\t\t<div class=\"jetpack-videopress-player__wrapper\"> <iframe loading=\"lazy\" title=\"VideoPress Video Player\" aria-label=\"VideoPress Video Player\" width=\"500\" height=\"301\" src=\"https:\/\/videopress.com\/embed\/WFbkdPm1?cover=1&amp;autoPlay=0&amp;controls=1&amp;loop=0&amp;muted=0&amp;persistVolume=1&amp;playsinline=0&amp;preloadContent=metadata&amp;useAverageColor=1&amp;hd=0\" frameborder=\"0\" allowfullscreen data-resize-to-parent=\"true\" allow=\"clipboard-write; presentation\"><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1770107250'><\/script><\/div>\n\t\t\t\n\t\t\t\n\t\t<\/figure>\n\t\t\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><strong>Note: <\/strong>The Zoom out icon is only visible when <strong>Show Template<\/strong> is activated within the Preview setting.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">In the Site Editor<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">When you insert a pattern into a template while using the site editor, you will automatically enter Zoom out mode. Press the Zoom out toggle button to return to the default view.<\/p>\n\n\n\n\t\t<figure class=\"wp-block-jetpack-videopress jetpack-videopress-player\" style=\"\" >\n\t\t\t<div class=\"jetpack-videopress-player__wrapper\"> <iframe loading=\"lazy\" title=\"VideoPress Video Player\" aria-label=\"VideoPress Video Player\" width=\"500\" height=\"336\" src=\"https:\/\/videopress.com\/embed\/UYoUOaIm?cover=1&amp;autoPlay=0&amp;controls=1&amp;loop=0&amp;muted=0&amp;persistVolume=1&amp;playsinline=0&amp;preloadContent=metadata&amp;useAverageColor=1&amp;hd=0\" frameborder=\"0\" allowfullscreen data-resize-to-parent=\"true\" allow=\"clipboard-write; presentation\"><\/iframe><script src='https:\/\/v0.wordpress.com\/js\/next\/videopress-iframe.js?m=1770107250'><\/script><\/div>\n\t\t\t\n\t\t\t\n\t\t<\/figure>\n\t\t\n\n\n<p class=\"has-background wp-block-paragraph\" style=\"background-color:#e5f5fa\"><a href=\"https:\/\/wordpress.org\/documentation\/article\/site-editor\/\">Learn more about the Site Editor.<\/a><\/p>\n\n\n\n<div id=\"changelog\" class=\"wp-block-group changelog has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"background-color:#dce5ec\">\n<h2 id=\"changelog\" class=\"wp-block-heading has-medium-font-size\">Changelog<\/h2>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Created 2026-09-14 (props @milana_cap @karthickmurugan @awetz583 @atachibana)<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The Zoom out view is a powerful editing mode in the WordPress Site Editor that allows users to get a broader, high-level perspective of their page layout. It is designed to enhance usability and streamline the design workflow, especially when managing full-page layouts or working with multiple template parts. This mode is particularly useful for: [&hellip;]<\/p>\n","protected":false},"author":20811757,"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,"jetpack_seo_schema_type":""},"category":[80,94],"class_list":["post-16370622","helphub_article","type-helphub_article","status-publish","hentry","category-customization","category-site-editor"],"revision_note":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/16370622","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"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/users\/20811757"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/comments?post=16370622"}],"version-history":[{"count":9,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/16370622\/revisions"}],"predecessor-version":[{"id":16370920,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/articles\/16370622\/revisions\/16370920"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/media?parent=16370622"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wordpress.org\/documentation\/wp-json\/wp\/v2\/category?post=16370622"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}