{"id":976,"date":"2013-06-08T07:15:07","date_gmt":"2013-06-08T07:15:07","guid":{"rendered":"https:\/\/wordpress.org\/plugins-wp\/menu-social-icons\/"},"modified":"2015-05-05T14:26:04","modified_gmt":"2015-05-05T14:26:04","slug":"menu-social-icons","status":"closed","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/menu-social-icons\/","author":3031237,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.3.10","stable_tag":"1.3.10","tested":"3.7.41","requires":"3.4","requires_php":"","requires_plugins":"","header_name":"Menu Social Icons","header_author":"Paul Clark","header_description":"","assets_banners_color":"ffffff","last_updated":"2017-11-28 08:07:24","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"http:\/\/pdclark.com","rating":4.7,"author_block_rating":0,"active_installs":7000,"downloads":168523,"num_ratings":0,"support_threads":1,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":{"1.3.10":"<ul>\n<li>New: Add SlideShare. Thanks @mjiderhamn.<\/li>\n<\/ul>"},"ratings":{"1":"2","2":0,"3":"1","4":"2","5":"31"},"assets_icons":{"icon.svg":{"filename":"icon.svg","revision":"1153828","resolution":"","location":"assets"}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":"792879","resolution":"1544x500","location":"assets","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":"792879","resolution":"772x250","location":"assets","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.1.1","1.2","1.3","1.3.1","1.3.10","1.3.2","1.3.3","1.3.4","1.3.5","1.3.6","1.3.7","1.3.8","1.3.9"],"block_files":[],"assets_screenshots":{"screenshot-5.png":{"filename":"screenshot-5.png","revision":"1776664","resolution":"5","location":"plugin","width":1944,"height":184},"screenshot-7.png":{"filename":"screenshot-7.png","revision":"1776664","resolution":"7","location":"plugin","width":1902,"height":268},"screenshot-6.png":{"filename":"screenshot-6.png","revision":"1776664","resolution":"6","location":"plugin","width":1108,"height":68},"screenshot-4.png":{"filename":"screenshot-4.png","revision":"1776664","resolution":"4","location":"plugin","width":1520,"height":94},"screenshot-2.png":{"filename":"screenshot-2.png","revision":"1776664","resolution":"2","location":"plugin","width":1894,"height":176},"screenshot-3.png":{"filename":"screenshot-3.png","revision":"1776664","resolution":"3","location":"plugin","width":1570,"height":96},"screenshot-1.png":{"filename":"screenshot-1.png","revision":"1776664","resolution":"1","location":"plugin","width":795,"height":638}},"screenshots":{"1":"Icons and shortcuts in WordPress Menu Editor.","2":"Menu without the plugin activated.","3":"Menu with default settings.","4":"Alternative \"icon-sign\" display.","5":"Hidden text disabled.","6":"\"normal\" icon size","7":"\"4x\" icon size"}},"plugin_section":[],"plugin_tags":[4594,498,231,174,154],"plugin_category":[43,50,56],"plugin_contributors":[78598],"plugin_business_model":[],"class_list":["post-976","plugin","type-plugin","status-closed","hentry","plugin_tags-fontawesome","plugin_tags-icons","plugin_tags-menus","plugin_tags-social","plugin_tags-social-media","plugin_category-customization","plugin_category-media","plugin_category-social-and-sharing","plugin_contributors-pdclark","plugin_committers-pdclark"],"banners":[],"icons":{"svg":"https:\/\/ps.w.org\/menu-social-icons\/assets\/icon.svg?rev=1153828","icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/menu-social-icons_ffffff.svg","icon_2x":false,"generated":true},"screenshots":[{"src":"https:\/\/ps.w.org\/menu-social-icons\/trunk\/screenshot-1.png?rev=1776664","caption":"Icons and shortcuts in WordPress Menu Editor."},{"src":"https:\/\/ps.w.org\/menu-social-icons\/trunk\/screenshot-2.png?rev=1776664","caption":"Menu without the plugin activated."},{"src":"https:\/\/ps.w.org\/menu-social-icons\/trunk\/screenshot-3.png?rev=1776664","caption":"Menu with default settings."},{"src":"https:\/\/ps.w.org\/menu-social-icons\/trunk\/screenshot-4.png?rev=1776664","caption":"Alternative \"icon-sign\" display."},{"src":"https:\/\/ps.w.org\/menu-social-icons\/trunk\/screenshot-5.png?rev=1776664","caption":"Hidden text disabled."},{"src":"https:\/\/ps.w.org\/menu-social-icons\/trunk\/screenshot-6.png?rev=1776664","caption":"\"normal\" icon size"},{"src":"https:\/\/ps.w.org\/menu-social-icons\/trunk\/screenshot-7.png?rev=1776664","caption":"\"4x\" icon size"}],"raw_content":"<!--section=description-->\n<p>This plugin changes social website links in any of your WordPress menus to use icons from FontAwesome.<\/p>\n\n<p>No configuration is necessary, other having links to your social media profiles in the built-in WordPress menus.\u00a0Add links to any of these social sites under <code>Appearance &gt; Menus<\/code>, then enable the plugin.<\/p>\n\n<p>http:\/\/www.youtube.com\/watch?v=AS3hLeyV4S0<\/p>\n\n<p><strong>Supported Sites<\/strong><\/p>\n\n<pre><code>bitbucket.org\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0     dribbble.com\u00a0\u00a0\u00a0\u00a0     dropbox.com\nfacebook.com\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0     flickr.com\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0     foursquare.com\ngithub.com\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0     gittip.com\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0     instagram.com\nlinkedin.com\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0     mailto:(email)\u00a0\u00a0     pinterest.com\nplus.google.com\u00a0\u00a0\u00a0\u00a0     renren.com\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0     *slideshare.net\nstackoverflow.com\u00a0\u00a0     *stackexchange.com\u00a0  trello.com\ntumblr.com\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0     twitter.com\u00a0\u00a0\u00a0\u00a0\u00a0     *vimeo.com\nvk.com\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0     weibo.com\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0\u00a0     xing.com\nyoutube.com\n\n* Requires storm_social_icons_use_latest be turned on. (See below.)\n<\/code><\/pre>\n\n<p><strong>Changing Icon Appearance<\/strong><\/p>\n\n<p>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:<\/p>\n\n<p>http:\/\/youtube.com\/watch?v=hA2rjDwmvms<\/p>\n\n<p><strong>Option: Add Vimeo and Stack Exchange<\/strong><\/p>\n\n<p>To use FontAwesome 4.0+, which drops support for <strong>IE7<\/strong>, but adds <strong>vimeo.com<\/strong> and <strong>stackexchange.com<\/strong>, add this to your theme's <strong>functions.php<\/strong> file:\n    add_filter( 'storm_social_icons_use_latest', '__return_true' );<\/p>\n\n<p><strong>Option: Show Text<\/strong><\/p>\n\n<p>To show menu item text in addition to the icons, add this to your theme's <strong>functions.php<\/strong> file:\n    add_filter( 'storm_social_icons_hide_text', '__return_false' );<\/p>\n\n<p><strong>Option: Alternate Icons<\/strong><\/p>\n\n<p>To show an alternative icon style, where logos are cut out of signs, , add this to your theme's <strong>functions.php<\/strong> file:\n    add_filter( 'storm_social_icons_type', create_function( '', 'return \"icon-sign\";' ) );<\/p>\n\n<p><strong>Option: Icon Sizes<\/strong><\/p>\n\n<p>To vary icon sizes, add this to your theme's <strong>functions.php<\/strong> file: (Default is 2x)<\/p>\n\n<pre><code>add_filter( 'storm_social_icons_size', create_function( '', 'return \"normal\";' ) );\nadd_filter( 'storm_social_icons_size', create_function( '', 'return \"large\";' ) );\nadd_filter( 'storm_social_icons_size', create_function( '', 'return \"2x\";' ) );\nadd_filter( 'storm_social_icons_size', create_function( '', 'return \"3x\";' ) );\nadd_filter( 'storm_social_icons_size', create_function( '', 'return \"4x\";' ) );\n<\/code><\/pre>\n\n<p><strong>Option: Add More Icons<\/strong><\/p>\n\n<p>Add icons from <a href=\"http:\/\/fortawesome.github.io\/Font-Awesome\/\">FontAwesome<\/a> for other URLs. For example, an RSS feed:<\/p>\n\n<pre><code>add_filter( 'storm_social_icons_networks', 'storm_social_icons_networks');\nfunction storm_social_icons_networks( $networks ) {\n\n    $extra_icons = array (\n        '\/feed' =&gt; array(                  \/\/ Enable this icon for any URL containing this text\n            'name' =&gt; 'RSS',               \/\/ Default menu item label\n            'class' =&gt; 'rss',              \/\/ Custom class\n            'icon' =&gt; 'icon-rss',          \/\/ FontAwesome class\n            'icon-sign' =&gt; 'icon-rss-sign' \/\/ May not be available. Check FontAwesome.\n        ),\n    );\n\n    $extra_icons = array_merge( $networks, $extra_icons );\n    return $extra_icons;\n\n}\n<\/code><\/pre>\n\n<p><strong>Option: Change HTML Output<\/strong><\/p>\n\n<p>This is useful for developers using the plugin with custom icon sets.<\/p>\n\n<p>Edit icon HTML output:<\/p>\n\n<pre><code>add_filter( 'storm_social_icons_icon_html', 'storm_social_icons_icon_html', 10, 4 );\n\nfunction storm_social_icons_icon_html( $html, $size, $icon, $show_text ) {\n    $html = \"&lt;i class='$size $icon $show_text'&gt;&lt;\/i&gt;\";\n    return $html;\n}\n<\/code><\/pre>\n\n<p>Edit title HTML output:<\/p>\n\n<pre><code>add_filter( 'storm_social_icons_title_html', 'storm_social_icons_title_html', 10, 2 );\n\nfunction storm_social_icons_title_html( $html, $title ){\n    $html = \"&lt;span class='fa-hidden'&gt;$title&lt;\/span&gt;\";\n    return $html;\n}\n<\/code><\/pre>\n\n<p>Edit all link attributes (WordPress core filter):<\/p>\n\n<pre><code>add_filter( 'wp_nav_menu_objects', 'storm_wp_nav_menu_objects', 7, 2 );\n\nfunction storm_wp_nav_menu_objects( $sorted_menu_items, $args ){\n\n    foreach( $sorted_menu_items as &amp;$item ) {\n\n        if ( 0 != $item-&gt;menu_item_parent ) {\n            \/\/ Skip submenu items\n            continue;\n        }\n\n        \/\/ Only apply changes to links containing this text.\n        $search_url = 'facebook.com';\n\n        if ( false !== strpos( $item-&gt;url, $search_url ) ) {\n\n            \/\/ Add a custom class\n            $item-&gt;classes[] = 'some-custom-class';\n\n            \/\/ Add custom HTML inside the link\n            $item-&gt;title = '&lt;strong&gt;custom html&lt;\/strong&gt;' . $item-&gt;title;\n\n        }\n    }\n\n    return $sorted_menu_items;\n\n}\n<\/code><\/pre>\n\n<!--section=installation-->\n<ol>\n<li>Search for \"Menu Social Icons\" under <code>WordPress Admin &gt; Plugins &gt; Add New<\/code><\/li>\n<li>Activate the plugin.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt>Installation Instructions<\/dt>\n<dd><ol>\n<li>Search for \"Menu Social Icons\" under <code>WordPress Admin &gt; Plugins &gt; Add New<\/code><\/li>\n<li>Activate the plugin.<\/li>\n<\/ol><\/dd>\n<dt>Can you add X icon?<\/dt>\n<dd><p>Menu Social Icons is dependent on the <a href=\"http:\/\/fortawesome.github.io\/Font-Awesome\">FontAwesome icon library<\/a>. If an icon exists in FontAwesome, you can add a filter for it using the <code>storm_social_icons_networks<\/code> example shown in the plugin description.<\/p>\n\n<p>If an icon does not exist in FontAwesome, you can request see FontAwesome's instructions for <a href=\"http:\/\/fortawesome.github.io\/Font-Awesome\/community\/#requesting-new-icons\">requesting new icons<\/a>.<\/p><\/dd>\n<dt>How can I change how the icons are aligned, positioned, colored, sized, etc.<\/dt>\n<dd><p>See the tutorial video on editing appearance and the code samples for various options in the <a href=\"http:\/\/wordpress.org\/plugins\/menu-social-icons\/\">plugin description<\/a>.<\/p><\/dd>\n<dt>Does this plugin install all of FontAwesome?<\/dt>\n<dd><p>Yes. The plugin installs the complete FontAwesome package. You can use any of the icons in your HTML.<\/p><\/dd>\n<dt>I don't see FontAwesome anywhere in the plugin!<\/dt>\n<dd><p>We load FontAwesome onto your site using NetDNA's <a href=\"http:\/\/www.bootstrapcdn.com\/#tab_fontawesome\">Bootstrap CDN<\/a> service. This makes it load much faster for your users.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.3.10<\/h4>\n\n<ul>\n<li>New: Add SlideShare. Thanks @mjiderhamn.<\/li>\n<\/ul>\n\n<h4>1.3.9<\/h4>\n\n<ul>\n<li>Fix: Change <code>use_latest<\/code> filter to request \"latest\" version of FontAwesome, rather than stopping at <code>4.0.0<\/code>. Current version is <code>4.0.3<\/code>.<\/li>\n<\/ul>\n\n<h4>1.3.8<\/h4>\n\n<ul>\n<li>Fix: Title notice.<\/li>\n<\/ul>\n\n<h4>1.3.7<\/h4>\n\n<ul>\n<li>New: Remove templates folder. Replace with filters <code>storm_social_icons_title_html<\/code> and <code>storm_social_icons_icon_html<\/code>. Add example of core <code>wp_nav_menu_objects<\/code> filter to readme.<\/li>\n<\/ul>\n\n<h4>1.3.6<\/h4>\n\n<ul>\n<li>New: Allow themes to override HTML output with msi-templates directory.<\/li>\n<\/ul>\n\n<h4>1.3.5<\/h4>\n\n<ul>\n<li>Fix: Horizontal scrollbar on RTL layouts. Thanks <a href=\"http:\/\/wordpress.org\/support\/profile\/mascatu\">@mascatu<\/a> for the <a href=\"http:\/\/wordpress.org\/support\/topic\/rtl-issue-1\">bug report<\/a>.<\/li>\n<\/ul>\n\n<h4>1.3.4<\/h4>\n\n<ul>\n<li>Fix: Work around compatibility issue with <a href=\"http:\/\/wordpress.org\/plugins\/bwp-minify\/\">Better WordPress Minify<\/a> plugin.<\/li>\n<\/ul>\n\n<h4>1.3.3<\/h4>\n\n<ul>\n<li>Fix: Work around bug in WP E-commerce that causes other plugins to not load properly on product pages. Thanks <a href=\"http:\/\/wordpress.org\/support\/topic\/menu-with-e-commerce\">@elfary<\/a>. See <a href=\"http:\/\/wordpress.org\/support\/topic\/other-plugins-blocked-from-loading-on-product-pages\">bug report to WP E-commerce<\/a>.<\/li>\n<\/ul>\n\n<h4>1.3.2<\/h4>\n\n<ul>\n<li>Fix: Properly enqueue stylesheets<\/li>\n<li>Fix: Set FontAwesome 4.0 to off by default<\/li>\n<\/ul>\n\n<h4>1.3<\/h4>\n\n<ul>\n<li>New: Preview icons and shortcuts in the WordPress Menu Editor.<\/li>\n<li>New: vimeo.com and stackexchange.com icons when FontAwesome 4.0 is turned on.<\/li>\n<li>Notice: FontAwesome 4.0 removes support for IE7, so it is off by default. Use the filter <code>storm_social_icons_use_latest<\/code> shown in the readme to turn on FontAwesome 4.0. <\/li>\n<\/ul>\n\n<h4>1.2<\/h4>\n\n<ul>\n<li>New: Filter for custom icons and URLs.<\/li>\n<li>New: Icon for <code>mailto:<\/code> links.<\/li>\n<li><a href=\"http:\/\/wordpress.org\/support\/topic\/just-works-40\">Thanks to mmcginnis<\/a> for both of these changes.<\/li>\n<\/ul>\n\n<h4>1.1<\/h4>\n\n<ul>\n<li>New: Upgrade to FontAwesome 3.2.1<\/li>\n<li>New: ots of new site icons: bitbucket.org, dribbble.com, dropbox.com, flickr.com, foursquare.com, gittip.com, instagram.com, renren.com, stackoverflow.com, trello.com, tumblr.com, vk.com, weibo.com, xing.com, youtube.com<\/li>\n<\/ul>\n\n<h4>1.0<\/h4>\n\n<ul>\n<li>Initial public release.<\/li>\n<\/ul>","raw_excerpt":"Add social icons to your WordPress menu items automatically.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/976","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=976"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/pdclark"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=976"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=976"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=976"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=976"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=976"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=976"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}