Skip to content

Enable contextual content editing from within the site editor #61904

@jarekmorawski

Description

@jarekmorawski

What problem does this address?

Users expect to be able to edit certain content while updating their page design. For instance, they may notice a typo in the title of a blog post displayed in the Query Loop block in the Blog Home template.

Or they noticed an outdated price on a WooCommerce product they're about to feature on a new landing page.

Ideally, users could edit basic item details without leaving the site editor. Given we're working on merging the site and post editor, establishing a logical connection between the two can help smoothen out some of these flows.

What is your proposed solution?

We already have a pattern for editing embedded content in the site editor. When the user adds a synced pattern or a template part, we display an Edit button in the toolbar. Clicking it takes the user to an isolated editing view.

Editing content could work similarly. When the user clicks Edit, we'd take them to the post editor (or any other editor, like the product form in WooCommerce) where they can update the content.

Query Loop

post.mov

Product Collection (WooCommerce)

product.mov

The Edit button would only be visible for inner blocks containing the actual content. In the Query Loop example, that would be Post Template as well as Title, Excerpt, Featured Image, etc.

Any changes they make would be queued with the rest of their site updates and surfaced in the pre-publish modal.

Query pre

Later on, we'd explore displaying the content in the Inspector to surface more granular controls, like status, author, etc.

image

Metadata

Metadata

Assignees

No one assigned

    Labels

    Needs Design FeedbackNeeds general design feedback.[Feature] Site EditorRelated to the overarching Site Editor (formerly "full site editing")[Type] EnhancementA suggestion for improvement.

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions