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


Over the past month and a half, the Meta 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.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 update homepage of the Photos Directory.
The updated homepage features a more expansive grid of photos. 
The search and filtering functionality in the refreshed Photos Directory.
Search and filtering are now consistent across directories on WordPress.org.
The single photo template in the refreshed Photos Directory.
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 GitHub 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-redesign Slack channel. Thanks!

Props to @ryelle, @coffee2code, @fcoveram, and @joen for contributing to this project and for reviewing this post.

#website-redesign

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