First Round of the FSE Outreach Program Concludes, Identifies Template-Editing Mode Problems

The Full Site Editing (FSE) Outreach Program has now concluded its first round of testing. Its first focus area was centered on the template-editing mode introduced in Gutenberg 9.6. The volunteers involved with the project identified several pain points.

Gutenberg 9.6 added a new button that allows end-users, provided they are using a block-based theme, to switch between editing their post and the template that displays the post. As Josepha Haden said last year, the ultimate goal is to “consolidate down to just one beautiful, intuitive interface.” Essentially, this new feature merges content and design in a way we have not seen in core WordPress before. It is a step toward that lofty goal.

Traditionally, WordPress has always separated content from design. However, these two aspects of websites are continually merging together. There is a desire for this. The adoption of page builders over the last half-decade or so has made it abundantly clear.

The biggest issue with this new template mode is that users need a working knowledge of the WordPress template system to understand the ramifications of their edits. One of the primary questions of the focus area was whether it was clear that the user was making large-scale changes to all posts when switching to the template-editing mode.

“I believe it was not clear enough how those changes could impact the site,” wrote Héctor Prieto in response. “If you don’t already know how templates, template parts, and global blocks like Site Title work, you might not understand how your editing will affect the rest of the site.”

Switching modes does create a quick popup at the bottom left of the screen that reads:

Editing template. Changes made here affect all posts and pages that use the template.

It is easy to miss before it fades away. There is a ticket to stick this message on the screen and allow the user to dismiss it. There is also another ticket for clarifying when a user is editing a template vs. content.

Gutenberg template editing mode from within the post editor.
Entering template-editing mode from the post editor.

Gutenberg’s current method is different than what you might see in a typical page builder. When switching to template-editing mode, the user is no longer editing that single post’s front-end output. Instead, they are making global edits. A page builder would generally save any customizations to that page alone. If this remains the same, it could be a hurdle for the average user to clear.

A template creation feature needs to be a part of this new mode. Users should be able to fork or clone their existing single post template and save it as a new template specific to that post. Or, maybe hand them a way to save it as a reusable template (i.e., “page” template). Paal Joachim Romdahl shared a similar thought, likening it to the “Save As…” feature commonly found in computer programs.

I do question whether users should be able to edit global templates while editing a single post. The two are only related insofar as the template displays the post content on the front end. WordPress should explore any type of design work from the post-editing screen as, first and foremost, specific to that post.

The volunteers also identified other issues. Applying changes to the template and saving drops the user back into the post editor. The “cancel” button is tough to find — it is in a different location than where the user clicked to go into template-editing mode.

Switching between post and template editing feels like an FSE 2.0 type of thing. The development team has enough issues on its plate with the normal site editor. It is a far cry from being a viable, production-ready product. The team’s focus should be on working the kinks out of that system before merging it with the post editor. Crawl before you walk. Walk before you run.

However, I am willing to be pleasantly surprised. In the long run, it will probably be a good thing that we are getting an early look at what these two different pieces of WordPress will look like working in conjunction.

This is also why participation in the FSE Outreach Program is vital. The community needs this more formal type of process to identify areas that need improvement.


4 responses to “First Round of the FSE Outreach Program Concludes, Identifies Template-Editing Mode Problems”

  1. I know this is Outreach Program material but couldn’t help it..

    Maybe a color frame in template mode &/or open in new tab to edit it.
    And a Save As Template red button with the warning “Changes made here affect all posts and pages that use the template.”
    Or a fixed small colorful tab on the page with the name of the template
    “TEMPLATE: Template-Name”.

  2. I use WordPress in two ways, as A developer and as A normal blogger.

    As A developer, who use WordPress to create specific website with many and complex functionalities, I prefer easy access to FSE, which is accessible from any single post editor rather than on seperated menu like that of Elementor. I need to be able to save the current edit mode to affect the current single post, or as a template to the whole single post, or reusable template.

    However, as a normal blogger who just need to write content, who don’t know anything technical about templating, I prefer that this FSE editor far or hidden from my sight because if I spot that, I will try to click that, and get confused.

  3. Ricardo! I help run the FSE Outreach program. If you aren’t already in there, I hope you join in. Here’s more information just in case:

    I’m @annezazu on slack so feel free to reach out there too. For now though, I’d recommend checking out this GitHub issue that touches on some of what you’re thinking of:

    • Hi Anne
      Thanks for the feedback!
      I’ve tried before to give some feedback on the appropriate channels but it’s so overwhelming, I realized I was spending more time where to do it than helping.
      Thanks for filtering it out.
      I will leave some thoughts there.
      (this is what are Taverns for :)


Subscribe Via Email

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

%d bloggers like this: