Video tutorial: designing and submitting block patterns for the new WordPress Pattern Directory

Some of you may have seen @kjellr‘s recent post about creating patterns for the new Pattern Directory, which will be in betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process. and then launching later this year. The directory’s still a WIP (for example, front-end submission hasn’t been built yet), but the development team is hoping to launch it with a bunch of high quality, curated patterns already in place on the 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. user.

I put together a ~20m video about my process bringing designs into the editor and then submitting them to the GitHubGitHub GitHub is a website that offers online implementation of git repositories that can 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. repo. If you’re interested in making patterns for the directory, or making patterns in general for your own usage, please give it a watch!