How to add Wp Customizer Icon in Wordpress

• To install correctly this wp-customizer-icon.zip .
• Fisrt Download the wp-customizer-icon.zip to your computer
• Extract/Open wp-customizer-icon.zip to Your Computer.
• Then, Find readme.txt file inside wp-customizer-icon.zip and Open readme.txt .
• Now, Read the Requirements of this plugin. Which Wordpress Version and PHP Version are required to run this Plugin in Your Wordpress Site.
• Then, Follow the Tips Below.

Step-1 : Download " wp-customizer-icon.zip " to Your Local Computer.

Step-2 : Then, Login to your " yourdomain.com/wp-admin " Dashboard.

Step-3 : Then, Click on " Plugins " + " Add New " from left Side Menu of Dashboard.

Step-4 : Now, Click on " Upload Plugin " button.

Step-5 : Now, Browse " wp-customizer-icon.zip " Downloaded plugin from your computer, Where you downloaded " wp-customizer-icon.zip " According to Step – 1 Above then, click on " Install Now "

Step-6 : Now, Click on " Active Plugin "

Step-7 : Then, See left Side Menu. " Wp Customizer Icon " folder is added on left Side Menu. Now, Click on " Wp Customizer Icon " folder.

Noted that: If you do not see " Wp Customizer Icon " folder on left Side Menu then, see at left Side Menu " Settings " or " Tools ".

Step-8 : Now you configure yourself oR Watch video tutorial below about Wp Customizer Icon Configurations and Settings or How to work " Wp Customizer Icon " in your WordPress site.

After Activated Plugin According to Step-6 then,

1. Go to " Plugins " + " Installed Plugin " from Wordpress Admin Panel Leftside Menu.
2. or Direct go to: https://yourdomain/wp-admin/plugins.php
3. Then, Find " Wp Customizer Icon " Activated Plugin from Plugin List.
4. Then, Click on " Settings " from Plugin that is Wp Customizer Icon
5. Now, Edit/Add/Config the setting and Click on " Save Changes " button,

1. Upload plugin-name.php to the /wp-content/plugins/ directory
2. Activate the plugin through the ‘Plugins’ menu in WordPress
3. Now create customizer icon field by using WPCI_Customize_Icon_Control class in your theme.

Example:-

/** * Customizer register */
add_action( 'customize_register', 'mytheme_customize_register' );
function mytheme_customize_register( $wp_customize ) { $wp_customize->
add_section( 'test_section', array( 'title' =>
 __('Icon', 'wp-customizer-icon'), 'priority' =>
 5, ) ); $wp_customize->
add_setting( 'test_icon', array( 'default' =>
 'mdi mdi-access-point', 'transport' =>
 'refresh', ) ); $wp_customize->
add_control( new WPCI_Customize_Icon_Control( $wp_customize, 'test_icon', array( 'type' =>
 'icon', 'label' =>
 __('Test Icon', 'wp-customizer-icon'), 'section' =>
 'test_section', 'priority' =>
 10, )) );
}
/** * Get Icon Class */
$icon_cls = get_theme_mod('test_icon');
echo '

';

Add extra icon library by filter hook named WPCI_customizer_icons.
Example:-

add_action('WPCI_customizer_icons','push_icon');
function push_icon($icon_array){ $new_icon = array_merge( array( 'fa fa-facebook' =>
'fa fa-facebook', 'fa fa-twitter' =>
'fa fa-twitter' ),$icon_array ); return $new_icon;
}