Hallway Hangout: Discussion on adoption pathways for Full Site Editing (16 September)

This is a summary of a Hallway Hangout that was wrangled in the #fse-outreach-experiment channel as part of the FSE Outreach Program. It was originally announced in this post. Thank you to everyone who joined in!

Attendance: @paulbigai @karmatosed @mkaz @get_dave @annezazu @courane01 @shaunandrews @pdclark

Video Recording:

Topics Covered:

  • Started the call with an open question asking how folks are exploring adopting FSE features. This led to an initial discussion around theme.json both in terms of what it unlocks and various pain points.
  • A few of us found it to be easier to compare their own theme.json files to TT1 Blocks’ theme.json rather than relying on documentation to figure out what might be going wrong.
  • Ideas were shared namely around improved documentation for theme.json combined with improved error messaging, especially since eventually the visual interface will only be used.
  • Some of the problems with theme.json feel similar to the usual functions.php experience and there was a desire for a “Something has gone wrong with theme.json, here’s what you should do” resource (even if just a personal post for now). For example, leaving out version number can make the experience very unpredictable.
  • Tammie noted it often feels like “playing rather than exploring” with theme.json because of how much one can do.
  • Marcus encouraged folks to use a syntax editor (ex: vscode) since it will alert you to json errors. In general though, folks wished it was more forgiving to hand write until we’re able to build directly in the editor.
  • We talked through being able to disable items and how there are different ways to disable different items. @poena has a great post showing ways to disable for colors.
  • Marcus likes the idea of splitting files up and allowing people to do whatever they want. “Here’s typography, here’s how I want headers to be, etc” and then share those individually amongst different themes.
  • We then switched topics to hear from Courtney what she sees on the training side. She noted that there’s likely a huge market that is not going to instantly switch and need to think about how do training for moving away from older methods.  
  • We talked about having more “small chunk onramps”, particularly around having courses for block widgets and block navigation and how to adopt with more details.
  • Dave noted that both editing with block based UI and rendering with blocks is new when being able to edit the whole site. It’ll be an excellent thing if we can get folks comfortable/familiar with that concept without jumping into the site editor first via the widgets and navigation work.
  • We talked through how neat it would be from a training perspective to have various levels of adoption outlined so folks don’t have to dig in to know what might be best for them to try first. This could like similar to this approach in this Gutenberg Times post on Customizing WordPress Block Editor for Client Projects. Anne is going to explore this.
  • We then discussed what the Hello Dolly + underscores theme equivalent is in today’s world and whether less needs to be known now with block themes.
  • The topic of how to lock things down while still adopting features came up. There’s a balance to have between adding items for theme developers (keeping options open to foster creativity) and then eventually what the user experiences (likely need more guardrails/locked down options).
  • A few of us chatted about eventually wanting to have more conditionally logic with templates, similar to what can be done with PHP now. For example, Anne shared that it would be lovely to have categories of posts with different templates so she could link to the WordPress category with a different menu for speaking at events so personal posts are stripped out.
  • In the future, Anne talked about how neat it’ll be to run explorations or calls for testing around setting a timer for 10-15 minutes and seeing how far one can get in changing your site. This is where theme.json has such a greater safety net than the previous dangers of trying to edit the code of your site.
  • We ended chatting about how all of this is putting art direction in the hands of people so they can say proudly, “I didn’t do it but I did it with WordPress.” We all love patterns and agree that they are, in many ways, democratizing design.

Ideas for improvement

  • Better error messaging with theme.json.
  • Improved theme.json documentation, including how to disable features, lock items down, and using a syntax editor.
  • Resources for how to adopt features across varying levels of difficulty.
  • Learn WP courses for adopting block widgets and navigation (more “small chunk onramps”).

#fse-hallway-hangout, #fse-outreach-program

[…] and Dave Smith, attendees discuss various pathways for adopting full-site editing. There is also a Recap post with the recording, a summary of topics and links to all the resources […]

[…] and Dave Smith, attendees discuss various pathways for adopting full-site editing. There is also a Recap post with the recording, a summary of topics and links to all the resources […]

Marcus likes the idea of splitting files up and allowing people to do whatever they want. “Here’s typography, here’s how I want headers to be, etc” and then share those individually amongst different themes.

This was an issue I opened a few days ago http://wayback.fauppsala.se:80/wayback/20211025143651/https://github.com/WordPress/gutenberg/issues/33524 so this is the reason I built a PHP library to generate the file theme.json from a php array: http://wayback.fauppsala.se:80/wayback/20211025143651/https://bit.ly/3xl5Gsh

That library is a Composer and WP_CLi plugin and also solve the syntax editor of json malformatted.

[…] Test Team organized a Hallway Hangout on adoption pathways for Full Site Editing where attendees mentioned how they use FSE and shared ideas for […]

[…] workshop, along with dedicated workshops focused on India in September.The Test Team organized a Hallway Hangout on adoption pathways for Full Site Editing where attendees mentioned how they use FSE and shared ideas for […]

[…] Test Team organized a Hallway Hangout on adoption pathways for Full Site Editing where attendees mentioned how they use FSE and shared ideas for […]

[…] Test Team organized a Hallway Hangout on adoption pathways for Full Site Editing where attendees mentioned how they use FSE and shared ideas for […]

[…] workshop, along with dedicated workshops focused on India in September.The Test Team organized a Hallway Hangout on adoption pathways for Full Site Editing where attendees mentioned how they use FSE and shared ideas for […]

[…] workshop, along with dedicated workshops focused on India in September.The Test Team organized a Hallway Hangout on adoption pathways for Full Site Editing where attendees mentioned how they use FSE and shared ideas for […]

[…] Test Team organized a Hallway Hangout on adoption pathways for Full Site Editing where attendees mentioned how they use FSE and shared ideas for […]

[…] Test Team organized a Hallway Hangout on adoption pathways for Full Site Editing where attendees mentioned how they use FSE and shared ideas for […]

[…] Test Team organized a Hallway Hangout on adoption pathways for Full Site Editing where attendees mentioned how they use FSE and shared ideas for […]