Never fear, the customizer is here!

Introduction to the Customizer, what it is and does, and what options are available, followed by a tutorial on how to add your own settings to the Customizer and how to see them in the live preview. This will include code snippets in the slides, as well as a demo of it in action on a local site.

Demo theme:
- http://wordcampsc.cameronjonesweb.com.au
- U: wordcampsc P: demo
- Source code: https://github.com/cameronjonesweb/wordcampsc

Transcript

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