I’ve been thinking through some of the potential flows for saving custom style variations. The goal of this proposal is to bring more clarity around the style switching process and to help users avoid accidentally resetting their existing style customizations when trying out a variation. The above video shows how one of the theme-provided style…
Happy new year, all. In celebration of the new release this week, here are a few pieces of block art I created using WordPress 5.9 ✨ Below I’ve included a screenshot and a zip file for each piece that contains the images used and block markup. Feel free to remix these however you like or…
There is various work ongoing on GitHub that explores the possibility of switching out different style settings within the Global Styles panel (for example, if a theme provided alternate theme.json files the way that Twenty Twenty-Two will). I explored a few potential UI directions for this switcher to see if any of these approaches feel…
For the better part of this year, I’ve been thinking on and off about saving global entities within other entities — specifically in the context of the Reusable block. More recently, I started trying to expand this logic to other entity blocks and to other contexts within the Gutenberg editors. Throughout the course of working…
FSE Outreach Program coordinator Anne McCarthy facilitated a recent call for responses (a slight change in format from the recurring FSE calls for testing) on the topic of block-theme switching, which officially kicked off the process of “thinking long term about what folks would want to be able to have across themes.” According to Anne’s…
An in-the-clouds exploration by Javier Arce and Channing Ritter ☁️ Building on the work of WordPress contributor James Koster and others who have been looking into how to implement a zoom-able mosaic editing view for Templates, we wanted to see if this format could be expanded to other post types. This exploration is loosely based on managing Reusable blocks. In this post,…
WordPress 5.8 (released last week 🎉) brings the power of Gutenberg blocks to widget areas — which means highly customizable layout and styling options, and a more WYSIWYG editing experience. I made a test site based on oldie-but-goodie Twenty Sixteen theme, which has 3 separate widget areas to work with. In this post, I’ll highlight a…
There is a current a call for submissions for designs to help kick off the WordPress.org pattern directory. This is meant to help populate the directory with a bunch of cool patterns that will be available to users immediately upon launch. Here’s the latest update on how the curation process for this initial set is…
Drag and drop is known for being one of the most intuitive interaction patterns there is. One behavior that users might expect to find in Gutenberg is the ability to create side-by-side images by dragging and dropping an image next to an existing one. Note: This behavior has previously been explored in GitHub issue #13202…
With WordPress 5.8 coming soon, there’s a new call for testing to try out the up-and-coming block-based Widgets Editor. This is an exciting update because it brings the power of highly customizable blocks to widgets areas, whereas classic widgets could be pretty limiting in terms of styling options. I decided to use the Customizer Widgets…
I just completed a fun call for testing for the (beta) Full Site Editor, the upcoming addition to the WordPress project that allows for customization of page elements that have traditionally been uneditable, such as the site title and menus. The Full Site Editor (name TBD) can be considered a continuation of the Gutenberg school of…
Want to learn about accessibility features in the WordPress block editor? Check out my new post on the Automattic Design blog. Here’s a helpful guide I used for adding dark mode detection to the post — or you could always just activate Twenty-Twenty One theme to easily add this feature to your site 😁
In the Gutenberg block editor, blocks have two sets of controls. Block ToolbarBlock controls and settings that are considered primary functionality (critical to the block’s usage) Block InspectorBlock controls and settings that are considered advanced functionality (nice-to-have on top of the core tools available in the block toolbar) One pattern that has emerged in Gutenberg is that…
Hello world, welcome to my new design blog ✨ I’ll be sharing ideas and work-in-progress here as a sponsored contributor to the open source WordPress project from the Automattic design team. My first blog post is a continuation of work I shared previously on the GitHub Repository for the Gutenberg project. Like the previous iteration, this…