Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Prioritize patterns on quick inserter instead of blocks at the root of templates #36697

Closed
Tracked by #31153
mtias opened this issue Nov 21, 2021 · 3 comments · Fixed by #38709
Closed
Tracked by #31153

Prioritize patterns on quick inserter instead of blocks at the root of templates #36697

mtias opened this issue Nov 21, 2021 · 3 comments · Fixed by #38709
Assignees
Labels
[Feature] Inserter The main way to insert blocks using the + button in the editing interface [Feature] Patterns A collection of blocks that can be synced (previously reusable blocks) or unsynced [Feature] Template Editing Mode Related to the template editor available in the Block Editor [Status] In Progress Tracking issues with work in progress [Type] Task Issues or PRs that have been broken down into an individual action to take

Comments

@mtias
Copy link
Member

mtias commented Nov 21, 2021

The quick inserter has been designed to accommodate a pattern-only view which has never been turned on yet. Let's try using it when the quick inserter is accessed at the top layer of a template. The top level means it's a direct descendant of the document, between any root template parts or existing blocks. In the following example of a block tree there would be two such places:

image

As a reminder, the design for the quick pattern insert looks like this:

Inserter-patterns

This would optimize for inserting patterns from the theme when building templates and start bringing patterns into stronger focus. In the future we need to improve the browsing and listing experience of this inserter.

@mtias mtias added [Type] Task Issues or PRs that have been broken down into an individual action to take [Feature] Inserter The main way to insert blocks using the + button in the editing interface [Feature] Patterns A collection of blocks that can be synced (previously reusable blocks) or unsynced labels Nov 21, 2021
@jasmussen
Copy link
Contributor

I think this could work well.

One thing to consider is how to make it visually clear why the interface defaults to patterns here in the top level context. To help highlight that, I tried a mockup that zooms out the page into an exploded view:

Insert patterns i2

This view would put top level blocks in relief, and help surface that patterns can be inserted in the gutters between sections. The zoom level would help for the taller page-length patterns.

This also reminds me of the older idea we discussed for presenting a zoomed-out view. That idea was also mentioned in context of the mosaic view and is conceptually well illustrated in this animatic.

@mtias
Copy link
Member Author

mtias commented Nov 25, 2021

Yes, indeed, it connects well with that idea. In the context of the zoomed-out view we can also make the sibling inserter always visible between pattern sections, for example. In that context it'd be nice to render the inserter larger, maybe coupled with the carousel view. But one step at a time!

@jasmussen
Copy link
Contributor

Nice worko @jorgefilipecosta! Should we reopen this one for some of the design changes proposed here, that aren't yet implemented?

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Inserter The main way to insert blocks using the + button in the editing interface [Feature] Patterns A collection of blocks that can be synced (previously reusable blocks) or unsynced [Feature] Template Editing Mode Related to the template editor available in the Block Editor [Status] In Progress Tracking issues with work in progress [Type] Task Issues or PRs that have been broken down into an individual action to take
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants