Customizing the Future

A presentation at LoopConf in February 2018 in Salt Lake City, UT, USA by Mel Choyce

Title Slide: Customizing the Future

Title Slide: Customizing the Future

Mel Choyce | @melchoyce

Mel Choyce | @melchoyce

Customization design lead

Customization design lead

Worked on the WordPress.com Customizer

Worked on the WordPress.com Customizer

The Past

The Past

WordPress 3.4 “Green”

WordPress 3.4 “Green”

WordPress 3.9 "Smith"

WordPress 3.9 "Smith"

WordPress 4.3 "Billie"

WordPress 4.3 "Billie"

WordPress 4.7 "Vaughan"

WordPress 4.7 "Vaughan"

WordPress 4.7 "Vaughan" (Slide 2)

WordPress 4.7 "Vaughan" (Slide 2)

WordPress 4.7 "Vaughan" (Slide 3)

WordPress 4.7 "Vaughan" (Slide 3)

The Present

The Present

WordPress 4.8 “Evans”

WordPress 4.8 “Evans”

WordPress 4.9 "Tipton"

WordPress 4.9 "Tipton"

WordPress 4.9 "Tipton" (Slide 2)

WordPress 4.9 "Tipton" (Slide 2)

WordPress 4.9 "Tipton" (Slide 3)

WordPress 4.9 "Tipton" (Slide 3)

WordPress 4.9 "Tipton" (Slide 4)

WordPress 4.9 "Tipton" (Slide 4)

Live preview everything

Live preview everything

The Future

The Future

Gutenberg

Gutenberg

Everything's a block

Everything's a block

Blocks have placeholders

Blocks have placeholders

Directly editable

Directly editable

More intuitive for clients and customers

More intuitive for clients and customers

Content, layout, and design

Content, layout, and design

Content = Editor

Content = Editor

Layout and Design = Customization

Layout and Design = Customization

Layout

Layout

Page templates

Page templates

Site Builders

Site Builders

Site Builders (Slide 2)

Site Builders (Slide 2)

Site Builders (Slide 3)

Site Builders (Slide 3)

Page layouts

Page layouts

Page layouts (Slide 2)

Page layouts (Slide 2)

Page layouts (Slide 3)

Page layouts (Slide 3)

Page layouts (Slide 4)

Page layouts (Slide 4)

Global blocks

Global blocks

Global blocks (Slide 2)

Global blocks (Slide 2)

Global blocks (Slide 3)

Global blocks (Slide 3)

Global blocks (Slide 4)

Global blocks (Slide 4)

Design

Design

Design in the Customizer

Design in the Customizer

Design in the Customizer (Slide 2)

Design in the Customizer (Slide 2)

Design in Gutenberg

Design in Gutenberg

The future of the Customizer in WordPress

The future of the Customizer in WordPress

Global site styles

Global site styles

Gutenberg gif

Gutenberg gif

Examples

Examples

Full-page ad block

Full-page ad block

10up Ad block

10up Ad block

10up Ad block (Slide 2)

10up Ad block (Slide 2)

10up Ad block (Slide 3)

10up Ad block (Slide 3)

Breaking news block

Breaking news block

Author block

Author block

Gutenberg on HumanMade.com

Gutenberg on HumanMade.com

Events Calendar block

Events Calendar block

Events Calendar block (Slide 2)

Events Calendar block (Slide 2)

WooCommerce Product Block

WooCommerce Product Block

Tweet

Tweet

Thanks!  ✨

Thanks! ✨

Gutenberg is not the only ship charging into the great unknown — Customization is soon to follow. From the past year of customization work, to where we see Customization going in a post-Gutenberg world, I’ll map out the path we’re charting for the future. I’m sure you’ll want to come along for the ride.

Video

Resources

The following resources were mentioned during the presentation or are useful additional information.

Buzz and feedback

Here’s what was said about this presentation on Twitter.