Slide 1
Slide 1 text
Never Fear, The
Customizer Is Here!
Slide 2
Slide 2 text
This Is Jane
Slide 3
Slide 3 text
She Has A Lovely
WordPress Blog
Slide 4
Slide 4 text
She Wants To Add A New
Widget...
Slide 5
Slide 5 text
And...
Slide 6
Slide 6 text
Wouldn’t It Be Great If We
Could Preview Changes First?
Slide 7
Slide 7 text
Never Fear, The Customizer
Is Here!
Slide 8
Slide 8 text
What Is The Customizer?
Slide 9
Slide 9 text
What Can You Do With The
Customizer?
•
•
•
•
•
–
–
–
–
–
–
–
–
–
–
Slide 10
Slide 10 text
Plugins
•
•
•
•
•
Slide 11
Slide 11 text
Improvements in 4.5
•
–
–
–
–
–
–
•
•
•
•
Slide 12
Slide 12 text
Anatomy of a Customizer Setting
Slide 13
Slide 13 text
Elements of Customizer
Settings
•
•
•
•
•
Slide 14
Slide 14 text
Settings
•
•
–
Slide 15
Slide 15 text
Controls
•
•
–
–
–
–
–
–
•
Slide 16
Slide 16 text
Sections
•
•
–
–
–
–
–
–
–
–
Slide 17
Slide 17 text
Panels
•
•
•
•
•
Slide 18
Slide 18 text
Live Preview
•
•
•
Slide 19
Slide 19 text
Updating The Preview (Pre
4.5)
Slide 20
Slide 20 text
Updating The Preview (Post
4.5)
Slide 21
Slide 21 text
Our First Customizer
Setting
Slide 22
Slide 22 text
Hook a function onto
customize_register
Slide 23
Slide 23 text
Add Setting
Slide 24
Slide 24 text
Add Control
Slide 25
Slide 25 text
Add Selective Refresh
Slide 26
Slide 26 text
Selective Refresh Fallback
Slide 27
Slide 27 text
Add The Style Tag To Target
Slide 28
Slide 28 text
Keep It DRY
Move that line into its own function replace it with the function
call
Slide 29
Slide 29 text
All Together Now
Slide 30
Slide 30 text
Documentation
•
•
•
Slide 31
Slide 31 text
Resources
•
–
–
•
•
Slide 32
Slide 32 text
Community
Slide 33
Slide 33 text
Cameron Jones