Title: Wp Customizer Icon
Author: iqbalrony
Published: <strong>2019-يىلى 30-ئىيۇن</strong>
Last modified: 2026-يىلى 11-مارت

---

قىستۇرما ئىزدە

![](https://ps.w.org/wp-customizer-icon/assets/banner-772x250.png?rev=2114905)

![](https://ps.w.org/wp-customizer-icon/assets/icon-256x256.png?rev=2114905)

# Wp Customizer Icon

 يازغۇچى [iqbalrony](https://profiles.wordpress.org/iqbalrony/)

[چۈشۈر](https://downloads.wordpress.org/plugin/wp-customizer-icon.1.0.4.zip)

 * [تەپسىلاتلار](https://ug.wordpress.org/plugins/wp-customizer-icon/#description)
 * [باھالاشلار](https://ug.wordpress.org/plugins/wp-customizer-icon/#reviews)
 *  [ئورنىتىش](https://ug.wordpress.org/plugins/wp-customizer-icon/#installation)
 * [ئىجادىيەت](https://ug.wordpress.org/plugins/wp-customizer-icon/#developers)

 [قوللاش](https://wordpress.org/support/plugin/wp-customizer-icon/)

## چۈشەندۈرۈش

Wp Customizer Icon plugin is very easy to use. It contains 3696 material design 
icons. User can add extra icon classs to the icon library from there theme.
 There
is an filter hook named WPCI_customizer_icons by which user can marge extra icons
class. Icon control name is WPCI_Customize_Icon_Control. See the [Github](https://github.com/iqbalrony/wp-customizer-icon)
project repository.

## ئېكران كەسمىسى

[⌊This screenshot one.⌉⌊This screenshot one.⌉[

This screenshot one.

[⌊This screenshot two.⌉⌊This screenshot two.⌉[

This screenshot two.

[⌊This screenshot three.⌉⌊This screenshot three.⌉[

This screenshot three.

[⌊This screenshot four.⌉⌊This screenshot four.⌉[

This screenshot four.

## ئورنىتىش

 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 '<i class="'.esc_attr( $icon_cls ).'"></i>';
    ```

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;
    }
    ```

## FAQ

### Is there way to add extra icon library

Yes, there is an filter hook named WPCI_customizer_icons by which user can marge
extra icons class.

## باھالاشلار

بۇ قىستۇرمىغا تېخى باھا يېزىلمىدى.

## تۆھپىكار ۋە ئىجادكار

«Wp Customizer Icon» كودى ئوچۇق يۇمشاق دېتال. تۆۋەندىكى كىشىلەر بۇ قىستۇرمىغا تۆھپە
قوشقان.

تۆھپىكار

 *   [ iqbalrony ](https://profiles.wordpress.org/iqbalrony/)

[«Wp Customizer Icon» نى تىلىڭىزغا تەرجىمە قىلىڭ](https://translate.wordpress.org/projects/wp-plugins/wp-customizer-icon)

### ئىجادىيەتكە قىزىقامسىز؟

[كودقا كۆز يۈگۈرتۈپ](https://plugins.trac.wordpress.org/browser/wp-customizer-icon/)،
[SVN خەزىنە](https://plugins.svn.wordpress.org/wp-customizer-icon/) تەكشۈرۈپ ياكى
[RSS](https://plugins.trac.wordpress.org/log/wp-customizer-icon/?limit=100&mode=stop_on_copy&format=rss)
ئارقىلىق [ئىجادىيەت خاتىرىسى](https://plugins.trac.wordpress.org/log/wp-customizer-icon/)
گە مۇشتەرى بولغىلى بولىدۇ.

## Meta

 *  Version **1.0.4**
 *  ئاخىرقى يېڭىلانغان ۋاقىت **6 ئاي بۇرۇن**
 *  ئاكتىپ ئورنىتىش سانى **40+**
 *  WordPress نەشرى ** 4.5 ياكى يۇقىرى **
 *  **6.9.7** دا سىنالغان
 *  PHP نەشرى ** 5.6 ياكى يۇقىرى **
 *  تىل
 * [English (US)](https://wordpress.org/plugins/wp-customizer-icon/)
 * بەلگە
 * [customizer](https://ug.wordpress.org/plugins/tags/customizer/)[icon](https://ug.wordpress.org/plugins/tags/icon/)
 *  [ئالىي كۆرۈنۈش](https://ug.wordpress.org/plugins/wp-customizer-icon/advanced/)

## دەرىجە

No reviews have been submitted yet.

[Your review](https://wordpress.org/support/plugin/wp-customizer-icon/reviews/#new-post)

[بارلىق ئىنكاسنى كۆرسەت](https://wordpress.org/support/plugin/wp-customizer-icon/reviews/)

## تۆھپىكار

 *   [ iqbalrony ](https://profiles.wordpress.org/iqbalrony/)

## قوللاش

چۈشەندۈرۈشىڭىز بارمۇ؟ ياردەم لازىممۇ؟

 [قوللاش مۇنبىرىنى كۆرسەت](https://wordpress.org/support/plugin/wp-customizer-icon/)