Skip to content

[6.8 HelpHub] Zoom Out View #1867

Closed
Closed
[6.8 HelpHub] Zoom Out View#1867
Assignees
andreawetzelkarthick-murugan
Labels
6.8Changes in 6.8 releaseCustomization[Status] Donenew documentRequests for new page/article.user documentation (HelpHub)Improvements or additions to end-user documentation

Description

@zzap
zzap
opened on Apr 3, 2025

Zoom Out View is a semi-new feature, and we need a dedicated page in user docs for it.

Title: Zoom Out View
Category: Site Editor

Updates for 6.8

Source of truth: https://gutenbergtimes.com/source-of-truth-wordpress-6-8/#zoom-out-view

  • In Zoom Out view, users can now apply different section styles and designs directly from the toolbar (67140)
  • The Block options on the block toolbar only lists Copy, Cut, Duplicate, and Delete for sections in Zoom Out view (67279)
  • Keyboard shortcut (66400)

Articles to update with mentioning the feature

Activity

  1. zzap
    added
    6.8Changes in 6.8 release
    [Status] To do
    new documentRequests for new page/article.
    user documentation (HelpHub)Improvements or additions to end-user documentation
    on Apr 3, 2025
  2. github-project-automation
    added this to WordPress 6.8 Documentationon Apr 3, 2025

  3. github-actions commented on Apr 3, 2025

    @github-actions
    github-actionsbot
    on Apr 3, 2025 – with GitHub Actions

    Heads up @WordPress/docs-issues-coordinators, we have a new issue open. Time to use 'em labels.

  4. zzap
    changed the title [-]Zoom Out View[/-] [+][6.8 HelpHub] Zoom Out View[/+] on Apr 3, 2025
  5. karthick-murugan
    self-assigned this
    on Apr 7, 2025
  6. github-actions
    added
    [Status] In progressIssue is in progress
    and removed
    [Status] To do
    on Apr 7, 2025

  7. karthick-murugan commented on Apr 8, 2025

    @karthick-murugan
    karthick-murugan
    on Apr 8, 2025
    Collaborator

    Zoom Out View

    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.

    Image

    Overview

    Zoom Out View provides a condensed visual overview of the entire page structure, enabling users to quickly assess the hierarchy, placement, and design of individual sections without having to scroll through each block in detail.

    This mode is particularly useful for:

    • Designers reviewing the page's visual flow.
    • Site administrators applying consistent section styles across multiple blocks.
    • Users managing complex templates with multiple content areas.

    Key Features

    Accessing Zoom Out View:

    • Toolbar Icon: The Zoom Out icon becomes available in the Preview tab once the Show Template option is enabled.
    • Keyboard Shortcut:
      • macOS: Shift + Command + 0
      • Windows: Shift + Ctrl + 0
    • The shortcut is also listed in the Keyboard Shortcuts reference menu.

    Image

    Streamlined Design Decisions:

    • When in Zoom Out View, users can cycle through section styles and designs directly from the block toolbar.
    • This contextual editing enables quick experimentation and evaluation of how different design options affect the overall layout.

    Enhanced Toolbar Options:

    • In Zoom Out mode, the block toolbar for sections offers a simplified set of actions:

    • Copy

    • Cut

    • Duplicate

    • Delete

    Image

    • These focused actions help maintain clarity and reduce clutter during layout adjustments.

    Behavior Notes

    • The Zoom Out icon is only visible when Show Template is activated within the Preview tab.
    • This behavior ensures that Zoom Out mode aligns with template visibility, as it is primarily intended for structural and layout adjustments at the template level.
    • Users can seamlessly toggle between the standard editing view and Zoom Out view to apply global styling changes or inspect layouts from a bird’s-eye perspective.

    Benefits

    • Provides a bird’s-eye view of the page design for better decision-making.
    • Improves productivity by enabling quick navigation and styling of page sections.
    • Reduces the need for manual scrolling and block-by-block inspection.
    • Facilitates consistency in section design across different parts of a page or template.
  8. karthick-murugan
    added
    [Status] ReviewIssue in review
    and removed
    [Status] In progressIssue is in progress
    on Apr 8, 2025

  9. github-actions commented on Apr 8, 2025

    @github-actions
    github-actionsbot
    on Apr 8, 2025 – with GitHub Actions

    Heads up @docs-reviewers - the "[Status] Review" label was applied to this issue.

  10. estelaris
    added
    Customization
    on Jan 9, 2026
  11. andreawetzel
    self-assigned this
    on Sep 14, 2026
  12. andreawetzel
    moved this to In Progress in WordPress 6.8 Documentationon Sep 14, 2026

  13. andreawetzel commented on Sep 14, 2026

    @andreawetzel
    andreawetzel
    on Sep 14, 2026
    Collaborator

    Some of this has changed since 6.8 so I made some adjustments. These pages are ready for review:

    Edit: I missed that there was a request for a new page so I'll create that and will link these other docs to it when it exists

  14. andreawetzel
    removed
    [Status] ReviewIssue in review
    on Sep 14, 2026

  15. andreawetzel commented on Sep 14, 2026

    @andreawetzel
    andreawetzel
    on Sep 14, 2026
    Collaborator

    OK this is ready for review this time with a new page:

  16. andreawetzel
    added
    [Status] ReviewIssue in review
    on Sep 14, 2026
  17. andreawetzel
    moved this from In Progress to Needs 1st Review in WordPress 6.8 Documentationon Sep 14, 2026

  18. github-actions commented on Sep 14, 2026

    @github-actions
    github-actionsbot
    on Sep 14, 2026 – with GitHub Actions

    Heads up @docs-reviewers - the "[Status] Review" label was applied to this issue.

  19. atachibana commented on Sep 21, 2026

    @atachibana
    atachibana
    on Sep 21, 2026
    Collaborator

    @andreawetzel
    Reviewed. The article is concise and easy to follow.

    As mentioned at the beginning of the issue, I think Site Editor would be a more appropriate category.

    Minor suggestion
    When editing a page section:
    When editing a post while using a Full Site Editing theme, ...
    → When editing a page while using a block theme, ...

    This would better match both the section heading and the current terminology.

  20. andreawetzel commented on Sep 21, 2026

    @andreawetzel
    andreawetzel
    on Sep 21, 2026
    Collaborator

    @andreawetzel Reviewed. The article is concise and easy to follow.

    As mentioned at the beginning of the issue, I think Site Editor would be a more appropriate category.

    Minor suggestion When editing a page section: When editing a post while using a Full Site Editing theme, ... → When editing a page while using a block theme, ...

    This would better match both the section heading and the current terminology.

    Thanks for the review and edits @atachibana - I made the following changes and will close this issue:

  21. andreawetzel
    closed this as completedon Sep 21, 2026
  22. github-project-automation
    moved this from Needs 1st Review to Done in WordPress 6.8 Documentationon Sep 21, 2026
  23. github-actions
    added
    [Status] Done
    and removed
    [Status] ReviewIssue in review
    on Sep 21, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

Labels

6.8Changes in 6.8 releaseCustomization[Status] Donenew documentRequests for new page/article.user documentation (HelpHub)Improvements or additions to end-user documentation

Type

No type

Projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions