Title: Wp Customizer Icon
Author: iqbalrony
Published: <strong>جون 30, 2019</strong>
Last modified: مارچ 11, 2026

---

پلگ انز تلاش کریں

![](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://ur.wordpress.org/plugins/wp-customizer-icon/#description)
 * [جائزے](https://ur.wordpress.org/plugins/wp-customizer-icon/#reviews)
 *  [انسٹالیشن](https://ur.wordpress.org/plugins/wp-customizer-icon/#installation)
 * [ڈیولپمنٹ](https://ur.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;
    }
    ```

## عمومی سوالات

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

## جائزے

There are no reviews for this plugin.

## شراکت دار اور ڈیویلپرز

“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/)،
[ایس این وی ریپوزیٹری](https://plugins.svn.wordpress.org/wp-customizer-icon/) کو
چیک کریں یا [ڈویلپمینٹ لاگ](https://plugins.trac.wordpress.org/log/wp-customizer-icon/)
کو سبسکرائب کریں بذریعہ [آر ایس ایس](https://plugins.trac.wordpress.org/log/wp-customizer-icon/?limit=100&mode=stop_on_copy&format=rss)۔

## میٹا

 *  Version **1.0.4**
 *  Last updated **7 مہینے پہلے**
 *  Active installations **50+**
 *  WordPress version ** 4.5 یا اس سے جدید **
 *  Tested up to **6.9.9**
 *  PHP version ** 5.6 یا اس سے جدید **
 *  Language
 * [English (US)](https://wordpress.org/plugins/wp-customizer-icon/)
 * Tags
 * [customizer](https://ur.wordpress.org/plugins/tags/customizer/)[icon](https://ur.wordpress.org/plugins/tags/icon/)
 *  [اعلی درجے کا منظر](https://ur.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)

[See all reviews](https://wordpress.org/support/plugin/wp-customizer-icon/reviews/)

## شراکت دار

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

## معاونت

کچھ کہنا ہے؟ مدد چاہیے؟

 [معاونتی فورم دیکھیں](https://wordpress.org/support/plugin/wp-customizer-icon/)