Rich Tabor’s new Wei theme is one of the most well-designed contributions to hit WordPress.org’s free themes directory this month. Wei is a minimalist block theme that keeps things simple while offering users a range of artfully selected accent color combinations. It also includes support for full-site editing and Global Styles for a wider range of site customizations.
Wei joins WordPress.org’s collection of 86 full-site editing themes. The number of FSE themes is growing but it is a far sight behind the goal of 500 for 2022, which WordPress Executive Director Josepha Haden Chomphosy set for the community. While the Themes Team discusses ideas for making block theming easier for theme authors, a few trailblazers like Tabor are pushing forward with contagious enthusiasm and creative works that show what is possible in the new era of block themes.
Wei is a follow-up to Tabor’s popular Wabi theme. The name was selected to highlight its simplicity as a supporting tool in the user’s publishing workflow.
“It’s derived from ‘Wu wei,’ which has a lot of meanings, but I lean towards the ‘effortless/actionless’ bit,” he said. “I wanted to build a theme that lets you effortlessly publish — and looks really creative/inspiring as well.”
Tabor said Wei took him less time to make than any traditional legacy theme he created in the past.
“I started, and nearly finished, Wei on the flight back from WordCamp Europe,” he said. “A couple years ago, this would have taken weeks — at least.”
Tabor’s expert curation of dynamic accent colors is the highlight of this theme. Since most people are not designers, Wei offers four different overall styles that users can browse inside the Site Editor and enable with one click.
Depending on what theme style you select in the Site Editor, the post editor will display a different set of accent colors. These options are unique to each style and all of them are aesthetically pleasing combinations that can be set based on the mood of each individual post.
Tabor’s Wei theme announcement post includes an image with all the style variations included. He selected colors that are AAA contrasting for all available styles.
One of the most magical things Wei does is seamlessly blend the background with the featured image on the single post template. The template includes a Cover block that fetches the post’s featured image and applies the duotone from the color scheme assigned to the post. This just works in the background and users don’t have to do anything to enable it.
Wei does not include any custom patterns, but everything in the theme is a block and can be easily manipulated. Users can change the headers, footers, change the layout on single post templates, add blocks to the homepage, edit template parts, and anything else supported by the latest full-site editing features.
Check out the demo to see the theme in action with different color schemes assigned to each post. Wei is available for free on WordPress.org and requires WordPress version 6.0 or later.
Why people are only creating “minimalistic”, “simple”, and “clean” block themes?
They’re not. People are creating all types of FSE themes: https://wordpress.org/themes/tags/full-site-editing/
I love the potential of this theme! One thing that it introduces that I’ve struggled to have fine tuned control over in the full site editor is a cover image background with header template part on top. The way the cover block works with elements positioned within it constrains how you can set the styles of your header template.
For instance, you cannot (as of now) stretch a header template with site title and navigation wide or full width on the top of the screen within a cover block. It constantly constrains the header template to a restrictive width. Some layouts are just not quite possible yet, but Wei does a great job of coming close. I think a transparent header over a cover image would be a very popular pattern for site builders that is currently limited in the design tools.
“For instance, you cannot (as of now) stretch a header template with site title and navigation wide or full width on the top of the screen within a cover block.”
Are you referring to something like this?
For instance, you cannot (as of now) stretch a header template with site title and navigation wide or full width on the top of the screen within a cover block.
Sure you can.
The “trick” is to add your Cover block, then within the cover add a Group block and toggle the ‘Inherit default layout’ on, then inside this group add another Group block (or Row variation or a Columns block if you prefer), and you should see the alignment options are available for this group block so set this to ‘Wide’ or ‘Full’. Then finally you can add your content to this inner group block.
The “trick” is to add your Cover block, then within the cover add a Group block and toggle the ‘Inherit default layout’ on, then inside this group add another Group block
One of the reasons I push a bit on the boundaries of what’s doable within block themes is to identify and suggest methods for eliminating these “tricks” or “hacks”.
It should certainly be easier to accomplish this — and I’m confident it will be over time.
It seems wp_add_inline_script does not work with this theme.
Thanks for the write-up Sarah — much appreciated!
Your email address will not be published.
This site uses Akismet to reduce spam. Learn how your comment data is processed.
Enter your email address to subscribe to this blog and receive notifications of new posts by email.
WordPress Tavern is a website about all things WordPress. We cover news and events, write plugin and theme reviews, and talk about key issues within the WordPress ecosystem…
© All Rights Reserved. Powered by WordPress, hosted by Pressable