WordPress.org Redesign Recent Launches

As part of the ongoing WordPress.org redesign project, several sections of 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/ have been recently launched in the past couple of weeks! These sites were announced in recent Make WordPress Design posts to solicit feedback. Thank you for all the feedback to help shape the new design on these sites.

As mentioned previously, the current focus of the redesign project is to apply the redesign to all sites for wordpress.org to achieve a consistent experience without drastically rethinking the content. Additional enhancements to website functionality will be made in the future and can be requested through Meta Trac.

Recent Launches

Documentation

The Documentation (HelpHub) section of WordPress.org has a new design, including many other important updates, such as restructuring where the docs site lives on wordpress.org. This project was a collaboration between the Docs, Design, and 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. teams, as described in detail in the Docs team’s post.

Screenshot of documentation website

Enterprise

The Enterprise section of the website also received a facelift. The Enterprise website highlights the reasons WordPress is the CMS solution of choice for enterprises at scale.

Enterprise website screenshot

Mercantile

The Mercantile website (the official WordPress swag store) received a visual refresh with the new wordpress.org design direction. Though this isn’t a site that the Meta team works on directly, it’s worth celebrating the beautiful design applied to another section of wordpress.org.

*Note: mercantile.wordpress.org is currently undergoing maintenance and will be updated in the near future.

Screenshot of Mercantile website

Next Sites

The Meta team is currently working on applying the new design to the Developer, About, and Theme Directory sections of the website over coming weeks. Be sure to get involved by providing feedback or by following along 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/ (links below):

Props to @ryelle for reviewing this post

A Meta subproject for evaluating Matrix

We are a small team of contributors to the WordPress and Matrix projects who would like to propose to form a community project to explore bringing the Matrix 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. federated chat system to the WordPress community as a possible replacement to 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/. (for Making WordPress).

What is Matrix? According to Matrix themselves, “it is an open source project that publishes the Matrix open standard for secure, decentralised, real-time communication, and its ApacheApache Apache is the most widely used web server software. Developed and maintained by Apache Software Foundation. Apache is an Open Source software available for free.-licensed reference implementations. Maintained by the non-profit Matrix.org Foundation, we aim to create an open platform which is as independent, vibrant and evolving as the Web itself… but for communication.”

At WordCampWordCamp WordCamps 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. Europe 2022 in Porto, we talked to a lot of community members, asking them about how they liked Slack and what they’d think about using Matrix as an open source alternative to Slack.

While we heard from a lot of people that they liked Slack, a number of items were mentioned that made us think Matrix could be a great fit for the WordPress community:

1. The Slack onboarding experience is hard

A significant amount of time at WordCamp contributor days is spent on helping people getting onboarded to Slack. You need to receive an invitation e-mail to a special, personal e-mail address and then select the correct Slack workspace to join, following these lengthy instructions.

We’ve explored the possibilities for creating a seamless login experience for Matrix, and we’ve already successfully implemented a Single-Sign On flow where OpenID Connect is used with WordPress as an authentication provider. Thus, to start chatting, you’d only need to authorize 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/ to pass your username on to the Matrix server by the click of a button, and you’re in.

Joining the Making WordPress Polyglots room could look like this

2. The Slack Client isn’t well suited for some Local Communities

We’ve heard that some local communities prefer to communicate via instant messaging such as WhatsApp or Telegram over using Slack. While this might overlap with the previous item, where getting added to a Telegram group is much easier than signing up for the WordPress Slack workspace, we’ve also heard how this form of messaging and its integration with their mobile phone is preferred.

One of the benefits of Matrix is it supports free choice of clients, one of them being a client that is very similar to Telegram, called FluffyChat. There are also particularly lightweight clients (called Hydrogen), a full featured client called Element (previously known as Riot), a client that is more like Discord called Cinny, CLICLI Command Line Interface. Terminal (Bash) in Mac, Command Prompt in Windows, or WP-CLI for WordPress. clients, and many more.

Additionally, we’ve done some work to make it possible to integrate a Matrix chat into a Gutenberg block. This means that you can use any WordPress post or page to start chatting when it has that 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. embedded. This could even be set to a particular room, so that users can be asked to join a specific room or Make team by giving them a link to a particular WordPress(.org) page. This could make taking part in Make WordPress teams much easier and possibly encourage more contributions. 

3. An Open Source Project should use an Open Source Chat System?

Many people were excited about the Matrix project and how it being open source seemed like a much better fit for the WordPress open source project. It was mentioned to us that an open source product might have a tougher onboarding experience, so we were happy to see how our research of using SSO and a Matrix client inside a 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/ block encouraged us to think that it actually might be more accessible.

Would Matrix be a good fit for Making WordPress?

Since our efforts so far have been sponsored by Automattic and didn’t revolve around a particular community, we’d like to start a 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. sub-team that would hold bi-weekly chats and figure out a plan how we could assess whether Matrix would be a viable option for the community.

In particular, we’d like to contribute our projects Chatrix and OpenID Connect Server to the WordPress project. Additionally, work with people of the community interested in Matrix to see which Slack integrations would need to be ported and how that could be done. As well as understand through testing with other WordPress teams how good or bad the experience is, either on its own, or comparing it to Slack.

Thus we’d like to invite everyone who would like to take part in this to speak up in the comments so that we can find a day and time in the week where we could hold our meetings to get this started.

Looking forward to hearing from you!

@ashfame, @psrpinto and @akirk

Two-Factor Auth progress for WordPress.org

Development work is in progress to implement two-factor authentication (2FA) for accounts 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/. (This is something we tried briefly once before, but it wasn’t ready for production use at the time).

To be absolutely clear: this is about rolling out 2FA for accounts on the WordPress.org web site itself – that is, for people like 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 and theme developers, WordCampWordCamp WordCamps 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. organizers, forum participants, Make site commenters, coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress. developers, and contributors to the WordPress project in general. It will have no effect on the wider world of WordPress sites, except in the sense that we hope to set a good example and encourage others to use 2FA plugins.

The 2FA implementation that we’re using is provided by the Two Factor plugin, which is a well-established project with a long history that’s a candidate for eventual inclusion in WordPress core. It’s listed on the Beta page of the plugin directory.

Given the complexity of 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. environment, and the large network of sites and customizations that powers the many parts of the WordPress.org web site, there is ongoing work needed to ensure the plugin integrates cleanly and securely everywhere it is needed.

Progress is happening on two fronts:

We haven’t yet set a time frame for rolling out 2FA availability on accounts, but hope to have something you’ll be able to opt-in to try out in the early part of 2023.

In the meantime, if you are interested in helping to improve the two-factor plugin generally, you can install it on your own WordPress site to test it out, and get involved in its development on GitHub.

Refreshing the WordPress Showcase

As part of the ongoing visual refresh of 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/, design and layout changes introduced in A refresh of WordPress.org/Showcase have been published to the showcase today 🎉. These changes align with the new design direction already implemented on sections of wordpress.org. The design will continue to be applied to sites over the coming months.

Here’s a brief look at some of the visual changes:

Additional changes include supplementary metadata, simplified submission criteria, improvements to legacy content, and a much-improved mobile page layout.

What’s next?

This redesign is an important starting point to modernize the Showcase site design and theme code that will continue to be iterated. Additional improvements and optimizations to Showcase will be made in the future, including an improved moderation process. If you have any feedback or find a bug, please open a new GitHub issue.

#design, #make-wordpress-org-marketing, #showcase

X-post: Suggest Topics for the 2023 WordPress Community Summit

X-comment from +make.wordpress.org/community: Comment on Suggest Topics for the 2023 WordPress Community Summit

X-post: Learn WordPress Site Updates – December 2022

X-comment from +make.wordpress.org/training: Comment on Learn WordPress Site Updates – December 2022

X-post: DevHub getting a new look

X-comment from +make.wordpress.org/docs: Comment on DevHub getting a new look

X-post: A refresh of WordPress.org/Showcase

X-comment from +make.wordpress.org/design: Comment on A refresh of WordPress.org/Showcase

WordPress.org Redesign Update

This post is a community update on the progress and next steps of the 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/ website redesign project. Conversations earlier this year led to the current design direction, which has been applied to the homepage and several other sections of the website. In the coming months, additional websites will be refreshed, with a majority of the wordpress.org websites likely updated by the end of Q1 2023.

The main goal of this redesign project is to apply the updated design direction to all websites across wordpress.org as quickly as possible, making the sites visually consistent. Site content will remain largely untouched. As usual, any future enhancements to website functionality can be requested through Meta Trac. Feedback during the redesign is available in individual website 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/ issues (see Development Approach). 

The Showcase website will receive a more-significant overhaul of site content and layout, which hasn’t had a significant update in years. Some well-planned past attempts to update the site will help inform changes for this project. Planning and feedback for the Showcase site will be available in a forthcoming Make WordPress P2P2 P2 or O2 is the term people use to refer to the Make WordPress blog. It can be found at https://make.wordpress.org/. post.

Where We Are

Several sites on wordpress.org have already had the new design applied:

  • The WordPress Mobile website received a visual update with minor copy edits made to reflect recent changes to the WordPress mobile app.
  • The Download main page and subpages for release versions and counters were updated to use the new design.
  • Updated the Global Navigation and Footer in September 2022.
  • Homepage implemented the new design and copy in August 2022.
  • The News website implemented the new design in June 2022.

What’s Next

The following sites will be worked on in the coming months. This list is ordered by complexity, not necessarily the order of execution. Many of these sites will be worked on in parallel or redesigned within 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/ editor, so the frequency of sites launched with the new design should soon increase.

Lower Complexity Sites:

  • Hosting
  • Enterprise
  • About

Medium Complexity Sites:

  • Documentation (read the recent planning post on Make WordPress Documentation)
  • Developer
  • Learn
  • Five for the Future
  • 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
  • Pattern Directory

Most Complex Sites:

  • Theme Directory
  • Forums
  • Showcase

Development Approach

Redesigned sites will follow the approach of the wporg-main-2022 theme, which uses a new parent theme, wporg-parent-2021. The parent theme provides a design and layout library as a starting point for all sites. All work will be done in repositories in the public WordPress GitHub repository. 

Once this redesign project is completed, additional website enhancements and future redesigns will be straightforward in that all sites will share a common parent theme. Currently, many wordpress.org themes have legacy functionality built into each theme. This project will allow us to better-separate legacy functionality from the theme.

Communication

Since most sites are not intended to have a complete overhaul of functionality and will be functionally similar to the current sites, batched progress on the redesign project will be announced by 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 regularly to keep the community informed. 
Feedback and team involvement are welcome in the redesign project GitHub repositories, with iterations able to be made based on community feedback. Sites requiring a larger overhaul (such as the Showcase website) will have their own Make posts to discuss the project and solicit community feedback, which is welcome and encouraged!

#design

Displaying Style Variations for Supporting Themes

WordPress 6.0 introduced the ability for theme authors to add multiple style variations to themes. These style variations, designed by theme authors and packaged in 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. themes, help users have a diverse set of approaches to their site design allowing them to find one that aligns with their goals. This feature helps to highlight the flexibility of modern WordPress themes and it’s time to have it baked into the theme directory experience.

There are many themes in the Theme Directory that ship style variations but there is currently no way to preview them in the Theme Directory. Some community members have been iterating on a beta version and its now available 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/.

Screenshots

Previewing style variations inline

Previewing full site

Navigating style variations

What do theme authors need to do?

Nothing. If you have included style variations in /styles/{variation_name}.json and they work in the Site Editor, they will show up for users on page load.

What happens if I don’t see style variations when viewing a theme?

Where can I add feedback or log a bug?

Create a trac ticket: https://meta.trac.wordpress.org/newticket.

What’s next?

  • Collect feedback on this initial launch, and iterate.
  • Add the ability to see whether a theme has style variations from the results list (Meta Ticket)

Thanks to everyone who helped so far! Any other questions, comments, conversations, or concerns can be added to this post or to a newly created 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. trac ticket.

Thanks all!

Props: @poena, @Joen, @bph, @ryelle, @adamwood, @annezazu, @bengreeley, @priethor, did I miss anyone?

#style-variations, #theme-directory