WordPress.org

Ready to get started?Download WordPress

Forums

Menu Social Icons
[resolved] Is it possible to use my own personalized icons? (2 posts)

  1. Mirana
    Member
    Posted 11 months ago #

    The Plugin works amazingly well and very easy to setup.
    The only thing is, i would like to use my own personalized icons instead of the FontAwesome ones. Is there an easy way to do that?

    Thanks so much for your quick feedback. I will post a great Review as soon as I will get this.

    Again thanks in advance.

    http://wordpress.org/plugins/menu-social-icons/

  2. Paul Clark
    Member
    Plugin Author

    Posted 11 months ago #

    Hi Lilia972,

    I'm glad to hear that Menu Social Icons has been useful and easy to use for you!

    As for your question... my answer is a definitive "maybe". ;)

    You can absolutely use your own personalized icons instead of FontAwesome. Whether or not you consider this "easy" is up to your skills and experience. For most users, I would not consider it easy, because it requires knowledge of how to create a custom icon font, and then how to use that icon font using CSS.

    Those are fairly advanced skills, but if you have them, then the plugin does allow you to use any classes you'd like using the storm_social_icons_networks filter.

    See this line for where the filter runs, and this array for the values the filters is editing.

    You can use that filter to replace the sites scanned for and the classes used with anything you want, then use your own CSS to display icons for those classes.

    For an example of filtering networks to add a new site (or change classes), see the RSS example at the bottom of the plugin description.

    add_filter( 'storm_social_icons_networks', 'storm_social_icons_networks');
    function storm_social_icons_networks( $networks ) {
        $extra_icons = array (
            '/feed' => array( 'class' => 'rss', 'icon' => 'icon-rss', 'icon-sign' => 'icon-rss-sign' ),
        );
        $extra_icons = array_merge( $networks, $extra_icons );
        return $extra_icons;
    }

    You can also remove FontAwesome completely with:

    function storm_dequeue_fontawesome(){
        wp_dequeue_style( 'fontawesome' );
        wp_dequeue_style( 'fontawesome-ie' );
    }
    add_action( 'wp_print_scripts', 'storm_dequeue_fontawesome', 20 );

Reply

You must log in to post.

About this Plugin

About this Topic