А как же поделиться? 🙂 Почти на каждом сайте есть такие кнопки, которые позволяют делиться ссылкой на ту или иную статью в социальных сетях, буквально в два клика (добра и море печенек тем кто делится). Они помогают лишний раз напомнить о нашем сайте и способствуют привлечению пользователей. Тоже захотели себе такие волшебные кнопки на сайт? Тогда читайте дальше. В данной статье я расскажу откуда взять такие кнопки и куда добавить, без использования дополнительных плагинов.

WordPress — Кнопки поделиться в соц. сетях

Есть море способов добавить кнопки социальных сетей на Ваш сайт, тонна плагинов для WordPress и сторонних ресурсов. В данной статье я хочу рассказать Вам о сервере Яндекса, который позволяет нам генерировать код кнопок для нашего сайта. И так приступим:

1. Для начала переходим по ссылке Конструктор блока «Поделиться». Попадаем на страницу конструктора Яндекса.
   

   WordPress Конструктор блока «Поделиться»

2. Дальше в форме «Набор сервисов» выбираем необходимые нам социальные сети (так же есть возможность выбрать: Viber, Skype, WatsApp,Telegram. Работать они будут только на телефонах где установлено данное ПО). В правой части «Внешний вид блока» мы сразу видим результат из выбраненных нами соц. сетей, и ниже сам код, который необходимо будет вставить на сайт.
   

   WordPress выбираем соц. сети

   Так же вы можете изменить внешний вид кнопок, добавить к ним счётчик или спрятать часть под кнопку меню.

   

   WordPress изменяем вид счётчиков

3. Копируем полученный код, у меня он получился таким:
   
   XHTML

   <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <div class="ya-share2" data-services="collections,vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,blogger,viber,whatsapp,skype,telegram"></div>

   1 2 3

   <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <div class="ya-share2" data-services="collections,vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,blogger,viber,whatsapp,skype,telegram"></div>

4. Далее нам необходимо его вставить в нужное место. К примеру, я хочу что бы они отображались в конце страницы к любой записи. Идём в редактор внешнего вида темы: «Внешний вид» -> «Редактор» и ищем там файл темы отвечающий за визуализацию статьи, у меня это «content-single.php».
5. Что бы он отображался в конце статьи я добавил код после закрывающегося тега
   
   <!-- .entry-content --></div>

   1	<!-- .entry-content --></div>

   
   В результате получилось так:
   
   … ?> <!-- .entry-content --></div> <!--Поделиться в соц. сетях--> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <strong><p>Поделиться в соц. сетях:</p></strong> <div class="ya-share2" data-services="collections,vkontakte,gplus,facebook,odnoklassniki,moimir,twitter,blogger,linkedin,lj,whatsapp,skype,telegram"></div> <footer class="entry-meta entry-footer"> …

   1 2 3 4 5 6 7 8 9 10 11 12 13 14

   ... ?> <!-- .entry-content --></div>     <!--Поделиться в соц. сетях--> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <strong><p>Поделиться в соц. сетях:</p></strong> <div class="ya-share2" data-services="collections,vkontakte,gplus,facebook,odnoklassniki,moimir,twitter,blogger,linkedin,lj,whatsapp,skype,telegram"></div>     <footer class="entry-meta entry-footer"> ...

   
   В конечном итоге это будет выглядеть так:
   

   WordPress поделиться в соц. сетях

На этом всё, надеюсь статья Вам была полезна. Не забывайте пользоваться кнопками «Поделиться в соц. сетях», так же подписываться на наш Канал и группу в ВК.