What Does Full Site Editing Mean for You and Your Clients masterfse.com/gowp

The Robots are taking our jobs!

Full Site Editing is not the end of theme development.

Understanding FSE and how it works will help you better serve your clients and your business.

On the Docket • How the Full Site Editor works and what it can do • How FSE will affect theme development (and website development in general) • What agencies can do to best serve their clients in the FSE era

How FSE Works

@jcasabona What is Full Site Editing? The goal of the full site editing project is to utilize the power of Gutenberg’s block model in an editing experience beyond post or page content. In other words, the idea is to make the entire site customizable. This editing mode will understand the structure of the site and provide ways to modify global elements like headers and footers. https://make.wordpress.org/design/handbook/focuses/full-site-editing/

@jcasabona FSE Features • Page Template Editor • Blocks in Widget Areas • SOME site and query loop blocks Currently in Core Currently in Plugin • Global Styles • Template Parts • Full Template Editing

Demo! Time for a Quick Demo… Let's do it!

No content

What You Should Think about if you create Themes

@jcasabona Typography • Spend a lot of time on the typography • Not just the font faces, but spacing, line heights, letter spacing, etc. • Font selection can make or break a site, so help your users make it. • Don’t give options to choose a font. Decisions, not options.

@jcasabona Color • Pick good color schemes - maybe offer options here for branding purposes. • Maybe write a function to fi gure out good color schemes based on a brand color. • Support dark mode! • Run this through the accessibility ringer. Make sure you have good contrast.

@jcasabona Speed • Lean on the block editor for speed. • Don’t load too many resources • Spend a lot of time on critical CSS, optimizing your code and markup, and images • It should load quickly, even on 3G.

@jcasabona User Experience (UX) • Since you don’t need to spend time building layouts, you can really test the theme to see how user-friendly it is. • Do lots of mobile testing and speed tests • Check to make sure buttons and links are obvious (underline links!!!) • Test for all sorts of content and conditions

@jcasabona Help Users with Templates • Create a robust set of block patterns to give users a starting point • Page Templates are fl exible and editable with FSE, so create a few to help users get started

Think About • Typography and Fonts • Colors and Color Palettes • Speed and Responsiveness • User Experience • Robust templates and block patterns

What You can Do as an Agency to Best Serve Your Clients

@jcasabona This won’t be like 5.0 • You still get to choose the theme - so supporting FSE will be up to us for a while • The popular themes will probably roll out FSE features slowly or maintain 2 versions for a while.

That Said… • Take backups regularly. • Be ready for support questions.

Support Your Clients • Educate them! Show them the right way to use the full site editor • Enable them! Don’t just turn it off. FSE helps users do more on their own. Less dependency on you is good! • Create resources with common terms and use cases for them.

Work it into your offering • How can your agency add FSE to your offerings? • Are there related products or services you can create? • Block Pattern packs, default settings with theme.json, Page templates for landing pages, etc.

Become the person who fixes the Robot

Joe Casabona @jcasabona - masterfse.com/gowp

Bonuses The Block Editor and FSE Launch Checklist 
 Discount on the Master Full Site Editing course 
 Special course licensing offer for the block editor and FSE course masterfse.com/gowp