#5411 closed enhancement (fixed)
Plugin Directory: Improve display of available blocks
Reported by: | ryelle | Owned by: | ryelle |
---|---|---|---|
Milestone: | Priority: | normal | |
Component: | Plugin Directory | Keywords: | has-patch |
Cc: |
Description
If a plugin offers blocks, those are displayed on the single plugin page in the "Blocks" section. Currently this shows a simple list with the block's name (slug) and human-friendly title.
We could also show…
- Block icons
- Block descriptions
- Screenshots from running the block e2e tests?
Attachments (6)
Change History (15)
This ticket was mentioned in Slack in #meta by tellyworth. View the logs.
4 years ago
#3
@
4 years ago
@ryelle can you add screenshots? I haven't actually worked out how to test this locally. Yet.
#4
@
4 years ago
@ryelle Here's an initial pass at it. I also uploaded a mock with potential states. I'm still iterating as I'm not super happy with the no icon/no description state using the above pattern. That said, it's probably okay for a v1.
Source figma page: https://www.figma.com/file/dHtjHdh8lZm0DinGKP8MmT/Block-Directory?node-id=777%3A0
This ticket was mentioned in PR #20 on WordPress/wordpress.org by ryelle.
4 years ago
#5
- Keywords has-patch added
Blocks with and icon and description:
This block provides an SVG icon, so it's colorful:
List of blocks, no descriptions
No block icon:
#6
@
4 years ago
I've attached a PR with the changes, there are screenshots of a few different cases there. The only divergence from the mockups is that I went with the dashicons "block" icon, since I don't think we have a good way to drop in the new icons on wp.org.
#8
@
4 years ago
- Owner set to ryelle
- Resolution set to fixed
- Status changed from new to closed
In 10440:
5411-wip.diff is a first-pass/prototype of adding the icon & description. Could use a designer's input :)
The screenshots above are WooCommerce, with a lot of blocks but we can't identify the icon or descriptions, and "Web Vitals", which does load the icon & description.