The Blueprint Gallery: Share your WordPress creations with Playground

Imagine if in a few clicks, you could get access to an exact replica of someone else’s WordPress creation and get a peek behind the scenes. Or imagine if you could provide a copy of your site to help with testing against new plugins, themes, or WordPress versions. WordPress Playground makes all this and more possible, including allowing developers to provide a live preview of their plugins before installation via custom blueprints. Now, the project is looking for contributions that can help further enrich the Playground experience and ecosystem.

Meet the Blueprint Gallery, a new community initiative that allows WordPress developers and extenders to share their setups as blueprints with others 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/.

What are blueprints? 

Blueprints are the configuration files for a Playground instance, written in JSONJSON JSON, or JavaScript Object Notation, is a minimal, readable format for structuring data. It is used primarily to transmit data between a server and web application, as an alternative to XML. format. They can list certain settings, like PHPPHP PHP (recursive acronym for PHP: Hypertext Preprocessor) is a widely-used open source general-purpose scripting language that is especially suited for web development and can be embedded into HTML. http://php.net/manual/en/intro-whatis.php. versions, WordPress versions, or steps that the tool should take to set up the right combination of plugins, themes, and content for a demo or a test site. 

Blueprints are the meat of the matter: What are the settings and steps that make the demo site a good experience? 

The Blueprints 101 page has the technical details. Contributors shared a few blueprint files and methods in an early version of the Blueprint Gallery.  

For a more in-depth look, check out the following developer focused articles about WordPress playground.

What can you find in the Blueprint Gallery? 

You can pick from various examples, ranging from a login step to installing plugins and themes automatically. Additionally, you can import and create content and enable certain experimental features in the GutenbergGutenberg The Gutenberg project is the new Editor Interface for WordPress. The editor improves the process and experience of creating new content, making writing rich content much simpler. It uses ‘blocks’ to add richness rather than shortcodes, custom HTML etc. https://wordpress.org/gutenberg/ pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party. Use wp-cliWP-CLI WP-CLI is the Command Line Interface for WordPress, used to do administrative and development tasks in a programmatic way. The project page is http://wp-cli.org/ https://make.wordpress.org/cli/ commands to add several posts or just a single post with a featured imageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts.. You can even create a plugin on the fly to add a custom post typeCustom Post Type WordPress can hold and display many different types of content. A single item of such a content is generally called a post, although post is also a specific post type. Custom Post Types gives your site the ability to have templated posts, to simplify the concept. to a site or a series of content from one site and import it into a Playground site.

Why consider contributing and sharing? 

This new way of testing, previewing, and trying out new things lowers the barriers for new users to experiment and explore WordPress. Contributing to the Blueprint Gallery means helping other developers with blueprints for specific use cases while encouraging the use of Playground for WordPress’s overall growth and innovation. This project is as much about showcasing and sharing your work as it is about reusing and leveraging works others have done, especially for impressive and more involved setups, remixing different configurations, and learning about what WordPress and Playground can do.

How to submit your creations? 

There are two prerequisites for a successful submission: You need to be familiar with the pull request process on GitHub and provide a folder that contains all assets and other files needed for the blueprint to work. 

During the submission process, you will receive a notification if there is information missing and a link to test your blueprint from our pull request. It’s a fairly smooth process. All the details are available in the Contributing Guidelines

Post your questions, suggestions, or ideas in the comments, or create an issue on the GitHub repo or join the #meta-playground channel

Props for reviewing to @zieladam @rmartinezduque @annezazu

#blueprints, #meta-playground

Meeting Agenda for May 15, 2024

Meeting Information

👋🏻 Intro/Welcome

Who is a new to the #meta SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel this week

🆕 News

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. news

📰 From the blog

🏗️ Projects

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/ and TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/.

Meta Trac

@coffee2code shares we’re under 1000 open tickets

PluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party Directory
Support Forums
WPTV
Meta
Meta Team Site
WordPress.tv
WordPress Credits
Other

Meta Commits

GitHub

WordPress/gutenberg.run

WordPress/wordcamp.org

WP Playground Issues

Slack

Messages

WordCamp.org

Cross-team news

Other news

Open Floor

Action Items

X-post: Recognizing Contributions and Acknowledging Challenges

X-comment from +make.wordpress.org/sustainability: Comment on Recognizing Contributions and Acknowledging Challenges

Meeting Agenda for May 1, 2024

👋🏻 Intro/Welcome

🆕 News

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. news

Here’s the organized summary sorted by 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, GitHub label, and Meta TracTrac Trac is the place where contributors create issues for bugs or feature requests much like GitHub.https://core.trac.wordpress.org/. component:

Meta Posts:

WordPress Playground

WordCamp.org

Enhancement

Hotfix

Feature

Design

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/

Support Forums

PluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party Directory

Photo Directory

Locales:

WordPress.org & Team Sites

Mercantile Store:

SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. Conversations:

Changesets

Cross-team news

Other news

Open Floor

Open Discussion

Action Items

The Plugin Directory gets a refresh

Over the past few weeks, 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 has been working on a new theme for the Plugin Directory. This visual refresh is part of the continued effort to establish a consistent design language across 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/. The updated site launched today. Congratulations to everyone involved in this effort.

The update’s primary focus was to standardize the site’s layout, fonts, spacing, and colors with other newly updated sections of WordPress.org. This follows the recent Pattern Directory refresh and the Forums refresh launched a few weeks prior. 

Here’s a look at the new homepage, followed by a single plugin page.

The updated homepage versus the current site.
The updated homepage versus the current site.
The updated single pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party layout versus the current site.

Next steps

The Plugin Directory refresh is now live for WordPress.org and all foreign-language sites (Rosetta sites). Some translation work may need to be done for each locale, and that can be managed in the WordPress Plugin Directory project.

It’s important to note that this refresh is not a complete redesign. Over the years, there have been many discussions throughout the community on how the Plugin Directory could be improved—everything from a completely different homepage layout and more data for plugin authors to better search and plugin categorization. The aesthetic updates completed in this iteration do not fundamentally change the Plugin Directory, but they do set the stage for future, more consequential improvements. 

Minor iterations and follow-ups are planned in the next few weeks as the community begins using the directory and any new issues are created. There are also a few accessibility issues that will be addressed post-launch, and I wanted to highlight the following open discussions:

If you find an issue or have suggestions for larger functional changes, please add an item to the WordPress.org issues queue 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 Meta Trac

Finally, make sure to join the #website-redesign SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel if you are interested in additional updates coming to WordPress.org and want to contribute. Thanks!

Props to @laurlittle and @dufresnesteven for reviewing this post and providing feedback.

+make.wordpress.org/plugins/
+make.wordpress.org/support/
+make.wordpress.org/design/
+make.wordpress.org/polyglots/
+make.wordpress.org/marketing/
+make.wordpress.org/accessibility/

#website-redesign

Devs: Give your feedback on Plugin Directory Playground Previews

In November 2023, pluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party authors could add a preview feature powered by WordPress Playground that allowed both developers to offer an early, customized look at their plugin and enable users to explore before downloading. At this stage, 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 is seeking input from plugin developers to enhance the power and value of this new option, enabling more people to adopt it and addressing the needs of current users.

Call for feedback and next steps

The Meta team would like to hear from developers!

  • Were there challenges in creating your plugin’s Blueprint?
  • What creative ways are developers using Previews to onboard their users?
  • What new Blueprint features would you like to see in the future?
  • What would convince you to provide a Blueprint for your plugin if you’ve decided not to do that?

Please provide your suggestions, ideas and questions in the comments on this post before Monday, May 6. If there are critical blockers, feel free to pose issues in the #meta-playground channel on Make SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/.

Background

If you’ll recall, the opt-in experience for the Plugin directory’s Preview button soft-launched in November 2023. The Preview button allows plugin developers to enable users to launch a demo WordPress site with their plugin (and possibly other configurations) enabled, which empowers users to trial the plugin before installing. The Preview button utilizes WordPress Playground’s Blueprints feature to pass a blueprint.json file with configuration options.

If this all sounds foreign and new, do not fret. A new Plugin Handbook resource was recently added to help developers get started with Previews and Blueprints.

For developers who are already exploring and utilizing the Preview button feature, there is also a new page on the Plugin Directory for you to browse Preview-enabled Plugins.

Props to @bph, @annezazu, and @zieladam for reviewing this post and providing feedback, and @webdevmattcrom @annezazu, @tellyworth for the idea.

+https://make.wordpress.org/plugins/

#meta-playground, #plugin-directory

The Pattern Directory gets a refresh and is now powered by blocks

Over the past few weeks, 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 has been working on a new theme for the Pattern Directory as part of a broader effort to establish a consistent design language across 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/. The updated site launched today. Congratulations to everyone involved in this effort.

With this update, the site is now using a block child theme and the shared WordPress.org parent theme, laying the groundwork for future improvements. For now, the main changes were to convert everything to blocks and standardize the layout, typography, and colors. Rosetta sites (for example, de.wordpress.org/patterns, or es.wordpress.org/patterns) have also been updated to use the new design.

The new theme also utilizes the Interactivity API for many user interactions, such as favoriting a pattern, and performance is improved. The site loads in under one second on a high-speed connection, down from about three seconds with the old theme. There is 70-80 percent less JavaScriptJavaScript JavaScript or JS is an object-oriented computer programming language commonly used to create interactive effects within web browsers. WordPress makes extensive use of JS for a better user experience. While PHP is executed on the server, JS executes within a user’s browser. https://www.javascript.com/. per page, and the page weight is about 40 percent smaller overall. 

Here’s a look at the new homepage, followed by a single pattern page.

The updated homepage versus the previous design.
The updated homepage versus the previous design.
The updated single pattern layout versus the previous design.
The updated single pattern layout versus the previous design.

And here’s a look at the Spanish-language version of the Pattern Directory, which has already been translated. Some translation work may be needed for each foreign-language site, which can be managed in the WordPress Pattern Directory project.

The updated homepage and a single pattern in the Spanish Pattern Directory.
The updated homepage and a single pattern in the Spanish Pattern Directory.

Next steps

As with the recent Forums refresh, this update to the Patterns directory is not a complete redesign and plenty of work remains to be done. However, this iteration is a big step forward, especially for the directory’s underlying architecture, and will unblock larger improvements down the line. Notably, the pattern creation experience remains unchanged but could use an overhaul. An issue has been created, and you can follow along 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/.

Additionally, the Design team has been conceptualizing more substantial improvements in how related patterns can be packaged together and presented to users. The latest designs in Figma explore pattern “bundles” and an improved pattern creation flow. 

If you find an issue or have suggestions for larger functional changes, please create an issue in the GitHub repository or feel free to leave comments on the design explorations in Figma.

Finally, make sure to join the #website-redesign SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel if you are interested in additional updates coming to WordPress.org and want to contribute. Thanks!

Props to @ryelle and @laurlittle for reviewing this post and providing feedback.

+make.wordpress.org/design/
+make.wordpress.org/polyglots/
+make.wordpress.org/marketing/
+make.wordpress.org/accessibility/

#website-redesign

Meeting Agenda for April 17, 2023

Is there anything additional you would like discussed? Leave your comments below, or drop them into the Meta Slack channel.

👋🏻 Intro/Welcome

🆕 News

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. news

Projects

  • Are there any new projects in Meta currently being worked on?
    • Update from Website-Redesign
      • Homepage
      • Forums
    • Update from AccessibilityAccessibility Accessibility (commonly shortened to a11y) refers to the design of products, devices, services, or environments for people with disabilities. The concept of accessible design ensures both “direct access” (i.e. unassisted) and “indirect access” meaning compatibility with a person’s assistive technology (for example, computer screen readers). (https://en.wikipedia.org/wiki/Accessibility) Testing

Meta Posts

Events

Mercantile Store:

Meta Team:

Pattern Directory Team:

Photos Team:

Polyglots TeamPolyglots Team Polyglots Team is a group of multilingual translators who work on translating plugins, themes, documentation, and front-facing marketing copy. https://make.wordpress.org/polyglots/teams/.:

PluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party Review Team:

Playground

Support Forums Team:

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/

Cross-team news

Open Discussion

Action Items

The Forums get a refresh

Over the past few weeks, 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 has been working on a new theme for Forums as part of a broader effort to establish a consistent design language across 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/. The updated site launched today. Congratulations to everyone involved in this effort.

In addition to standardizing the structure, fonts, spacing, and colors, the Forums homepage now matches the layout of the newly redesigned Developer Resources section, improving consistency within the Learn section of the site.

Here’s a look at the new homepage, followed by an individual forums page and a single post.

The updated homepage versus the current site.


The updated forums layout versus the current site.


The updated single post layout versus the current site.

Next steps

This refresh is not a complete redesign, and there is still work to be done. Rather, it’s intended to be a quick iteration to set the stage for future improvements. You can view the complete redesign proposal in Figma and the current development project board for Forums 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/

The forums on non-English sites (Rosetta sites) will not change as part of this update. Polyglots mentors can contact the #meta SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel to switch to the new theme. Some translation work will need to be done and that can be managed in the Forums project. The goal is to have all Rosetta sites switched over by July 1, 2024.

If you find an issue or have suggestions for larger functional changes, please add an item to the WordPress.org issues queue on GitHub or in Meta Trac

Finally, make sure to join the #website-redesign Slack channel if you are interested in additional updates coming to WordPress.org and want to contribute. Thanks!

Props to @adamwood, @dufresnesteven, and @ryelle for reviewing this post and providing feedback.

+make.wordpress.org/support/
+make.wordpress.org/design/
+make.wordpress.org/polyglots/
+make.wordpress.org/marketing/
+make.wordpress.org/accessibility/

#website-redesign

Homepage updates

If you visit WordPress.org, you will notice a few changes. This is not a complete reenvisioning of the homepage but rather a quick initial iteration that aims to accomplish a few things. 

  • Do a better job targeting new-to-WordPress users or those who are coming back to the platform after some time away.
  • Showcase modern WordPress, particularly the latest release, with a CTA to learn more.
  • Elevate the community section above the learning resources and add a link to the new Events page. 
  • Compact the design slightly.

Here’s the old design and the updated version side-by-side.

The old homepage design next to the new iteration.

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 has implemented several processes that make updating the homepage relatively easy. It’s entirely a 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. editor page that then syncs back to template files stored in version control. 

The homepage should feel alive and dynamic. It should be updated consistently to showcase what’s new in WordPress, both in the CMS and the community. So what would you like to see? 

Next steps

Each section of the homepage can be viewed as a separate “module” that all work together to form the page. In this iteration, the following modules were updated: 

You can view the different versions of each module that were explored and continue to be explored in Figma. Add comments and share ideas there. You can also create issues directly in the wporg-main-2022 GithHub repository. This is the theme that powers the main 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/ site. 

Finally, make sure to join the #website-redesign SlackSlack Slack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel if you are interested in additional updates coming to WordPress.org and want to contribute.

Props to @ryelle and @joen for reviewing this post and providing feedback.

#website-redesign