Like Us Like Us Facebook Subscribe Subscribe us YouTube Whatsapp Share us Whatsapp Query Send your queries

How to Use WordPress Customizer in your Theme

How to Use WordPress Customizer in your Theme

WordPress comes with a built-in theme customizer that allows to take your WordPress Theme to the next level. Using Customizer you can change your Site Title and Tagline, add Widgets to a Sidebar or Footer, create Custom Menus, change your Homepage Settings, and more with realtime view.

For example we are going to create a panel “Social Links” then can be accessible from Dashboard go Apearance->Customize. For thiswe have put the code given below in your theme’s functions.php

function theme_customize_function($wp_customize){

  $wp_customize->add_panel('sp_social_url',array(
    'title'=>'Social Icons',
    'description'=> 'Set Social Media Url here',
    'priority'=> 100,
  ));
  
  $wp_customize->add_section('sp_social_url',array(
     'title'=>'Social Url',
     'description'=>__('Set Social Media Url here'),
     'panel'=>'sp_social_url',
  ));
  
    $wp_customize->add_setting('sp_social_facebook',array(
        'default'=>_('Facebook Url'),
    ));
    
    $wp_customize->add_control('sp_social_facebook',array(
        'label'=>'Facebook Url',
        'section'=>__('sp_social_url'),
        'priority'=>1,
    ));
    
    $wp_customize->add_setting('sp_social_youtube',array(
        'default'=>_('Youtube Url'),
    ));
    
    $wp_customize->add_control('sp_social_youtube',array(
        'label'=>'Youtube Url',
        'section'=>__('sp_social_url'),
        'priority'=>1,
    ));
    
    $wp_customize->add_setting('sp_social_linkedin',array(
        'default'=>_('Linkdin Url'),
    ));
    
    $wp_customize->add_control('sp_social_linkedin',array(
        'label'=>'Linkedin Url',
        'section'=>__('sp_social_url'),
        'priority'=>1,
    ));

}
add_action('customize_register','theme_customize_function');

Now if you want show it in footer, just copy the code below and paste in footer.php.

<a target="_blank" class="soc_facebook" href="<?php echo get_theme_mod('sp_social_facebook');?>" rel="nofollow">Facebook</a>
<a target="_blank" class="soc_youtube" href="<?php echo get_theme_mod('sp_social_youtube');?>" rel="nofollow">YouTube</a>
<a target="_blank" class="soc_linkedin" href="<?php echo get_theme_mod('sp_social_linkedin');?>" rel="nofollow">Linkedin</a>
0 0 vote
Article Rating
Subscribe
Notify of
guest

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments
Inline Feedbacks
View all comments
Do you have any Query / Suggestion