It is easy to become jaded after reading the same old keyword-stuffed theme descriptions. After viewing the same hero-plus-three-boxes theme designs. After seeing another theme with “block editor styles” that utterly fails to deliver on its promise.
As I peruse the demo of Anders Norén’s latest WordPress theme, Eksell, I am reminded that artists still exist in the WordPress theming realm. For those familiar with his past theming work, this is not revelatory. Most of his 20+ free themes have 1,000s of active installations — Chaplin even became the base of the Twenty Twenty default theme.
Awaiting a theme from Norén is almost like counting down the days until your favorite director’s film hits the theater. You know you are going to like it before you see it. Even the worse outing is better than everything else spilling through the pipeline. Every now and then, you are greeted with something special.
I could not wait this time. Norén’s latest project is at a pitstop in the review system, so it is not officially available in the WordPress theme directory yet. In the meantime, anyone can still grab a ZIP file from its Trac ticket and upload it the old-fashioned way.
Eksell is a love letter to the block editor.
It is more than just making a few style adjustments to work around any quirks of the default block styles. It is an extension of those styles to create something unique. It is more than running a theme through a few tests and calling it compatible. It is looking at common problems and making sure they are styled correctly on the front end. And it is more than slapping a few blocks together and calling them a pattern. It is about providing users with a one-click solution for custom-designed or tough-to-build elements.
Building WordPress themes means being able to wrangle tons of elements that users can rearrange on a whim. The block editor has increased those pieces at least tenfold. It is rare to see a theme that manages to handle every edge case, and I am sure there are some that Eksell misses. However, the whole of the work is one of — if not the best — block-ready themes available today.
If there is one area in which Eksell did not go far enough, it is with block patterns. The theme registers five of them:
Each of these is in the demo. However, there are some missed opportunities, such as the following three-column “pattern”:
Pros at building layouts with blocks could recreate that in minutes. A one-click option for inserting it into a post might save a headache or two for average users.
This is not the only example. Eksell’s demo is full of experimental groupings that showcase the flexibility of the block system. As bold as it is, the theme is a bit timid with its patterns. There is no need to be. They are already there. They simply need to be registered in the system.
Users can stack individual Image and Gallery blocks, making them appear as part of the same gallery. The theme automatically adjusts the margins between the blocks, bringing them together.
Another candidate for a block pattern.
And, here’s the thing. I firmly believe the traditional theming paradigm held back this theme. Its uniqueness is in its handling of blocks, which are still limited to the content area in WordPress. When the site editor and global styles land in WordPress later this year, a theme like this would already be miles ahead of others in integrating with Full Site Editing.
Eksell is more than just a theme that does cool stuff with the block editor. It is a genuinely useful portfolio theme. Instead of marketing it as yet another
multipurpose general-purpose project, it has a target audience. Despite that, it is well-rounded enough to handle a variety of situations. Norén made sure the theme would work for blogging with on-point typography.
By default, the theme displays blog posts in a grid-style portfolio. However, Jetpack users can opt to use the plugin’s portfolio project post type to keep their portfolio separate from their blog.
One feature that might go overlooked is that Eksell provides an option to upload a fallback featured image. Far too often, portfolio-style themes with post-image grids fail to load a default image. The expectation is that the user will have featured images for every post, which is not always the case. When a theme is built around this idea, it needs to cover all of its bases, covering edge cases where things might fall apart. Eksell handles this, but Norén is an old pro at this point. He doubtless knows these common pitfalls.
The theme does not overwhelm users with options. It provides enough flexibility to personalize the theme’s color scheme and make a few layout-related decisions.
Old-school theme options will be a thing from a past era in the coming years. It is best to focus on the elements users will be working with for the long term. The customization power is with what users decide to do with blocks, and Eksell is ready for whatever users might throw at it.
Every WordPress theme author should dive into the Eksell theme. Consider it a free masterclass in building on top of the block editor. It is the standard by which we should be judging all other offerings.
Big thanks for the kind write-up, Justin! More block patterns are definitely coming, and hopefully before Eksell goes live in the directory proper.
Thank you for sharing it with the community.
Great! I look forward to seeing what other patterns you include.
I agree with you : I remember a time when some developers tried to create new concepts for their themes. It is very rare today to find a theme with personality.
Really awesome article Justin. I personally like the featured items and call to action of the Eksell theme. A big thanks to you for sharing the demos and their screenshots.
This theme does such a great job of selling a block editor-driven WordPress. It was a missed opportunity to not pair something of this quality with the block editor when WordPress 5.0 was released.
It’s responsive! I’m amazed this stands out as a highlight for me, but, as the official theme, Twenty Twenty-One breaks in pretty basic ways in multiple places for different screen widths. I think this visual approach is also probably more approachable as “good design” for the average person than Twenty Twenty-One’s attempt at a more typographical approach.
The amount of CSS served is a bit surprising: WordPress-bundled styles are 57KB, plus 122KB (90KB minified) for the theme. I continue to feel it’s unfortunate core styles are bundled with WordPress, although I can understand many reasons for doing so.
Related question: for themes released via the Theme repository, is it a requirement for the native block styles to be used? More broadly, is it a requirement for all core blocks to remain available or can some be unregistered if the theme author chooses?
Themes are not allowed to register/unregister blocks. However, styling is completely in their domain, so they can disable core block styles, replacing them with their own.
As an additional note about the default Twenty* themes, I honestly feel like the team doesn’t have much time to implement a truly great theme. Often, it’s far too late in the year and folks are scrambling to put it together.
For example, I’d love for work on Twenty Twenty-Two to already be underway now that we’re halfway through March. But, it’ll probably be months before we see any hints of it.
The process for default themes needs to be restructured. There needs to be a research period, mockup of ideas, etc. The last few themes have been borrowed from existing projects because there really has not been time to implement something from scratch.
I agree with you. As much as I think Twenty Twenty and Twenty Twenty-One are pretty neat projects, WordPress has not delivered on showcasing the block system via its default themes.
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
Hire me on the World’s Leading Online Marketplace Freelancer.com to design your website. Additional services like- graphic design, virtual assistance, SEO, Data entry, etc are available. Click on This Link to start your project