Submit Search
Upload
WordPress 3.4 Theme Customizer
•
0 likes
•
804 views
Chandra Maharzan
Follow
Explaining what Theme Customizer is and how to use it in your own themes.
Read less
Read more
Education
Technology
Business
Slideshow view
Report
Share
Slideshow view
Report
Share
1 of 16
Download now
Download to read offline
Recommended
What we can learn from WordPress as a developer
What we can learn from WordPress as a developer
Chandra Maharzan
Image manipulation in WordPress 3.5
Image manipulation in WordPress 3.5
Marko Heijnen
Make your own wp cli command in 10min
Make your own wp cli command in 10min
Ivelina Dimova
WordCamp Bristol 2019 - WordPress custom theme building
WordCamp Bristol 2019 - WordPress custom theme building
Jonny Allbut
20110820 header new style
20110820 header new style
AgentiadeturismInvenio
Writing Secure Plugins — WordCamp New York 2009
Writing Secure Plugins — WordCamp New York 2009
Mark Jaquith
Index
Index
antseex
Handlebars
Handlebars
Sivasankaran Murugaiyan
Recommended
What we can learn from WordPress as a developer
What we can learn from WordPress as a developer
Chandra Maharzan
Image manipulation in WordPress 3.5
Image manipulation in WordPress 3.5
Marko Heijnen
Make your own wp cli command in 10min
Make your own wp cli command in 10min
Ivelina Dimova
WordCamp Bristol 2019 - WordPress custom theme building
WordCamp Bristol 2019 - WordPress custom theme building
Jonny Allbut
20110820 header new style
20110820 header new style
AgentiadeturismInvenio
Writing Secure Plugins — WordCamp New York 2009
Writing Secure Plugins — WordCamp New York 2009
Mark Jaquith
Index
Index
antseex
Handlebars
Handlebars
Sivasankaran Murugaiyan
Using shortcode in plugin development
Using shortcode in plugin development
gskhanal
Wynn Netherland: Accelerating Titanium Development with CoffeeScript, Compass...
Wynn Netherland: Accelerating Titanium Development with CoffeeScript, Compass...
Axway Appcelerator
jQuery in 15 minutes
jQuery in 15 minutes
Simon Willison
HTML5 and CSS3 Refresher
HTML5 and CSS3 Refresher
Ivano Malavolta
JS.Chi CSS Animations
JS.Chi CSS Animations
Justin Meyer
Андрей Юртаев - Improve theming with (Twitter) Bootstrap
Андрей Юртаев - Improve theming with (Twitter) Bootstrap
DrupalSPB
Drupal 7 — Circle theme
Drupal 7 — Circle theme
Kirill Borzov
Efficient theming in Drupal
Efficient theming in Drupal
Cedric Spillebeen
WordPress Cuztom Helper
WordPress Cuztom Helper
slicejack
CSS: A Slippery Slope to the Backend
CSS: A Slippery Slope to the Backend
FITC
Variations on a Theme
Variations on a Theme
Commercial Progression
18. images in symfony 4
18. images in symfony 4
Razvan Raducanu, PhD
Mojolicious on Steroids
Mojolicious on Steroids
Tudor Constantin
Accelerated Native Mobile Development with the Ti gem
Accelerated Native Mobile Development with the Ti gem
Wynn Netherland
LESS(CSS preprocessor)
LESS(CSS preprocessor)
VIPIN KUMAR
WordPress Theme Design and Development Workshop - Day 3
WordPress Theme Design and Development Workshop - Day 3
Mizanur Rahaman Mizan
Mojolicious
Mojolicious
Marcos Rebelo
i18n for Plugin and Theme Developers, WordCamp Milano 2016
i18n for Plugin and Theme Developers, WordCamp Milano 2016
Sergey Biryukov
Mojolicious, real-time web framework
Mojolicious, real-time web framework
taggg
How to learn j query
How to learn j query
Baoyu Xu
Be HTML5-ready today
Be HTML5-ready today
Oleksandr Khomenko
Maxxconnect Presentation
Maxxconnect Presentation
ShankarNabar
More Related Content
What's hot
Using shortcode in plugin development
Using shortcode in plugin development
gskhanal
Wynn Netherland: Accelerating Titanium Development with CoffeeScript, Compass...
Wynn Netherland: Accelerating Titanium Development with CoffeeScript, Compass...
Axway Appcelerator
jQuery in 15 minutes
jQuery in 15 minutes
Simon Willison
HTML5 and CSS3 Refresher
HTML5 and CSS3 Refresher
Ivano Malavolta
JS.Chi CSS Animations
JS.Chi CSS Animations
Justin Meyer
Андрей Юртаев - Improve theming with (Twitter) Bootstrap
Андрей Юртаев - Improve theming with (Twitter) Bootstrap
DrupalSPB
Drupal 7 — Circle theme
Drupal 7 — Circle theme
Kirill Borzov
Efficient theming in Drupal
Efficient theming in Drupal
Cedric Spillebeen
WordPress Cuztom Helper
WordPress Cuztom Helper
slicejack
CSS: A Slippery Slope to the Backend
CSS: A Slippery Slope to the Backend
FITC
Variations on a Theme
Variations on a Theme
Commercial Progression
18. images in symfony 4
18. images in symfony 4
Razvan Raducanu, PhD
Mojolicious on Steroids
Mojolicious on Steroids
Tudor Constantin
Accelerated Native Mobile Development with the Ti gem
Accelerated Native Mobile Development with the Ti gem
Wynn Netherland
LESS(CSS preprocessor)
LESS(CSS preprocessor)
VIPIN KUMAR
WordPress Theme Design and Development Workshop - Day 3
WordPress Theme Design and Development Workshop - Day 3
Mizanur Rahaman Mizan
Mojolicious
Mojolicious
Marcos Rebelo
i18n for Plugin and Theme Developers, WordCamp Milano 2016
i18n for Plugin and Theme Developers, WordCamp Milano 2016
Sergey Biryukov
Mojolicious, real-time web framework
Mojolicious, real-time web framework
taggg
How to learn j query
How to learn j query
Baoyu Xu
What's hot
(20)
Using shortcode in plugin development
Using shortcode in plugin development
Wynn Netherland: Accelerating Titanium Development with CoffeeScript, Compass...
Wynn Netherland: Accelerating Titanium Development with CoffeeScript, Compass...
jQuery in 15 minutes
jQuery in 15 minutes
HTML5 and CSS3 Refresher
HTML5 and CSS3 Refresher
JS.Chi CSS Animations
JS.Chi CSS Animations
Андрей Юртаев - Improve theming with (Twitter) Bootstrap
Андрей Юртаев - Improve theming with (Twitter) Bootstrap
Drupal 7 — Circle theme
Drupal 7 — Circle theme
Efficient theming in Drupal
Efficient theming in Drupal
WordPress Cuztom Helper
WordPress Cuztom Helper
CSS: A Slippery Slope to the Backend
CSS: A Slippery Slope to the Backend
Variations on a Theme
Variations on a Theme
18. images in symfony 4
18. images in symfony 4
Mojolicious on Steroids
Mojolicious on Steroids
Accelerated Native Mobile Development with the Ti gem
Accelerated Native Mobile Development with the Ti gem
LESS(CSS preprocessor)
LESS(CSS preprocessor)
WordPress Theme Design and Development Workshop - Day 3
WordPress Theme Design and Development Workshop - Day 3
Mojolicious
Mojolicious
i18n for Plugin and Theme Developers, WordCamp Milano 2016
i18n for Plugin and Theme Developers, WordCamp Milano 2016
Mojolicious, real-time web framework
Mojolicious, real-time web framework
How to learn j query
How to learn j query
Viewers also liked
Be HTML5-ready today
Be HTML5-ready today
Oleksandr Khomenko
Maxxconnect Presentation
Maxxconnect Presentation
ShankarNabar
Thucydides - /by Igor Rozdobudko
Thucydides - /by Igor Rozdobudko
Oleksandr Khomenko
Interesting Theme Shop Stats
Interesting Theme Shop Stats
Chandra Maharzan
Chandra Maharzan: The Future of Web Design Experience
Chandra Maharzan: The Future of Web Design Experience
Chandra Maharzan
WordPress Security Implementation Guideline - Presentation for OWASP Romania ...
WordPress Security Implementation Guideline - Presentation for OWASP Romania ...
Dan Vasile
Chandra Maharzan: Making a successful career out of WordPress
Chandra Maharzan: Making a successful career out of WordPress
wpnepal
Viewers also liked
(7)
Be HTML5-ready today
Be HTML5-ready today
Maxxconnect Presentation
Maxxconnect Presentation
Thucydides - /by Igor Rozdobudko
Thucydides - /by Igor Rozdobudko
Interesting Theme Shop Stats
Interesting Theme Shop Stats
Chandra Maharzan: The Future of Web Design Experience
Chandra Maharzan: The Future of Web Design Experience
WordPress Security Implementation Guideline - Presentation for OWASP Romania ...
WordPress Security Implementation Guideline - Presentation for OWASP Romania ...
Chandra Maharzan: Making a successful career out of WordPress
Chandra Maharzan: Making a successful career out of WordPress
Similar to WordPress 3.4 Theme Customizer
WordCamp Praga 2015
WordCamp Praga 2015
Tomasz Dziuda
Hardcore URL Routing for WordPress - WordCamp Atlanta 2014 (PPT)
Hardcore URL Routing for WordPress - WordCamp Atlanta 2014 (PPT)
Mike Schinkel
You're Doing it Wrong - WordCamp Atlanta
You're Doing it Wrong - WordCamp Atlanta
Chris Scott
Building Potent WordPress Websites
Building Potent WordPress Websites
Kyle Cearley
Becoming a better WordPress Developer
Becoming a better WordPress Developer
Joey Kudish
PSD to WordPress
PSD to WordPress
Nile Flores
WordPress Café: Using WordPress as a Framework
WordPress Café: Using WordPress as a Framework
Exove
Supercharging WordPress Development - Wordcamp Brighton 2019
Supercharging WordPress Development - Wordcamp Brighton 2019
Adam Tomat
Custom Post Types and Meta Fields
Custom Post Types and Meta Fields
Liton Arefin
How to make a WordPress theme
How to make a WordPress theme
Hardeep Asrani
[WLDN] Supercharging word press development in 2018
[WLDN] Supercharging word press development in 2018
Adam Tomat
Seven deadly theming sins
Seven deadly theming sins
George Stephanis
Writing extensible Word press-plugins
Writing extensible Word press-plugins
AllenSnook
WordPress customizer for themes and more
WordPress customizer for themes and more
Santosh Kunwar
Gail villanueva add muscle to your wordpress site
Gail villanueva add muscle to your wordpress site
references
WordPress Developers Israel Meetup #1
WordPress Developers Israel Meetup #1
Yoav Farhi
Word Camp Fukuoka2010
Word Camp Fukuoka2010
YUKI YAMAGUCHI
[Bristol WordPress] Supercharging WordPress Development
[Bristol WordPress] Supercharging WordPress Development
Adam Tomat
Getting Started With WordPress Development
Getting Started With WordPress Development
Andy Brudtkuhl
WordPress for developers - phpday 2011
WordPress for developers - phpday 2011
Maurizio Pelizzone
Similar to WordPress 3.4 Theme Customizer
(20)
WordCamp Praga 2015
WordCamp Praga 2015
Hardcore URL Routing for WordPress - WordCamp Atlanta 2014 (PPT)
Hardcore URL Routing for WordPress - WordCamp Atlanta 2014 (PPT)
You're Doing it Wrong - WordCamp Atlanta
You're Doing it Wrong - WordCamp Atlanta
Building Potent WordPress Websites
Building Potent WordPress Websites
Becoming a better WordPress Developer
Becoming a better WordPress Developer
PSD to WordPress
PSD to WordPress
WordPress Café: Using WordPress as a Framework
WordPress Café: Using WordPress as a Framework
Supercharging WordPress Development - Wordcamp Brighton 2019
Supercharging WordPress Development - Wordcamp Brighton 2019
Custom Post Types and Meta Fields
Custom Post Types and Meta Fields
How to make a WordPress theme
How to make a WordPress theme
[WLDN] Supercharging word press development in 2018
[WLDN] Supercharging word press development in 2018
Seven deadly theming sins
Seven deadly theming sins
Writing extensible Word press-plugins
Writing extensible Word press-plugins
WordPress customizer for themes and more
WordPress customizer for themes and more
Gail villanueva add muscle to your wordpress site
Gail villanueva add muscle to your wordpress site
WordPress Developers Israel Meetup #1
WordPress Developers Israel Meetup #1
Word Camp Fukuoka2010
Word Camp Fukuoka2010
[Bristol WordPress] Supercharging WordPress Development
[Bristol WordPress] Supercharging WordPress Development
Getting Started With WordPress Development
Getting Started With WordPress Development
WordPress for developers - phpday 2011
WordPress for developers - phpday 2011
Recently uploaded
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Sumit Tiwari
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERP
Celine George
CELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptx
JiesonDelaCerna
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
9953056974 Low Rate Call Girls In Saket, Delhi NCR
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
Sayali Powar
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.
arsicmarija21
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
manuelaromero2013
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice great
YousafMalik24
Blooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docx
UnboundStockton
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptx
Eyham Joco
9953330565 Low Rate Call Girls In Rohini Delhi NCR
9953330565 Low Rate Call Girls In Rohini Delhi NCR
9953056974 Low Rate Call Girls In Saket, Delhi NCR
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
pboyjonauth
ESSENTIAL of (CS/IT/IS) class 06 (database)
ESSENTIAL of (CS/IT/IS) class 06 (database)
Dr. Mazin Mohamed alkathiri
Capitol Tech U Doctoral Presentation - April 2024.pptx
Capitol Tech U Doctoral Presentation - April 2024.pptx
CapitolTechU
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in Pharmacovigilance
SamikshaHamane
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
Dr.Ibrahim Hassaan
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
thorishapillay1
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
JhezDiaz1
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
Sabitha Banu
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
iammrhaywood
Recently uploaded
(20)
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
Enzyme, Pharmaceutical Aids, Miscellaneous Last Part of Chapter no 5th.pdf
What is Model Inheritance in Odoo 17 ERP
What is Model Inheritance in Odoo 17 ERP
CELL CYCLE Division Science 8 quarter IV.pptx
CELL CYCLE Division Science 8 quarter IV.pptx
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
call girls in Kamla Market (DELHI) 🔝 >༒9953330565🔝 genuine Escort Service 🔝✔️✔️
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
POINT- BIOCHEMISTRY SEM 2 ENZYMES UNIT 5.pptx
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
Earth Day Presentation wow hello nice great
Earth Day Presentation wow hello nice great
Blooming Together_ Growing a Community Garden Worksheet.docx
Blooming Together_ Growing a Community Garden Worksheet.docx
Types of Journalistic Writing Grade 8.pptx
Types of Journalistic Writing Grade 8.pptx
9953330565 Low Rate Call Girls In Rohini Delhi NCR
9953330565 Low Rate Call Girls In Rohini Delhi NCR
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
ESSENTIAL of (CS/IT/IS) class 06 (database)
ESSENTIAL of (CS/IT/IS) class 06 (database)
Capitol Tech U Doctoral Presentation - April 2024.pptx
Capitol Tech U Doctoral Presentation - April 2024.pptx
Roles & Responsibilities in Pharmacovigilance
Roles & Responsibilities in Pharmacovigilance
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
Proudly South Africa powerpoint Thorisha.pptx
Proudly South Africa powerpoint Thorisha.pptx
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
ENGLISH 7_Q4_LESSON 2_ Employing a Variety of Strategies for Effective Interp...
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
ECONOMIC CONTEXT - PAPER 1 Q3: NEWSPAPERS.pptx
WordPress 3.4 Theme Customizer
1.
WordPress Meetup #12
July 22, 2012 WordPress Nepal wpnepal.org facebook.com/groups/wordpressnepal
2.
WordPress 3.4 Theme Customizer
Chandra Maharzan nhuja.com tweet @maharzan
3.
Daryl Koopersmith
WordPress Core Developer
4.
Why use it? •
Live Preview - no rush
5.
Quick Demo
6.
First things first •
add_theme_support( 'custom-header' ); • add_theme_support( 'custom-background' ); • register_nav_menus ( );
7.
Theme Options • Theme
Mod • set_theme_mod / get_theme_mod • Individual Settings • Serialized Settings • set_option / get_option
8.
Structure
WP_Customize_Section WP_Customize_Control WP_Customize_Setting
9.
Extensions •
WP_Customize_Upload_Control • WP_Customize_Image_Control • WP_Customize_Header_Image_Control
10.
So, How do
we do it? • add_action( 'customize_register', 'my_function' ); • function my_function ( $wp_customize ) { • $wp_customize->add_section( ); • $wp_customize->add_setting( ); • $wp_customize->add_control( );
11.
The LIVE FUN! •
'transport' => 'postMessage' • $wp_customize->add_setting( 'cleanr_options[color]', array( 'default' => '', 'type' => 'option', 'capability' => 'edit_theme_options', 'transport' => 'postMessage' ) );
12.
•
if ( $wp_customize->is_preview() && ! is_admin() ) add_action( 'wp_footer', 'my_custom_preview', 21); • <?php function my_custom_preview() { ?> <script type="text/javascript"> ( function( $ ){ wp.customize( 'setting_name', function( value ) { value.bind( function( to ) { $( '.posttitle' ).css( 'color', to ? '#' + to : '' ); }); }); } )( jQuery ); </script> <?php } ?>
13.
Lets see some
code!
14.
Improvements • Textarea
Type • CSS Plugin by Daryl Koop • Clear Color HEX • Refresh Time
15.
References • http://ottopress.com
• http://codex.wordpress.org • http://graphpaperpress.com
16.
Thank you
Questions?
Editor's Notes
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
Download now