There’s been ongoing work on the WordPress.org Patterns Directory since I last posted. I’ve continued to iterate on the design for the site and editor and wanted to share some updates. You can find the latest designs in Figma, along with all the past iterations and explorations.
Some notable changes since the last post:
- The search has been made more prominent.
- The chaotic masonry-style layout has been replaced with a more rigid grid.
- Pattern titles are always visible.
- Author avatars along with view and favorite counts are displayed below the pattern title.
- The “Load more” button has been replaced with a UI for navigating between pages.
- The pattern preview gains a menu to adjust the width of the viewport to see how a pattern reacts at various sizes.
- The pattern editor gets it’s own welcome tour.
- Media uploads will be restricted, meaning patterns can only use media provided to them in the library.
- The background color of the pattern editor now matches that of the block editors “template editing” mode.
- The pattern editor replaces the “Preview” menu with a “Width” menu, which allows designers to set the
viewportWidthproperty of their pattern. - Clicking the “Publish” button in the editor uses a multi-step modal that walks through collecting and confirming the required details (title, description, category) of a pattern.
- My Patterns has been split into two screens; The first is for patterns you own, and the second is for patterns that you’ve favorited.
Work continues on both Github and in Figma; Please do join in the fun and help us out. If you have any thoughts or feedback feel free to drop a comment below. Thanks!