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

Add shortcuts to access the pattern explorer #36350

Closed
jameskoster opened this issue Nov 9, 2021 · 11 comments
Closed

Add shortcuts to access the pattern explorer #36350

jameskoster opened this issue Nov 9, 2021 · 11 comments
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 Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.

Comments

@jameskoster
Copy link
Contributor

The Pattern Explorer is a powerful feature. We might consider adding shortcuts to make accessing it a bit easier.

One obvious option would be a keyboard shortcut. Another would be to surface it in the quick inserter:

Screenshot 2021-11-09 at 10 14 16

@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 Nov 9, 2021
@annezazu
Copy link
Contributor

Another shortcut to add would be in the quick inserter based on the feedback from the eleventh call for testing for the FSE Outreach Program:

Actually adding a pattern could be the same as adding a block through the Quick Inserter. Only one would see smaller thumbnails of patterns. Clicking Browse all would open the bigger inserter and have patterns tab selected.

Currently, when you search for patterns in the quick inserter you come up empty:

Screen Shot 2021-11-15 at 8 17 53 PM

Instead, you could have something like this showing a few options or the most recently used patterns with a nudge to browse all that took you to the pattern explorer:

Screen Shot 2021-11-15 at 8 21 47 PM

@paaljoachim
Copy link
Contributor

One could actually take it a few steps further.
User begins to write "pattern headers" and sees various thumbnails show up. Perhaps even scrolling the area. Browse all would be fixed in the bottom, so the user can at any time click the Browse all button. The text could perhaps also change to say "Browse all patterns" This means having the text change depending on the context of the search.

@jameskoster
Copy link
Contributor Author

These are interesting ideas, but I do wonder how frequently "pattern" comes up as a search term in these interfaces. It seems a little unnatural – kind of like searching for "block".

@mtias
Copy link
Member

mtias commented Nov 26, 2021

Related #36697.

@nebulousGirl
Copy link

nebulousGirl commented Jan 28, 2022

Why not make a pattern show up when its name is entered in the search?

@ehausen
Copy link

ehausen commented May 12, 2022

How about at least make it possible to open it programatically?

Similar to have already can open the left side inserter panel:
wp.data.dispatch('core/edit-post').setIsInserterOpened(true);

(Or is there a way to do it already?)

@mtias mtias added the [Feature] Inserter The main way to insert blocks using the + button in the editing interface label May 21, 2022
@ehausen
Copy link

ehausen commented Jun 6, 2022

To clarify, I was thinking about adding a button right in the toolbar to directly open the Pattern Explorer modal, but wasn't skilled enough to figure out how to trigger the opening of the modal.

If anyone could suggest a code snippet that makes the Pattern Explorer popup (without the Inserter sidebar), I would be grateful.

I'm thinking that encouraging to use Pattern Explorer would be better for non tech savvy people and ideally could skip opening the Inserter sidebar that has all kinds of scary stuff and clutter.

@jameskoster
Copy link
Contributor Author

@ehausen I think there is some overlap between your idea and the work going on in #41156.

@annezazu
Copy link
Contributor

Ended up opening a separate issue for discussion around being able to search for "Patterns" in the quick inserter: #42343

@jordesign jordesign added the [Type] Enhancement A suggestion for improvement. label Sep 14, 2023
@youknowriad
Copy link
Contributor

Found this issue while doing a triage session. It seems the command palette is the logical place for this kind of features these days.

@jameskoster
Copy link
Contributor Author

Agreed, let's close this one.

@jameskoster jameskoster closed this as not planned Won't fix, can't repro, duplicate, stale Jul 15, 2024
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 Needs Design Feedback Needs general design feedback. [Type] Enhancement A suggestion for improvement.
Projects
None yet
Development

No branches or pull requests

8 participants