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

Surface related patterns in the template inspector #44582

Closed
Tracked by #33094
jameskoster opened this issue Sep 29, 2022 · 20 comments · Fixed by #55091
Closed
Tracked by #33094

Surface related patterns in the template inspector #44582

jameskoster opened this issue Sep 29, 2022 · 20 comments · Fixed by #55091
Assignees
Labels
Blessed for major release Can be iterated during a WordPress beta period [Feature] Patterns A collection of blocks that can be synced (previously reusable blocks) or unsynced Needs Design Needs design efforts. [Status] In Progress Tracking issues with work in progress [Type] Enhancement A suggestion for improvement.

Comments

@jameskoster
Copy link
Contributor

When editing a template or template part, it would be nice to find associated patterns in the Inspector.

For template parts that might look something like:

template

It could work the same for templates too, but we'd need a way for patterns to be associated with specific templates. For example it wouldn't be helpful to be suggested 404 patterns while editing the Archive template.

@jameskoster jameskoster added Needs Design Feedback Needs general design feedback. [Feature] Patterns A collection of blocks that can be synced (previously reusable blocks) or unsynced labels Sep 29, 2022
@carolinan
Copy link
Contributor

love this!

@jasmussen
Copy link
Contributor

Plus one. Love it! Let's make it happen. (Though maybe I'd have a separator between the inspector header and patterns, perhaps even a subheading for the patterns).

@jasmussen jasmussen added Needs Dev Ready for, and needs developer efforts and removed Needs Design Feedback Needs general design feedback. labels Sep 30, 2022
@annezazu
Copy link
Contributor

annezazu commented Oct 3, 2022

Noting that this matches this prior feedback that came in: #39864 For consistency/to consolidate, I'm going to close mine out but wanted to be sure that the inability to do this has been noted as a pain point in the past.

@oandregal
Copy link
Member

oandregal commented Oct 19, 2022

I'm going to investigate this. I remember having seen a mention or a sketch for having the ability to switch whole sections in the zoom-out view as well (or was it the site editor?), though I can't find it now. I guess both things are related. Would anyone have a link/sketch handy?

@oandregal
Copy link
Member

I am reading through prior art and ran into this use case:

  • We allow patterns to declare which block types they support (blockType). These patterns will be surfaced in the block toolbar as any other transformation.
  • The same works for many selected blocks at once. Though, note the inspector in this case: it's empty.

Captura de ecrã de 2022-10-19 16-18-23

Letting this here as another potential place to surface patterns a set of blocks can be transformed into.

@jameskoster
Copy link
Contributor Author

I remember having seen a mention or a sketch for having the ability to switch whole sections in the zoom-out view as well

This is still a WIP, but yes I would say that both are related.

There's also the shuffle concept for templateLock:contentOnly blocks which is similar. Indeed this could drive the transforms you mention. IE if you select a heading and a paragraph the transform menu could expose patterns that are made up of those content blocks specifically.

@oandregal
Copy link
Member

Raw prototype at #45285 It should be enough to clarify some questions.

@paaljoachim
Copy link
Contributor

I believe the other solution to add a cycle icon in the Pattern Group block toolbar to show various patterns directly in the canvas is an even better way to go:
#44581

Because:
-- It would show the pattern in it's native place.
-- It could create a broader solution between Patterns and Group blocks in which I brain stormed in this comment:
#44581 (comment)
(Basically a Pattern is a special Group block. Just like row, stack or grid.)

@priethor priethor moved this from 🏗 In progress to 💻 Needs development in Gutenberg Phase 2: Customization Apr 19, 2023
@priethor priethor removed the Needs Dev Ready for, and needs developer efforts label Apr 19, 2023
@jameskoster jameskoster moved this from 🎨 Needs design to 💻 Needs development in Gutenberg Phase 2: Customization Sep 4, 2023
@aaronrobertshaw aaronrobertshaw moved this from Todo to Needs Design in Patterns Sep 7, 2023
@bph bph moved this from Needs Dev / Todo to Punted to 6.5 in WordPress 6.4 Editor Tasks Sep 18, 2023
@MaggieCabrera
Copy link
Contributor

This is very important for TT4. Right now it's easy to swap from the post editor, but that is not good for certain templates like archive.html. This will surface those patterns so much better.

@annezazu
Copy link
Contributor

annezazu commented Oct 3, 2023

Adding this back to 6.4 after seeing the above note about this being important for TT4, which is a blessed task.

@annezazu annezazu added the Blessed for major release Can be iterated during a WordPress beta period label Oct 3, 2023
@annezazu annezazu moved this from Needs Design to Todo in Patterns Oct 3, 2023
@richtabor
Copy link
Member

If we're concerned about performance, we could potentially add these to a panel, have it closed initially perhaps as well. At least until #54999 is explored further.

Also, we could set a max number of rendered previews with a “View all” button to open the modal, similar to how the pattern explorer is set within the inserter.

@scruffian
Copy link
Contributor

I've made a start on this: #55091

@annezazu
Copy link
Contributor

annezazu commented Feb 5, 2024

With just over a week until beta 1, punting this out of 6.5 as the associated PR hasn't yet been merged and this wasn't a strong focus for the release.

@annezazu annezazu moved this from 🏗️ In Progress to 🦵 Punted to 6.6 in WordPress 6.5 Editor Tasks Feb 5, 2024
@github-project-automation github-project-automation bot moved this from 💻 Needs development to ✅ Done in Gutenberg Phase 2: Customization Feb 20, 2024
@github-project-automation github-project-automation bot moved this from 🦵 Punted to 6.6 to ✅ Done in WordPress 6.5 Editor Tasks Feb 20, 2024
@github-project-automation github-project-automation bot moved this from Todo to Done in Patterns Feb 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Blessed for major release Can be iterated during a WordPress beta period [Feature] Patterns A collection of blocks that can be synced (previously reusable blocks) or unsynced Needs Design Needs design efforts. [Status] In Progress Tracking issues with work in progress [Type] Enhancement A suggestion for improvement.
Projects
Status: Done
Status: Done
Status: Done