-
Notifications
You must be signed in to change notification settings - Fork 4.7k
Description
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.
Later on, we'd explore displaying the content in the Inspector to surface more granular controls, like status, author, etc.

