What Full Site Editing Means for Page Builders

by Joe Casabona

Slide 1

Slide 1 text

What Full Site Editing Means for Page Builders Joe Casabona - joe.casa/pbs21

Slide 2

Slide 2 text

War of the Worlds, as told by Orson Welles, 1938

Slide 3

Slide 3 text

Video Killed the Radio Star, The Buggles 1979(also 1981)

Slide 4

Slide 4 text

Radio isn’t Dead!

Slide 5

Slide 5 text

Audio Dramas are back thanks to podcasts!

Slide 6

Slide 6 text

Will the Block Editor Kill Page Builders?

Slide 7

Slide 7 text

It’s Really Up to Page Builders. Here’s how they can Survive.

Slide 8

Slide 8 text

What We’ll Cover • What is Full Site Editing and how does it work? • Pros and Cons of Block Editor vs. Page Builders • How Page Builders will bene fi t • How Page Builders can work with Full Site Editing

Slide 9

Slide 9 text

How FSE Works

Slide 10

Slide 10 text

@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/

Slide 11

Slide 11 text

@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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

Pros and Cons

Slide 15

Slide 15 text

Pros of Page Builders • Rows • More design elements • More mature products • Lots of options

Slide 16

Slide 16 text

Cons of Page Builders (vs. Gutenberg) • Not as performant • Generally bloated (markup, assets) • Not part of Core, so more dependencies • Generally not as accessible

Slide 17

Slide 17 text

Will FSE Kill   Page Builders?

Slide 18

Slide 18 text

No!   But it will change how we use them.

Slide 19

Slide 19 text

How will Page Builders Benefit? • More competition = better products. • They’ll be able to share more elements from them theme without custom interfaces

Slide 20

Slide 20 text

How they can work with FSE

Slide 21

Slide 21 text

Imagine This • No more hunting for the perfect theme • No more setting theme defaults again in page builders • No more killing template elements to make page builders work

Slide 22

Slide 22 text

With FSE… • Page builders can tap into theme.json and share resources • There can be more of a focus on actual page design and not design + design elements + structure • It will be easier to style things universally across tools and elements that use blocks

Slide 23

Slide 23 text

Page Builders served an important purpose when we only had the classic editor.

Slide 24

Slide 24 text

Example: Kadence Blocks

Slide 25

Slide 25 text

Right now Page Builders seem like Radio…

Slide 26

Slide 26 text

But from here, they can evolve into a new format, just like audio dramas and podcasting.