How to add Wp Customizer Icon in Wordpress

Noted That:

• 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.

Start the Tips:

1. First Download "wp-customizer-icon.zip" Plugin to your Local Computer. (Click Download)

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

3. Then, Click on "Plugins" + "Add New" from left sidemenu of Dashboard.

4. Now, Click on "Upload Plugin" button.

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"

6. Now, Click on "Active Plugin"

7. Then, See left sidemenu. "Wp Customizer Icon" folder is added on left sidemenu. Now, Click on "Wp Customizer Icon" folder.

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

8. Now you configure yourself oR Watch video tutorial below about Wp Customizer Icon Configurtions 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;
}