Title Slide: Customizing the Future
Mel Choyce | @melchoyce
Customization design lead
Worked on the WordPress.com Customizer
The Past
WordPress 3.4 “Green”
WordPress 3.9 "Smith"
WordPress 4.3 "Billie"
WordPress 4.7 "Vaughan"
WordPress 4.7 "Vaughan" (Slide 2)
WordPress 4.7 "Vaughan" (Slide 3)
The Present
WordPress 4.8 “Evans”
WordPress 4.9 "Tipton"
WordPress 4.9 "Tipton" (Slide 2)
WordPress 4.9 "Tipton" (Slide 3)
WordPress 4.9 "Tipton" (Slide 4)
Live preview everything
The Future
Gutenberg
Everything's a block
Blocks have placeholders
Directly editable
More intuitive for clients and customers
Content, layout, and design
Content = Editor
Layout and Design = Customization
Layout
Page templates
Site Builders
Site Builders (Slide 2)
Site Builders (Slide 3)
Page layouts
Page layouts (Slide 2)
Page layouts (Slide 3)
Page layouts (Slide 4)
Global blocks
Global blocks (Slide 2)
Global blocks (Slide 3)
Global blocks (Slide 4)
Design
Design in the Customizer
Design in the Customizer (Slide 2)
Design in Gutenberg
The future of the Customizer in WordPress
Global site styles
Gutenberg gif
Examples
Full-page ad block
10up Ad block
10up Ad block (Slide 2)
10up Ad block (Slide 3)
Breaking news block
Author block
Gutenberg on HumanMade.com
Events Calendar block
Events Calendar block (Slide 2)
WooCommerce Product Block
Tweet
Thanks! ✨