Title: Wp Customizer Icon
Author: iqbalrony
Published: <strong>30.6.2019</strong>
Last modified: 11.3.2026

---

Hae lisäosia

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

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

 * [Tiedot](https://fi.wordpress.org/plugins/wp-customizer-icon/#description)
 * [Arvostelut](https://fi.wordpress.org/plugins/wp-customizer-icon/#reviews)
 *  [Asennus](https://fi.wordpress.org/plugins/wp-customizer-icon/#installation)
 * [Kehitys](https://fi.wordpress.org/plugins/wp-customizer-icon/#developers)

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

## Kuvaus

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.

## Kuvankaappaukset

 * [[
 * This screenshot one.
 * [[
 * This screenshot two.
 * [[
 * This screenshot three.
 * [[
 * This screenshot four.

## Asennus

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

## UKK

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

## Arvostelut

There are no reviews for this plugin.

## Avustajat & Kehittäjät

“Wp Customizer Icon” perustuu avoimeen lähdekoodiin. Seuraavat henkilöt ovat osallistuneet
tämän lisäosan kehittämiseen.

Avustajat

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

[Käännä “Wp Customizer Icon” omalle kielellesi.](https://translate.wordpress.org/projects/wp-plugins/wp-customizer-icon)

### Oletko kiinnostunut kehitystyöstä?

[Browse the code](https://plugins.trac.wordpress.org/browser/wp-customizer-icon/),
check out the [SVN repository](https://plugins.svn.wordpress.org/wp-customizer-icon/),
or subscribe to the [development log](https://plugins.trac.wordpress.org/log/wp-customizer-icon/)
by [RSS](https://plugins.trac.wordpress.org/log/wp-customizer-icon/?limit=100&mode=stop_on_copy&format=rss).

## Metatiedot

 *  Version **1.0.4**
 *  Last updated **3 kuukautta sitten**
 *  Active installations **40+**
 *  WordPress version ** 4.5 or higher **
 *  Tested up to **6.9.4**
 *  PHP version ** 5.6 or higher **
 *  Language
 * [English (US)](https://wordpress.org/plugins/wp-customizer-icon/)
 * Tags
 * [customizer](https://fi.wordpress.org/plugins/tags/customizer/)[icon](https://fi.wordpress.org/plugins/tags/icon/)
 *  [Edistynyt näkymä](https://fi.wordpress.org/plugins/wp-customizer-icon/advanced/)

## Arvosanat

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/)

## Avustajat

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

## Tuki

Onko sinulla jotain sanottavaa? Tarvitsetko apua?

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