Coming soon: Block Pattern Directory Submissions

Last year we launched the Block Pattern Directory, a curated selection of beautiful and useful block patterns hosted on WordPress.orgWordPress.org The community site where WordPress code is created and shared by the users. This is where you can download the source code for WordPress core, plugins and themes as well as the central location for community conversations and organization. https://wordpress.org/ and usable directly from the post editor in any WordPress site.

The main screen of the WordPress.org block pattern directory.

Soon we plan to open the Pattern Directory to submissions from the public. The Pattern Creator page will allow designers and content creators to build, edit, and submit their best blockBlock Block is the abstract term used to describe units of markup that, composed together, form the content or layout of a webpage using the WordPress editor. The idea combines concepts of what in the past may have achieved with shortcodes, custom HTML, and embed discovery into a single consistent API and user experience. patterns to the directory. Approved patterns will be added to the directory, where they will be instantly available to the authors of millions of WordPress sites.

The Pattern Creator editor page, after submitting a newly created pattern.

The Pattern Creator is expected to launch next week. In the meantime, we’d like to invite designers, theme developers, and anyone else who loves creating block patterns, to help test the submission process and start submitting and publishing patterns early. If creating and sharing block patterns with the whole world sounds like something you’d love to do, you can get started now.

Information for other community teams:

Docs: there’s an issue about docs for the creator. cc +make.wordpress.org/docs/
Design: submit your best patterns. cc +make.wordpress.org/design/
Themes: if you’d like to see the moderation and approval process we can arrange that. cc +make.wordpress.org/themes/

The Pattern Directory is open sourceOpen Source Open Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL.. You can participate in its development in the pattern-directory GitHub repository. Suggestions and feedback are welcome on GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ or in comments on this post. Please report any issues you find by filling out a bug report.

KafleG 7:58 am on March 16, 2022

This is really a great news! Let’s make WordPress even better. 🙂
Dave Loodts 8:46 am on March 18, 2022
Submittion was easy.
A few points:
- i couldn’t see the Code Editor
- the handy tree dots in the List View also missing
It’s also not clear what happens if i edit my design afterwards. Can i edit it all the time? After submission? After approval? Or only in Pending state?

But for sure, really amazing work! I remember the start of Beaver Builder way before the Elementor-era. Exactly the pattern option of Beaver Builder skyrocketed their success. I have good faith it will do the same for the Open SourceOpen Source Open Source denotes software for which the original source code is made freely available and may be redistributed and modified. Open Source **must be** delivered via a licensing model, see GPL. WordPress.
WebMan Design | Oliver Juhas 6:36 pm on March 18, 2022
Great news! 🙂

I’ve tried submitting but had these issues:
- I couldn’t insert an image in from pattern media library. (I’ve reverted back to an online CC0 image for the time being.)
- Duotone filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. doesn’t seem to be working on an image.
Please check these issues. Thanks!
- WebMan Design | Oliver Juhas 6:38 pm on March 18, 2022
  
  More info: the duotone issue occurs in pattern preview, not in the editor.
- Zack Krida 9:44 pm on March 23, 2022
  
  Hi @webmandesign, I believe the image issue you encountered has been resolved. Would you be able to look at pattern creation again and confirm?
  - WebMan Design | Oliver Juhas 12:24 pm on March 24, 2022
    
    Hi @zackkrida,
    
    Thank you for the feedback. Yes, issues I’ve reported here are resolved now. I’m reporting new ones in GitHubGitHub GitHub is a website that offers online implementation of git repositories that can easily be shared, copied and modified by other developers. Public repositories are free to host, private repositories require a paid subscription. GitHub introduced the concept of the ‘pull request’ where code changes done in branches by contributors can be reviewed and discussed before being merged be the repository owner. https://github.com/ repo 🙂
Elma Studio 9:39 pm on March 18, 2022

Awesome, I can’t wait for the pattern directory to grow. Do you think the possibility to add patterns which include blocks other than coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. blocks will be available at some point?

Welcome to the MetaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. Team!

Contact

Coming soon: Block Pattern Directory Submissions

Welcome to the MetaMeta Meta is a term that refers to the inside workings of a group. For us, this is the team that works on internal WordPress sites like WordCamp Central and Make WordPress. Team!

Contact

Share this: