SlideShare une entreprise Scribd logo
1  sur  18
Télécharger pour lire hors ligne
@jonnyauk
https://wider.co.uk
Using Customizer for
custom content
Jonny Allbut
Digital Director
@jonnyauk
https://wider.co.uk
“It’s VITAL functionality,
I need to edit this…”
@jonnyauk
https://wider.co.uk
• Widget areas
• Custom options pages
• Custom post data
• Customizer (YAY!)
Front-end custom deployment
@jonnyauk
https://wider.co.uk
• Data storage options
• Built for us to extend!
• Easy live preview, no reload
Customizer rocks!
@jonnyauk
https://wider.co.uk
Baby steps into
customizer
@jonnyauk
https://wider.co.uk
• custom-background
• custom-header
• custom-logo
Basics - add_theme_support

https://developer.wordpress.org/reference/functions/add_theme_support/
@jonnyauk
https://wider.co.uk
Basics - custom-background
$defaults = array(

'default-image' => '',

'default-preset' => 'default',

'default-position-x' => 'left',

'default-position-y' => 'top',

'default-size' => 'auto',

'default-repeat' => 'repeat',

'default-attachment' => 'scroll',

'default-color' => '',

'wp-head-callback' => '_custom_background_cb',

'admin-head-callback' => '',

'admin-preview-callback' => '',);
add_theme_support( 'custom-background', $defaults );
@jonnyauk
https://wider.co.uk
Basics - custom-background
$cmzr_bg_defaults = array(

'default-color' => '003e51',

'wp-head-callback' => '_custom_background_cb'

);

add_theme_support(‘custom-background',$cmzr_bg_defaults);
@jonnyauk
https://wider.co.uk
Creating your own
controls
@jonnyauk
https://wider.co.uk
•THEME_MOD

> Only used by single theme
•OPTION

> Can be used by any theme
2 ways to store options
@jonnyauk
https://wider.co.uk
• add_setting
• add_panel
• add_section
• add_control
Creating Customizer controls
@jonnyauk
https://wider.co.uk
PANEL
SECTION
CONTROL
@jonnyauk
https://wider.co.uk
• WP_Customize_Control
• WP_Customize_Color_Control
• WP_Customize_Upload_Control
• WP_Customize_Image_Control
• WP_Customize_Background_Image_Control
• WP_Customize_Header_Image_Control
• WP_Customize_Cropped_Image_Control
• WP_Customize_Media_Control
Input control types
@jonnyauk
https://wider.co.uk
Using a value
esc_html_e(

get_theme_mod(

'opt_strapline',

'Now we are getting cute!'

)

);
@jonnyauk
https://wider.co.uk
Live demo of sorts 

(wish me luck!)
@jonnyauk
https://wider.co.uk
Customizer.js example code: https://goo.gl/v9Qa5V
Customizer.php example code: https://goo.gl/7fnYiG
https://developer.wordpress.org/themes/customize-api/
Twentyseventeen core theme
Reference materials
@jonnyauk
https://wider.co.uk
Takeaways
• Plan and structure for best user experience
• Consider what actually needs to be editable
• Edit once, update many
• Experiment!
@jonnyauk
https://wider.co.uk
Using Customizer for
custom content
Jonny Allbut
Digital Director

Contenu connexe

Plus de Jonny Allbut

WordCamp Sheffield 2014 Theme Workflow Presentation
WordCamp Sheffield 2014 Theme Workflow PresentationWordCamp Sheffield 2014 Theme Workflow Presentation
WordCamp Sheffield 2014 Theme Workflow PresentationJonny Allbut
 
Build WordPress themes like a heavyweight - WordCamp Lancaster 2013
Build WordPress themes like a heavyweight - WordCamp Lancaster 2013Build WordPress themes like a heavyweight - WordCamp Lancaster 2013
Build WordPress themes like a heavyweight - WordCamp Lancaster 2013Jonny Allbut
 
Rapid WordPress theme development
Rapid WordPress theme developmentRapid WordPress theme development
Rapid WordPress theme developmentJonny Allbut
 
Turbo charged WordPress theme development - WordCamp Edinburgh 2012
Turbo charged WordPress theme development - WordCamp Edinburgh 2012Turbo charged WordPress theme development - WordCamp Edinburgh 2012
Turbo charged WordPress theme development - WordCamp Edinburgh 2012Jonny Allbut
 
Freelance presentation v2
Freelance presentation v2Freelance presentation v2
Freelance presentation v2Jonny Allbut
 
Wordcamp 2010 presentation
Wordcamp 2010 presentationWordcamp 2010 presentation
Wordcamp 2010 presentationJonny Allbut
 
WordCamp UK 2009 presentation
WordCamp UK 2009 presentationWordCamp UK 2009 presentation
WordCamp UK 2009 presentationJonny Allbut
 
WordPress Is Not A Blog from WordCamp UK 2008
WordPress Is Not A Blog from WordCamp UK 2008WordPress Is Not A Blog from WordCamp UK 2008
WordPress Is Not A Blog from WordCamp UK 2008Jonny Allbut
 

Plus de Jonny Allbut (8)

WordCamp Sheffield 2014 Theme Workflow Presentation
WordCamp Sheffield 2014 Theme Workflow PresentationWordCamp Sheffield 2014 Theme Workflow Presentation
WordCamp Sheffield 2014 Theme Workflow Presentation
 
Build WordPress themes like a heavyweight - WordCamp Lancaster 2013
Build WordPress themes like a heavyweight - WordCamp Lancaster 2013Build WordPress themes like a heavyweight - WordCamp Lancaster 2013
Build WordPress themes like a heavyweight - WordCamp Lancaster 2013
 
Rapid WordPress theme development
Rapid WordPress theme developmentRapid WordPress theme development
Rapid WordPress theme development
 
Turbo charged WordPress theme development - WordCamp Edinburgh 2012
Turbo charged WordPress theme development - WordCamp Edinburgh 2012Turbo charged WordPress theme development - WordCamp Edinburgh 2012
Turbo charged WordPress theme development - WordCamp Edinburgh 2012
 
Freelance presentation v2
Freelance presentation v2Freelance presentation v2
Freelance presentation v2
 
Wordcamp 2010 presentation
Wordcamp 2010 presentationWordcamp 2010 presentation
Wordcamp 2010 presentation
 
WordCamp UK 2009 presentation
WordCamp UK 2009 presentationWordCamp UK 2009 presentation
WordCamp UK 2009 presentation
 
WordPress Is Not A Blog from WordCamp UK 2008
WordPress Is Not A Blog from WordCamp UK 2008WordPress Is Not A Blog from WordCamp UK 2008
WordPress Is Not A Blog from WordCamp UK 2008
 

Dernier

HOTBET4D SCATTER HITAM MAXWIN OLYMPUS TERPERCAYA
HOTBET4D SCATTER HITAM MAXWIN OLYMPUS TERPERCAYAHOTBET4D SCATTER HITAM MAXWIN OLYMPUS TERPERCAYA
HOTBET4D SCATTER HITAM MAXWIN OLYMPUS TERPERCAYAHotbet4d Slot
 
2024_hackersuli_mobil_ios_android ______
2024_hackersuli_mobil_ios_android ______2024_hackersuli_mobil_ios_android ______
2024_hackersuli_mobil_ios_android ______hackersuli
 
Summary ID-IGF 2016 National Dialogue - English (tata kelola internet / int...
Summary  ID-IGF 2016 National Dialogue  - English (tata kelola internet / int...Summary  ID-IGF 2016 National Dialogue  - English (tata kelola internet / int...
Summary ID-IGF 2016 National Dialogue - English (tata kelola internet / int...ICT Watch - Indonesia
 
The Reasons IV Cannulas Are Important in Modern Healthcare
The Reasons IV Cannulas Are Important in Modern HealthcareThe Reasons IV Cannulas Are Important in Modern Healthcare
The Reasons IV Cannulas Are Important in Modern HealthcareNanchang Kindly Meditech
 
Summary IGF 2013 Bali - English (tata kelola internet / internet governance)
Summary  IGF 2013 Bali - English (tata kelola internet / internet governance)Summary  IGF 2013 Bali - English (tata kelola internet / internet governance)
Summary IGF 2013 Bali - English (tata kelola internet / internet governance)ICT Watch - Indonesia
 
Tari Eason Warriors Come Out To Play T Shirts
Tari Eason Warriors Come Out To Play T ShirtsTari Eason Warriors Come Out To Play T Shirts
Tari Eason Warriors Come Out To Play T Shirtsrahman018755
 
Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...
Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...
Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...Andreas Sfakianakis
 
Is DNS ready for IPv6, presented by Geoff Huston at IETF 119
Is DNS ready for IPv6, presented by Geoff Huston at IETF 119Is DNS ready for IPv6, presented by Geoff Huston at IETF 119
Is DNS ready for IPv6, presented by Geoff Huston at IETF 119APNIC
 
Annex K RBF's World Game Signals & Telemetry pdf
Annex K RBF's World Game Signals & Telemetry pdfAnnex K RBF's World Game Signals & Telemetry pdf
Annex K RBF's World Game Signals & Telemetry pdfSteven McGee
 
办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...
办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...
办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...vmzoxnx5
 
Power of Social Media for E-commerce.pdf
Power of Social Media for E-commerce.pdfPower of Social Media for E-commerce.pdf
Power of Social Media for E-commerce.pdfrajats19920
 

Dernier (11)

HOTBET4D SCATTER HITAM MAXWIN OLYMPUS TERPERCAYA
HOTBET4D SCATTER HITAM MAXWIN OLYMPUS TERPERCAYAHOTBET4D SCATTER HITAM MAXWIN OLYMPUS TERPERCAYA
HOTBET4D SCATTER HITAM MAXWIN OLYMPUS TERPERCAYA
 
2024_hackersuli_mobil_ios_android ______
2024_hackersuli_mobil_ios_android ______2024_hackersuli_mobil_ios_android ______
2024_hackersuli_mobil_ios_android ______
 
Summary ID-IGF 2016 National Dialogue - English (tata kelola internet / int...
Summary  ID-IGF 2016 National Dialogue  - English (tata kelola internet / int...Summary  ID-IGF 2016 National Dialogue  - English (tata kelola internet / int...
Summary ID-IGF 2016 National Dialogue - English (tata kelola internet / int...
 
The Reasons IV Cannulas Are Important in Modern Healthcare
The Reasons IV Cannulas Are Important in Modern HealthcareThe Reasons IV Cannulas Are Important in Modern Healthcare
The Reasons IV Cannulas Are Important in Modern Healthcare
 
Summary IGF 2013 Bali - English (tata kelola internet / internet governance)
Summary  IGF 2013 Bali - English (tata kelola internet / internet governance)Summary  IGF 2013 Bali - English (tata kelola internet / internet governance)
Summary IGF 2013 Bali - English (tata kelola internet / internet governance)
 
Tari Eason Warriors Come Out To Play T Shirts
Tari Eason Warriors Come Out To Play T ShirtsTari Eason Warriors Come Out To Play T Shirts
Tari Eason Warriors Come Out To Play T Shirts
 
Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...
Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...
Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...
 
Is DNS ready for IPv6, presented by Geoff Huston at IETF 119
Is DNS ready for IPv6, presented by Geoff Huston at IETF 119Is DNS ready for IPv6, presented by Geoff Huston at IETF 119
Is DNS ready for IPv6, presented by Geoff Huston at IETF 119
 
Annex K RBF's World Game Signals & Telemetry pdf
Annex K RBF's World Game Signals & Telemetry pdfAnnex K RBF's World Game Signals & Telemetry pdf
Annex K RBF's World Game Signals & Telemetry pdf
 
办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...
办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...
办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...
 
Power of Social Media for E-commerce.pdf
Power of Social Media for E-commerce.pdfPower of Social Media for E-commerce.pdf
Power of Social Media for E-commerce.pdf
 

WordCamp Bristol 2017 Using WordPress Customizer for custom content