Welcome to the MetaMetaMeta 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!
The Meta team is responsible for maintaining and managing WordPress.orgWordPress.orgThe 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/ websites. Our work is mostly done on the meta trac. If you see a bug, file a ticket!
Over the past few months, the MetaMetaMeta 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. and Design teams have collaborated on a new design for Make WordPress—the very site where this post is published. This refresh is part of the ongoing effort to establish a consistent design language across WordPress.orgWordPress.orgThe 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/. In case you missed it, the new Photos Directory was also launched earlier this week!
Congratulations to everyone who contributed to this project, and here are two quick videos that show the before and after:
As shown in the video, Make WordPress now features a new blockBlockBlock 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.-based homepage with a more expressive design and a standardized aesthetic across the rest of the site. A few notable highlights include a handbook template that now matches those in Developer Resources and Documentation and a redesigned meeting calendar.
The updated homepage is built with blocks.The new team handbook design features a three-column layout.The redesigned meeting calendar improves usability.
Next steps
This refresh was not a complete redesign. The Make section of WordPress.org is vast, covering 32 contributor teams and 114 local teams, each with its own blog, handbooks, and component pages. The primary goal was to introduce a block-based homepage, update the overall design with style improvements, and make the sites visually consistent with the rest of WordPress.org. The refresh did not fundamentally change how Make WordPress functions or address any content-related issues that might have existed prior.
Teams are encouraged to review their sections. This is a great time to update content in handbooks, team welcome messages, and more. Note that Trac was not redesigned in this update and will be addressed in the future.
If you find any issues or have suggestions for additional improvements, please add a ticket to the WordPress.org issues queue on GitHubGitHubGitHub 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 on Trac.
Finally, if you are interested in additional updates coming to WordPress.org and want to contribute, make sure to join the #website-redesignSlackSlackSlack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel. Thanks!
Over the past month and a half, the MetaMetaMeta 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. and Design teams have been working on a new look for the Photos Directory. This visual refresh is part of the continued effort to establish a consistent design language across WordPress.orgWordPress.orgThe 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/. I’m pleased to announce that the updated site launched today. Congratulations to everyone who contributed to this project!
Here’s a quick look at the before and after.
The Photos Directory now uses a block child theme alongside the shared WordPress.org parent theme. This update involved converting all elements to blocks and standardizing the layout, typography, and colors. Now, all directories across WordPress.org share consistent aesthetics and functionality, which simplifies any site-wide enhancements that may be considered in the future.
The updated homepage features a more expansive grid of photos. Search and filtering are now consistent across directories on WordPress.org.The single photo template features an updated and simplified design.
Next steps
So, now that the new Photos Directory theme is live on WordPress.org, take a look around and perhaps consider contributing a few photos of your own. At the time of writing, the directory is getting close to 20,000 photos!
If you do find any issues or have suggestions for future improvements, please add a ticket to the WordPress.org issues queue on GitHubGitHubGitHub 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 open a discussion item.
Finally, if you are interested in additional updates coming to WordPress.org and want to contribute, make sure to join the #website-redesignSlackSlackSlack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel. Thanks!
Over the past few weeks, MetaMetaMeta 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., Design, and Community team members have collaborated on a new theme for the Five for the Future site, now powered by blocks. This visual update is part of an ongoing effort to create a consistent design language across WordPress.orgWordPress.orgThe 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 refreshed site launched today, just in time for WordCampWordCampWordCamps are casual, locally-organized conferences covering everything related to WordPress. They're one of the places where the WordPress community comes together to teach one another what they’ve learned throughout the year and share the joy. Learn more. US 2024 in Portland, Oregon, next week. Congratulations to everyone involved!
This update introduces a blockBlockBlock 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.-based child theme alongside the shared WordPress.org parent theme, paving the way for future enhancements. The main changes include converting all content to blocks and standardizing the layout, typography, and colors. The homepage was also redesigned, and new contributor testimonials were added.
The updated homepage design.The new homepage versus the previous design.The updated pledges directory design.New homepage testimonials and the dedicated Testimonials page design.
Next steps
This change marks the beginning of modernizing Five for the Future. Following this visual refresh, contributors will focus on adding new features and content, beginning with case studies of participating organizations and additional testimonials. Plans are also in motion for a Five for the Future blog and newsletter.
Forthcoming updates will aim to improve organization profiles by listing activity, automating emails, enhancing onboarding, and adding options for sponsored contributors. The goal is to showcase the strength and impact of Five for the Future with a refreshed, feature-rich website.
If you find any issues with the new theme or have suggestions for improvements, please add a ticket to the WordPress.org issues queue on GitHubGitHubGitHub 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/.
Finally, if you are interested in additional updates coming to WordPress.org and want to contribute, make sure to join the #website-redesignSlackSlackSlack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel. Thanks!
Over the past few weeks, the MetaMetaMeta 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 Theme Directory, which is now powered by blocks. This visual refresh is part of the continued effort to establish a consistent design language across WordPress.orgWordPress.orgThe 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 now uses a block child theme alongside the shared WordPress.org parent theme, setting the stage for future improvements. The primary changes involved converting everything to blocks and standardizing the layout, typography, and colors. Additionally, the theme previewer was updated to include style variations and patterns registered by the theme. This update builds on the launch of the Plugin and Pattern directories introduced in April.
The updated homepage versus the previous design.The updated single theme layout versus the previous design.The updated single theme previewer versus the previous design. Note the theme style variations and patterns. The new theme filters versus the previous design.
When navigating the new theme, you will notice a few minor functional changes. For example, the homepage no longer includes a “Load more themes” button. Pagination is used instead, which also improves accessibilityAccessibilityAccessibility (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). This is a result of rearchitecting the site using a blockBlockBlock 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. theme and incorporating as many coreCoreCore is the set of software required to run WordPress. The Core Development Team builds WordPress. WordPress blocks as possible, the Query block in this case. Previously, the Theme Directory was powered by a Backbone.js application, which was difficult to maintain and inconsistent with other directories on WordPress.org.
Next steps
The Theme 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 Theme Directory project.
It’s important to reiterate that this refresh was not a complete redesign. The aesthetic and architectural updates in this iteration purposefully did not alter how the Theme Directory works at a fundamental level. Future updates should build on this work and address the functional changes requested by the community.
If you find any issues or have suggestions for improvements, please add a ticket to the WordPress.org issues queue on GitHubGitHubGitHub 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 add a discussion item.
Finally, if you are interested in additional updates coming to WordPress.org and want to contribute, make sure to join the #website-redesignSlackSlackSlack is a Collaborative Group Chat Platform https://slack.com/. The WordPress community has its own Slack Channel at https://make.wordpress.org/chat/. channel. Thanks!
Over the past few weeks, the MetaMetaMeta 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.orgThe 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.
The updated homepage versus the current site.The updated single pluginPluginA 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 GitHubGitHubGitHub 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-redesignSlackSlackSlack 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!
Over the past few weeks, the MetaMetaMeta 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.orgThe 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 JavaScriptJavaScriptJavaScript 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.
The updated homepage 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.
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 GitHubGitHubGitHub 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-redesignSlackSlackSlack 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.
Over the past few weeks, the MetaMetaMeta 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.orgThe 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.
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 GitHubGitHubGitHub 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 #metaSlackSlackSlack 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!
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 MetaMetaMeta 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 blockBlockBlock 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.orgThe 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-redesignSlackSlackSlack 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.
In early 2023, the Documentation site, also known as HelpHub, underwent a redesign and transitioned to a blockBlockBlock 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. theme. You can learn more about this project in the original kick-off and launch posts.
The refresh of HelpHub set the stage for a redesign of Developer Resources (DevHub) last year, both part of WordPress.orgWordPress.orgThe 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/’s Learn section. Ideally, both documentation sites should look and function similarly.
During the course of the DevHub update, design improvements were made, particularly to the homepage, and the block theme structure was refined. The new DevHub design was launched in December, so it’s now time for another iteration of HelpHub to ensure both sites are consistent.
Objective
Update HelpHub with the latest functionality and aesthetic introduced in the DevHub redesign. Add additional functionality to assist with content and user feedback management.
Overview
Given that the site is already a block theme, most of it won’t require changes. The redesign will concentrate on these specific areas:
Refreshing the homepage layout to be consistent with the DevHub redesign
Updating the block child themeChild themeA Child Theme is a customized theme based upon a Parent Theme. It’s considered best practice to create a child theme if you want to modify the CSS of your theme. https://developer.wordpress.org/themes/advanced-topics/child-themes/. with enhancements from the DevHub redesign
Standardizing typography, especially the heading fonts, to align with other Learn WordPress.org sections (#490)
Enhancing the process for receiving and managing feedback
Refining how updates to documentation articles are tracked (improving the changelog)
This update aims to be completed within a few weeks. During the redesign process, we’ll assess any new issues that arise. Depending on their nature and urgency, they’ll either be addressed in this iteration or placed on the backlog for future iterations.
Project updates will be provided here throughout the process, and any important resources will be added to the post for easy reference. Redesign feedback can be left in Figma, on GitHub, or here in the comments. Please continue to log any content-related issues in the Documentation Issue Tracker.
Docs: @estelaris Design: @fcoveram Development (MetaMetaMeta 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.): @ryelle Cross-team coordination: @ndiego
Props to @estelaris, @fcoveram, and @ryelle for their help in shaping this project and reviewing this post.
After many months of hard work, the redesign for the Developer Resources section of WordPress.orgWordPress.orgThe 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/ was launched yesterday. The goal was to provide an aesthetic refresh, update the site to a blockBlockBlock 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. theme, and provide a consistent layout throughout the site. Congratulations to everyone who was involved in this effort.
You can view the announcement post for a more detailed overview of this project. All development took place in the wporg-developerGitHubGitHubGitHub 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/ repository, and the design was done in Figma.
Here’s a look at the new homepage followed by a sample page from the Block Editor Handbook.
The redesigned homepage versus the previous site.A redesigned single page layout versus the previous site.
Design is content
This redesign focused on updating the theme structure, fonts, spacing, colors, etc. It did not touch any content in the various handbooks that comprise Developer Resources. Yet, the content is why we all visit this section of WordPress.org.
Therefore, now that Developer Resources is updated, this is the perfect time to audit and improve the content throughout. Updating documentation, especially quick fixes like formatting and grammar, is one of the best ways new (or returning) contributors can help support the WordPress project.
If you are interested in contributing to documentation, please check out the resources below.
As with all changes to WordPress.org, this redesign is just a single iteration, with many more to come in the future. So, if you find an issue or have suggestions for larger functional changes, feel free to open an issue on GitHub. You will also see several issues already on deck for the next iteration.
Finally, make sure to join the #website-redesignSlackSlackSlack 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 @greenshady for reviewing this post and providing feedback.
