By no doubt putting a nice set of eye-catching social share buttons on your pages is the first step to seduce visitors to share your content. There are thousands of share button plugins on the WordPress plugins repository makes choosing the right one become difficult than ever.
Table of Contents
Mobile-friendly share buttons are no longer optional!Click To Tweet
Here comes our weapon of choice WP Font Awesome Share Icons available on WordPress.org for free. Supporting 16 different networks:
- Google Plus
- W3C Validation Link
- Drag-n-drop ordering
- Easy enabling or disabling
- Square, Circle (round) or Simple icons.
- Multiple sizes out-of-the-box
- It will not re-load Font Awesome if it is already loaded and detected
- Many options about where to display the icons
- Option to open in new window, so users will not go away from your site
- Shortcode is included to enter on posts/pages etc
- PHP Function is included to enter it on your theme
WP Font Awesome Share Icons, as the name suggests, depends on the font awesome library. Lots of themes have already intergraded font awesome. Thus, WP Font Awesome Share Icons has an option to skip enqueuing its css to prevent duplication and waste of bandwidth.
Digging into the source code, the render function is no more than getting options and string interpolations.
$output .= '<li class="wpfai-list-item '. $icon .'"> <a href="'. str_replace($find, $replace, $wpfai_socialmedia[$icon]['link']) .'" title="'. $wpfai_socialmedia[$icon]['name'] .'" class="wpfai-'. $icon .' wpfai-link'. ($wpfai_popup == 'yes' ? ' wpfainw' : '') .'"> <span class="fa-stack '. ($regsize != '' ? 'fa-'. $regsize : '') .'"> '. ($regshape != 'simple' ? '<i class="fa fa-'. $regshape .''. ($reginverse == 'yes' || (( $reginverse == 'no' && $regshape == 'circle-thin') ) ? '' : '-o') .' fa-stack-2x"></i>': '') .' <i class="fa fa-'. $icon .' fa-stack-1x '. ($reginverse == 'yes' ? 'fa-inverse' : '') .'"></i> </span>'. ($share_count >= $wpfai_counter_minimum && $share_count !== false ? '<div class="counter">' . $share_count . '</div>' : '') .' </a> </li>';
With open in new window and counter functions disabled, and using my theme’s font awesome library, only one css file is added.Negligible difference when benchmarking WP Font Awesome Share Icons plugin. Making it the fastest social share WordPress plugin I ever seen.WP Font Awesome Share Icons adds no delay. Making it the fastest social share WordPress pluginClick To Tweet
If you just need basic, responsive, fast social share buttons, go for WP Font Awesome Share Icons. It has nearly no effects on page load speed.