Everyone shared your post. Social media buttons. To post a status update

Recently, every second (if not the first) customer in the requirements for website development asks to be sure to connect it with social networks. “Social” buttons on the site are the number 1 tool for attracting target audience, content distribution and PR in general. And it's completely free!

Social networks provide codes for their buttons and widgets for placement on the site, and provide instructions for installing them in the site management system. Any CMS allows you to install them ( OS), the main thing is to fit them harmoniously into the design of your website.

What are the features and functions?

If your site is aimed at people who communicate popular social networks. networks, for example, Vkontakte, Twitter, Instagram, Facebook, Google+, Pinterest, etc., and you want to cover them all, then in order not to install buttons for each of them separately, given that they may differ in size and design, we recommend using aggregator services. These are simple and convenient tools, which will allow site visitors to quickly share information with their friends, regardless of what social network they use. Below we will look at the most popular services.

Buttons social networks Share Pluso

One of them is low flexibility and limited choice. standard settings. Take for example a block, recently for some reason along with social buttons the built-in Metrica is loaded... Again, changing the size or color of the buttons is quite problematic.

Over time, popular solutions become more popular additional functions, which not only increase the size of loaded scripts, but may also contain malicious code.

After using various options, I came to the conclusion that my own solution is much better and today I will tell you about it. But first, I recommend that you read the instructions for installing the font - it will be used in the example.

Online demo and sources this example you will find at the end of the article, and now let’s proceed to implementation in order. First make sure that the site uses jQuery, otherwise enable it, in WordPress this is best done through the functions.php file:

1 2 3 4

function my_jquery() ( wp_enqueue_script( "jquery" ) ; ) add_action( "wp_enqueue_scripts" , "my_jquery" ) ;

function my_jquery() ( wp_enqueue_script("jquery"); ) add_action("wp_enqueue_scripts", "my_jquery");

Then plug in Font Awesome - we'll be using vector social media icons instead of images. Now you need to insert HTML basis buttons in the template code:

1 2 3 4 5 6 7 8 9

Read Also