Categories

  • Access & Security 95
  • Administration 172
  • Advertisement 92
  • Audio & Video 66
  • Author & Content 99
  • Comments 96
  • Communication 110
  • Communities & Forums 84
  • Development 47
  • E-Commerce 76
  • Email Management 53
  • Events & Calendars 80
  • Language 25
  • Map & Weather 44
  • Migration & Conversion 28
  • Miscellaneous 254
  • Mobile 15
  • Photos 143
  • Plugins 260
  • SEO & Site Speed 118
  • Social 186
  • Theme Enhancement 169



  • Add this plugin to a List

    You need to be logged in to add this plugin to your list.

    Menu Social Icons

    Add to List

    This plugin changes social website links in any of your WordPress menus to use icons from FontAwesome.

    No configuration is necessary, other having links to your social media profiles in the built-in WordPress menus. Add links to any of these social sites under Appearance > Menus, then enable the plugin.

    Supported Sites

    bitbucket.org           dribbble.com         dropbox.com
    facebook.com            flickr.com           foursquare.com
    github.com              gittip.com           instagram.com
    linkedin.com            mailto:(email)       pinterest.com
    plus.google.com         renren.com           *slideshare.net
    stackoverflow.com       *stackexchange.com   trello.com
    tumblr.com              twitter.com          *vimeo.com
    vk.com                  weibo.com            xing.com
    youtube.com
    
    * Requires storm_social_icons_use_latest be turned on. (See below.)
    

    Changing Icon Appearance

    If you want to edit the appearance of the icons in ways that the options below don’t provide, you can do more with custom CSS to match your theme. This video walks through the process:

    Option: Add Vimeo and Stack Exchange

    To use FontAwesome 4.0+, which drops support for IE7, but adds vimeo.com and stackexchange.com, add this to your theme’s functions.php file:
    add_filter( ‘storm_social_icons_use_latest’, ‘__return_true’ );

    Option: Show Text

    To show menu item text in addition to the icons, add this to your theme’s functions.php file:
    add_filter( ‘storm_social_icons_hide_text’, ‘__return_false’ );

    Option: Alternate Icons

    To show an alternative icon style, where logos are cut out of signs, , add this to your theme’s functions.php file:
    add_filter( ‘storm_social_icons_type’, create_function( ”, ‘return “icon-sign”;’ ) );

    Option: Icon Sizes

    To vary icon sizes, add this to your theme’s functions.php file: (Default is 2x)

    add_filter( 'storm_social_icons_size', create_function( '', 'return "normal";' ) );
    add_filter( 'storm_social_icons_size', create_function( '', 'return "large";' ) );
    add_filter( 'storm_social_icons_size', create_function( '', 'return "2x";' ) );
    add_filter( 'storm_social_icons_size', create_function( '', 'return "3x";' ) );
    add_filter( 'storm_social_icons_size', create_function( '', 'return "4x";' ) );
    

    Option: Add More Icons

    Add icons from FontAwesome for other URLs. For example, an RSS feed:

    add_filter( 'storm_social_icons_networks', 'storm_social_icons_networks');
    function storm_social_icons_networks( $networks ) {
    
        $extra_icons = array (
            '/feed' => array(                  // Enable this icon for any URL containing this text
                'name' => 'RSS',               // Default menu item label
                'class' => 'rss',              // Custom class
                'icon' => 'icon-rss',          // FontAwesome class
                'icon-sign' => 'icon-rss-sign' // May not be available. Check FontAwesome.
            ),
        );
    
        $extra_icons = array_merge( $networks, $extra_icons );
        return $extra_icons;
    
    }
    

    Option: Change HTML Output

    This is useful for developers using the plugin with custom icon sets.

    Edit icon HTML output:

    add_filter( 'storm_social_icons_icon_html', 'storm_social_icons_icon_html', 10, 4 );
    
    function storm_social_icons_icon_html( $html, $size, $icon, $show_text ) {
        $html = "<i class='$size $icon $show_text'></i>";
        return $html;
    }
    

    Edit title HTML output:

    add_filter( 'storm_social_icons_title_html', 'storm_social_icons_title_html', 10, 2 );
    
    function storm_social_icons_title_html( $html, $title ){
        $html = "<span class='fa-hidden'>$title</span>";
        return $html;
    }
    

    Edit all link attributes (WordPress core filter):

    add_filter( 'wp_nav_menu_objects', 'storm_wp_nav_menu_objects', 7, 2 );
    
    function storm_wp_nav_menu_objects( $sorted_menu_items, $args ){
    
        foreach( $sorted_menu_items as &$item ) {
    
            if ( 0 != $item->menu_item_parent ) {
                // Skip submenu items
                continue;
            }
    
            // Only apply changes to links containing this text.
            $search_url = 'facebook.com';
    
            if ( false !== strpos( $item->url, $search_url ) ) {
    
                // Add a custom class
                $item->classes[] = 'some-custom-class';
    
                // Add custom HTML inside the link
                $item->title = '<strong>custom html</strong>' . $item->title;
    
            }
        }
    
        return $sorted_menu_items;
    
    }
    
    Rate This Plugin

    Please Login to Rate this Plugin!

    Function

    Feature

    Support

    0 Votes
    Not Rated Yet

    Wordpress.org Stats

    Ratings4.7
    Votes34
    Downloads128,847
    Last Updated837 Days ago
    Published4 years ago

    Report Wrong Category!