Key Takeaways From the First ‘Future of Themes’ Meeting

There are few clear answers.

As members of the core design, editor, and theme review teams joined for the inaugural biweekly meeting that may decide the fate, at least in part, of WordPress themes, it became clear that there is no structured game plan. There are many ideas. There are several moving pieces. There are components and teams and ideas that must all coalesce and build something that has never been done before in WordPress.

There is room for both excitement and concern.

It is not necessarily a bad thing to be in an early experimental stage. However, WordPress is a mature product. It feels like there should be something more concrete about the future of one of its most integral parts — themes.

That is what these meetings are for. They are about building bridges between various teams and making some decisions. One of the problems going forward will be cutting through the noise.

Takeaway #1: there are still more questions than there are answers.

Moving Forward With Block-Based Themes

If there is one thing that almost feels like a foregone conclusion it is that we are transitioning into a future where themes will be built entirely of blocks. Even the meeting was dubbed the “Block-Based Themes Meeting,” despite some pushback that such a meeting name was biased.

This is no surprise. Block-based themes are where we are going. The real question is how that will work and what level of control theme authors will ultimately have over their creations.

Kjell Reigstad, a design director for Automattic, kicked off the meeting with an introduction of block-based themes and what the meeting would cover. “As most of you probably know, Gutenberg is in the process of expanding beyond the editor,” he said. “As we’ve already seen, Gutenberg allows for a great deal of user-customization inside of post and page content. It allows any user to create custom layouts all by themselves, and style adjustments too. These will all usually be retained even after a user switches themes.”

Full-site editing seeks to bring blocks to the entire site, which is traditionally the domain of themes. “By turning elements like the header and footer into block areas, users will have the flexibility to place any sort of content wherever they want,” said Reigstad. “It allows for a lot of creativity! They’ll theoretically be able to click and edit their header in place, or change their sites entire color scheme without needing to jump into an entirely separate interface.”

Takeaway #2: block-based themes are happening.

The Definition of Block-Based Themes

Live Demo Q&A from The Gutenberg Times.

After a quick introduction of how the meeting would work, Jeff Ong, designer at Automattic, filled in the details of how block-based themes work. Currently, such themes are experimental and must be activated by ticking the full-site editing (FSE) checkbox via the Gutenberg plugin’s Experiments settings screen.

“Once you’ve activated this FSE experiment option, a few major changes will occur in how WordPress behaves,” said Ong. “WordPress will look for HTML templates inside of a block-templates directory of your theme, instead of using the PHP templates, to determine how your site will appear.”

This was not a new concept to the people present. Most have explored the initial documentation for block-based themes over the past two months.

This part of the meeting was more about providing information. The following are key links for further exploration of full-site editing and block-based themes:

Global Styles Are a Part of the Process

Screenshot of potential global styles toolkit for the Gutenberg WordPress plugin.
Example mockup from the primary global styles ticket.

Tammy Lister, experience designer at Automattic, introduced global styles, a feature coming to the Gutenberg plugin and eventually core WordPress. She described global styles as being at the “what goes into the cake” stage, meaning the team is still deciding what the feature will entail.

“So what are global styles?” Lister began. “In short, it’s style you can apply across your site right there in the browser. Pretty neat! Think of it as a kit full of component tools you can activate and take advantage of. Tried, tested and ready to go. It’s your decorating kit to get your site space just the way you want it.”

At the moment, the baseline for the “kit” includes text, background, and primary colors in which themes can set the defaults. The baseline would also include typographical settings for changing the font size, scale, and alignment.

“However, is that enough?” asked Lister. “This is currently a big question. There needs to be exploration on what are common things needed and what needs to be available.”

Another argument for the biggest question award would be whether global styles are a necessary feature for core WordPress at all. With the possibility that users can directly manipulate templates in the WordPress admin, adding styles to the mix may make some theme authors feel like they will be permanently sitting in the back seat.

Lister made it clear that global styles should not go too far. “These are tools available in the editor, so addressing what is needed or not is key, over allowing everything and creating a complicated experience,” she said. “A personal point I’m thinking about here is how when I had a crowded art box I could never find that ‘one pencil’ I wanted, we want to avoid that.”

Takeaway #3: End-users will likely be able to set global styles from the WordPress admin. For many, this level of power will be a good thing. For theme authors who build hyper-detailed designs, they may be cringing at the thought.

Open-Ended Questions Going Forward

When will block templates and global styles land? The rough timeline for block-based themes is for it to remain experimental through mid-year and have something basic in place as we close 2020. Global styles are likely to land this year, but there is no definite date yet.

Global styles could easily land in the next several months. It has a tighter scope than themes made of HTML block templates. Given the point that block-based themes are currently at and the unanswered questions about how the system will work, its time frame may be optimistic. The scope touches almost everything in WordPress to some degree, at least anything that ends up on the front end of the site.

Everything about themes will change. How theme authors approach design will likely move toward styling on the component/block level. Blocks will go into sidebars as widgets are slowly replaced. Even theme options may be a thing of the past. “Personally, I don’t think the customizer will disappear immediately, but I do think it’s clear that many of its current duties won’t be necessary in this Gutenbergy future,” said Reigstad.

One question on many theme authors’ minds is what sort of quality control they will have over their theme if users are handed so much power to change things.

One proposal in the meeting was to allow theme authors to lock down certain templates so that users could not mess up the design by moving parts (e.g., a meticulously-crafted header and nav menu template that works across browsers and screen sizes). There is not yet an open ticket for this possibility, but some theme authors will need to have a level of control over this for certain designs to work.

Ending the meeting on a high note, Ari Stathopoulos, a representative from the theme review team, gave his final thoughts. “Themes are not going away,” he said. “They may change, completely transform in many ways. The tools we’re currently using and the way we’re currently building themes is not the way themes will be built next year. But they will still exist, and the new way is neither better nor worse. It’s just different. If we embrace that and open up our imagination, there’s lots of amazing things we — as theme authors — can build.”

I am cautiously optimistic that things will work out in the end. I’m excited about the idea of end-users being given tools to build out the websites of their dreams. I’m concerned, along with many theme authors I have chatted with, about what the role of theme designer will be in a year.

At the moment, I imagine a major split in types of themes: block-based vs. traditional with perhaps some block elements. Only time will tell whether this becomes an insurmountable rift or whether there is a place for both concepts.

Takeaway #4: it’s still far too early to come to any solid conclusions about what the future holds.

16

16 responses to “Key Takeaways From the First ‘Future of Themes’ Meeting”

  1. Would it make sense to have the ability to create post type templates first? For that we would need placeholders for title, featured image, content, post meta fields, comments, tax terms, related posts, read more, and navigation blocks for singe and archive. Toolset Blocks has this now, which might provide an example. It doesn’t use HTML templates.

    There are also a couple of themes with header and footer builders, like Blocksy, that might provide an example here.

    And the latest Elementor beta added some global styling options which might also provide some ideas.

    Perhaps the Customizer would be a place where you have a page or set of pages with content like the theme unit test data where you could set global style options for buttons, tables, quotes, etc.? Or override the theme’s defaults.

    Will block-based theme’s have hooks for replacing the theme’s default header and footer? Or will the theme have block areas like we currently have widget areas?

    • Would it make sense to have the ability to create post type templates first? For that we would need placeholders for title, featured image, content, post meta fields, comments, tax terms, related posts, read more, and navigation blocks for singe and archive.

      I don’t think it matters if the CPT/user-created templates exist first. As far as the underlying code for that goes, it’s super simple to add a check for the theme-based templates at the same time.

      But, we definitely need many, many more placeholder-type blocks that essentially replace template tags.

      Perhaps the Customizer would be a place where you have a page or set of pages with content like the theme unit test data where you could set global style options for buttons, tables, quotes, etc.? Or override the theme’s defaults.

      From what I’m seeing in this ticket, it will be a part of the block system rather than the customizer. It would be nice to see a comparison between the two before any final decisions are made.

      Will block-based theme’s have hooks for replacing the theme’s default header and footer? Or will the theme have block areas like we currently have widget areas?

      That’s an interesting question, and I think it’s one of those that does not yet have an answer.

  2. From what I understand of this recap is that Automattic has already decided the future and the non-Automatticians can just disconnect their keyboards and go home and not waste any time in more meetings. Were there any non-Automatticians in the meeting at all? Not based on the quotes except for the last one about themes not going anywhere by Ari Stathopoulos.

    Gutenberg Automattic team has decided and that’s it. No matter that the whole block based theme system is bonkers, who cares, Gutenberg storage method was bonkers from the get go and now the Core team will expand the bonkering to other places of WordPress.

    • The three people presenting were Automatticians. However, there were many others who participated in the meeting. The #themereview channel is a diverse group of people who don’t often hold back their thoughts. Given the first half hour was an introduction in the first meeting, it leaned more heavily toward those people doing the presenting. I suspect we’ll see a lot more variety throughout the entirety of future meetings.

  3. Every last bit of this is horrible. Gutenberg is still a horrible mess and a UX/UI nightmare. Every WordPress I work on, which is far too many, gets Classic Editor and Elementor.

    If Automattic were always planning this, which it seems like they were, then they should have just attempted to buy Elementor and bring it into core instead.

    • I wholeheartedly disagree. The block editor has been a game-changer for me. Before taking this job as a writer, I was able to switch many clients and less tech-savvy friends/family over. They finally had an editor that allowed them to do some of the more complex things they had in mind without having to rely on shortcode soup or learning to code. And, personally, I finally found an editor that is a lot nicer for actually writing within in comparison to classic.

      Nevertheless, this is not the topic at hand. The discussion is about how themes will work going forward. We do not yet have the UI in place for it.

      Just to be clear, the plans do not belong to Automattic.

  4. While I enjoy page-building with third-party block sets (but not the useless core and Gutenberg plugin blocks), I’m just wondering why Automattic didn’t think of expanding on the customizer instead. It’s UX is infinitely better than the block editor. And themes such as Neve, Suki, Customify, and Blocksy have amazing header and footer builders.

    (Fun fact: Neve’s header/footer builder actually mimics Gutenberg.)

    Automattic had a good thing going when it was moving everything (like widgets and menus) to the customizer. Neve and Suki themes even have their page header options in the customizer so you can see your changes happening as you do them. Themes like Colibri WP and Mesmerize turned the customizer into all out page builders.

    Automattic could’ve turned the customizer into an open source page builder.

    Unlike Gutenberg, you can actually see your website as it is in the customizer, and you can see your changes instantly without opening a new tab and refreshing every five seconds like the old primitive way.

    It would be a real shame if the customizer goes.

    Gutenberg’s narrow document-like view cannot serve as a replacement for the customizer. It just can’t.

    It’s only good for writing blog posts. That’s it.

    Here’s an idea. I think the customizer should be merged with the block editor. When you add a new page (not post), you should see your whole website as it is (not the narrow document view). The left side dashboard menu should be gone (I disabled it but there’s still this document view).

    On the right side menu, when you click on the future “Global” tab, it would be the customizer. So the customizer would be on the right side instead of the left. Or maybe the whole menu would be moved to the left side.

    Only when you add a new blog post should you see this narrow document view in the block editor, because now you should be concentrating on writing your article only.

    If this narrow view is to be kept, then the entire website must be displayed in it, but with everything shrunk. Like in Oxygen. I think Webflow is like this too, but I’m not sure.

    These are my thoughts.

    • I totally agree. The Customizer is a much better experience for managing the design of your WordPress site.

      Design and content writing should be separate experiences. Instead, Gutenberg tries to combine both the design and content creation process together. That would be great if all writers were designers, and all designers were writers. However, that isn’t the case. As a result, Gutenberg has just made the writing experience more frustrating for writers, and the design experience more frustrating for designers.

      I want to like Gutenberg and blocks. In fact, I’ve already contributed multiple blocks and Gutenberg tools to the WP.org plugin directory. However, working with blocks in the Gutenberg editor on a daily basis is a frustrating experience. God forbid you have an image block, nested inside a column block, nested inside a cover block. It’s a nightmare trying to select and edit the right block…

      The WordPress team should vastly improve the Gutenberg experience before they even think about drastically changing the way themes are made.

    • Also to add on to this, this customizer communicates via postmessage from the parent window to iframe. This keeps the separation of controls and related styles separated from the sites styles – instead of the div soup and overly specific style required to not clash with editor controls. Not to mention the defacto example WordPress set of using body class for managing complex specificity that the classic editor was capable of doing as it was loaded in an iframe. This is still the biggest issue with Gutenberg imo. They need to either utilize shadow Dom, which they won’t because of legacy browsers, or communicate with an iframe. Themes in theory should be able to simply enqueue their frontend styles into the editor without writing a massive amount of code to just get something halfway decent looking. Gutenberg does a lot of great things though, but the customizer is what people know and use for “global styles”. I have gotten to the point where I create a global styles plugin for Gutenberg and offer per page/post overriding or full site overriding. Then duplicate the same full site overriding in the customizer. If Gutenberg continues on to fill site editing, the primary focus should be the customizer. Replace it’s API with Gutenberg’s similar to how wp.editor’s functionality still mostly worked in tinymce and Gutenberg. If there was parity between posts/pages and the customizer, then things would really start to come together for users. Having two separate design systems makes it confusing for most novice users. If full site editing is the future goal, Gutenberg should move forward with it, and not try to reinvent small components in an interface where it doesn’t entirely make sense. Just think if you were to go into the customizer or any page/post link took you into it, you could easily have control to change headers/footers/templates, and update those things with block content if the Gutenberg system was already present. Why not just click on text in your full site preview, drag block in/out of your editor into different drop zones? It feels like people want this, but are putting too much thought into it. It can already be done today with minimal code, and still retain backwards compatibility. Maybe it’s just too many cooks in the kitchen, but Gutenberg was announced forever ago, and took a long time to get to where it’s at today, which arguably isn’t really anywhere that is useful for most theme developers. As a side note I really hope that theme authors can create blocks not as block plugins to include in their themes. Block styles can get most of the way there, but not being able to add additional controls to something like a simple blockquote to change backgrounds and or text styles is very limiting. Don’t get me wrong you can go far with block styles (I have made over 100 different ones at this point), but sometimes you just need to insert an extra element, or provide an extra control which makes the user experience even better.

  5. The question of full site editing, header, and footer contemplating and in particular universal-style settings I can easily see us getting away from the motto of Decisions, not Choices. I know those in the meeting are carefully considering this but I have some concern about the compounding effect of some of those choices.

    From my experience with the block editor, what makes the editor compelling and potential a joy to work with is when a theme and theme author do a good job building out and styling both the default blocks and custom blocks ( I think, as we see in tools like ACF or many page builders, custom blocks will remain an important aspect of the block editor experience at least for more complex or custom themes. You don’t want to be building out complex sections out of several default blocks ). The pages become easy and enjoyable to build out when you can quickly start adding fully styled blocks reusable templates to quickly build out the structure of the page. Then on top of that, you have some simple preset style variations that allow you to quickly adjust how those blocks are laid out.

    That’s the editor experience that I am trying to find in the block editor at least. That’s what makes me excited about it.

    When it comes to building out more options and granular control, something closer to a page builder plugin like experience, plugin authors have shown that they are more than capable of filling that need.

  6. I have my doubts, taking into account the presentations and the path that is being followed, that there is sufficient diversity in terms of decision-making. And that there are enough people with real-world experience of themes and their use.

    Examples of features are shown that themes have been providing for years, or even block libraries launched in the last year. Have some of the people who contributed to these themes and these block libraries been even invited? And people who use themes in their projects, on a daily basis?

    Yes, I know that meetings are public and voluntary. But it is essential to understand if the participants represent, in fact, the diversity of the WordPress user community or if, on the contrary, they are just a vocal minority that will define the future of how WordPress is used. And if that diversity is not represented, then something has to be done so that more people can influence the way forward.

  7. I, for one, welcome our new block-based overlords…

    But seriously, my experience helping clients with WordPress has been that, for those with no experience, learning to work with blocks is much easier than learning to work with the ‘classic’ editor. I didn’t expect this, but people just ‘get’ blocks when they bring no baggage. Basic layout tasks, such as how to reliably flow text around an image, which I had to explain with hand-wavy ‘just trust me’ instruction, are now much more intuitive for newcomers. I typically spend about half as much time showing people how to edit their content with blocks vs what I used to spent with the ‘classic’ editor. And our designer dreads going back to sites that still use the classic editor.

    At the same time, we’re always careful to restrict clients to content-only editing unless they insist on admin access. I look forward to seeing how this will be managed in the brave new world of block-based themes. Existing solutions use role-based restrictions to maintain the separation, which seems like a reasonable approach.

    • Access restriction will be a very important piece of all of this. Right now, we can do things like prevent Editors from editing nav menus so they don’t break battle-tested layouts. (Of course, it would be even nicer if we had more granular permissions, so we could allow Editors to edit some menus and not others.)

      If the direction of WordPress as a whole is moving toward basically showing the front end view of each full page and allowing everyone to edit everything, it will defeat the purpose of roles and capabilities. And I think even if roles and capabilities are taken into account, so some roles can only edit certain parts, it may become a very confusing UI – for one person to be working on a page and say “Oh, to change X just click here,” and their neighbor to try to do so but nothing happens because they can’t edit that particular content.

Newsletter

Subscribe Via Email

Enter your email address to subscribe to this blog and receive notifications of new posts by email.