Add social icons to your WordPress menu items automatically.

Menu Social Icons

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 <code>Appearance &gt; Menus</code>, then enable the plugin.
<iframe class='youtube-player' width='640' height='360' src='https://www.youtube.com/embed/AS3hLeyV4S0?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent' allowfullscreen='true' style='border:0;' sandbox='allow-scripts allow-same-origin allow-popups allow-presentation'></iframe>
Supported Sites
<pre><code>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.)
</code></pre>
Changing Icon Appearance
If you want to edit the appearance of the icons in ways that the options below don&#8217;t provide, you can do more with custom CSS to match your theme. This video walks through the process:
<iframe class='youtube-player' width='640' height='360' src='https://www.youtube.com/embed/hA2rjDwmvms?version=3&#038;rel=1&#038;showsearch=0&#038;showinfo=1&#038;iv_load_policy=1&#038;fs=1&#038;hl=en-US&#038;autohide=2&#038;wmode=transparent' allowfullscreen='true' style='border:0;' sandbox='allow-scripts allow-same-origin allow-popups allow-presentation'></iframe>
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&#8217;s functions.php file: 
 add_filter( &#8216;storm_social_icons_use_latest&#8217;, &#8216;__return_true&#8217; );
Option: Show Text
To show menu item text in addition to the icons, add this to your theme&#8217;s functions.php file: 
 add_filter( &#8216;storm_social_icons_hide_text&#8217;, &#8216;__return_false&#8217; );
Option: Alternate Icons
To show an alternative icon style, where logos are cut out of signs, , add this to your theme&#8217;s functions.php file: 
 add_filter( &#8216;storm_social_icons_type&#8217;, create_function( &#8221;, &#8216;return &#8220;icon-sign&#8221;;&#8217; ) );
Option: Icon Sizes
To vary icon sizes, add this to your theme&#8217;s functions.php file: (Default is 2x)
<pre><code>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";' ) );
</code></pre>
Option: Add More Icons
Add icons from <a href="http://fortawesome.github.io/Font-Awesome/" rel="nofollow ugc">FontAwesome</a> for other URLs. For example, an RSS feed:
<pre><code>add_filter( 'storm_social_icons_networks', 'storm_social_icons_networks');
function storm_social_icons_networks( $networks ) {

 $extra_icons = array (
 '/feed' =&gt; array( // Enable this icon for any URL containing this text
 'name' =&gt; 'RSS', // Default menu item label
 'class' =&gt; 'rss', // Custom class
 'icon' =&gt; 'icon-rss', // FontAwesome class
 'icon-sign' =&gt; 'icon-rss-sign' // May not be available. Check FontAwesome.
 ),
 );

 $extra_icons = array_merge( $networks, $extra_icons );
 return $extra_icons;

}
</code></pre>
Option: Change HTML Output
This is useful for developers using the plugin with custom icon sets.
Edit icon HTML output:
<pre><code>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 = "&lt;i class='$size $icon $show_text'&gt;&lt;/i&gt;";
 return $html;
}
</code></pre>
Edit title HTML output:
<pre><code>add_filter( 'storm_social_icons_title_html', 'storm_social_icons_title_html', 10, 2 );

function storm_social_icons_title_html( $html, $title ){
 $html = "&lt;span class='fa-hidden'&gt;$title&lt;/span&gt;";
 return $html;
}
</code></pre>
Edit all link attributes (WordPress core filter):
<pre><code>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 &amp;$item ) {

 if ( 0 != $item-&gt;menu_item_parent ) {
 // Skip submenu items
 continue;
 }

 // Only apply changes to links containing this text.
 $search_url = 'facebook.com';

 if ( false !== strpos( $item-&gt;url, $search_url ) ) {

 // Add a custom class
 $item-&gt;classes[] = 'some-custom-class';

 // Add custom HTML inside the link
 $item-&gt;title = '&lt;strong&gt;custom html&lt;/strong&gt;' . $item-&gt;title;

 }
 }

 return $sorted_menu_items;

}
</code></pre>

Alternative Plugins for

Discover the Lists with Menu Social Icons

Common Plugins

Public Holidays List

My Personal Plugins

10. - Existing Upgrade

namaroopa before migrate

vol intsall

startup

Credit Platform

SF

exp