Title: Wp Customizer Icon
Author: iqbalrony
Published: <strong>30 juni 2019</strong>
Last modified: 11 maart 2026

---

Plugins zoeken

![](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

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

[Download](https://downloads.wordpress.org/plugin/wp-customizer-icon.1.0.4.zip)

 * [Details](https://nl.wordpress.org/plugins/wp-customizer-icon/#description)
 * [Beoordelingen](https://nl.wordpress.org/plugins/wp-customizer-icon/#reviews)
 *  [Installatie](https://nl.wordpress.org/plugins/wp-customizer-icon/#installation)
 * [Ontwikkeling](https://nl.wordpress.org/plugins/wp-customizer-icon/#developers)

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

## Beschrijving

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.

## Schermafbeeldingen

[⌊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.

## Installatie

 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.

## Beoordelingen

Er zijn geen beoordelingen voor deze plugin.

## Bijdragers & ontwikkelaars

“Wp Customizer Icon” is open source software. De volgende personen hebben bijgedragen
aan deze plugin.

Bijdragers

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

[Vertaal “Wp Customizer Icon” in je eigen taal.](https://translate.wordpress.org/projects/wp-plugins/wp-customizer-icon)

### Interesse in ontwikkeling?

[Bekijk de code](https://plugins.trac.wordpress.org/browser/wp-customizer-icon/),
haal de [SVN repository](https://plugins.svn.wordpress.org/wp-customizer-icon/) 
op, of abonneer je op het [ontwikkellog](https://plugins.trac.wordpress.org/log/wp-customizer-icon/)
via [RSS](https://plugins.trac.wordpress.org/log/wp-customizer-icon/?limit=100&mode=stop_on_copy&format=rss).

## Meta

 *  Versie **1.0.4**
 *  Laatst geüpdatet **4 maanden geleden**
 *  Actieve installaties **40+**
 *  WordPress versie ** 4.5 of nieuwer **
 *  Getest t/m **6.9.4**
 *  PHP versie ** 5.6 of nieuwer **
 *  Taal
 * [English (US)](https://wordpress.org/plugins/wp-customizer-icon/)
 * Tags
 * [customizer](https://nl.wordpress.org/plugins/tags/customizer/)[icon](https://nl.wordpress.org/plugins/tags/icon/)
 *  [Geavanceerde weergave](https://nl.wordpress.org/plugins/wp-customizer-icon/advanced/)

## Waarderingen

Er zijn nog geen beoordelingen ingediend.

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

[Bekijk alle beoordelingen](https://wordpress.org/support/plugin/wp-customizer-icon/reviews/)

## Bijdragers

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

## Ondersteuning

Iets te melden? Hulp nodig?

 [Het supportforum bekijken](https://wordpress.org/support/plugin/wp-customizer-icon/)