Для установки кнопок соц. сетей для WordPress нужно выполнить простые шаги:
- Подключаем шрифты FontAwesome для отображения иконок:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">
2. В файле вашего WordPress шаблона устанавливаем в подходящем месте код самих кнопок:
<div class="social_buttons">
<!-- Facebook -->
<a target="_blank" rel="nofollow" href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>" class="facebook" aria-label="Поделиться в Фейсбуке" title="Поделиться в Фейсбуке"><i class="fa fa-facebook-official" aria-hidden="true"></i></a>
<!-- Telegram -->
<a target="_blank" rel="nofollow" href="https://telegram.me/share/url?url=<?php the_permalink(); ?>" class="telegram" aria-label="Отправить в Телеграм" title="Отправить в Телеграм"><i class="fab fa-telegram-plane"></i></a>
<!-- Viber -->
<a target="_blank" rel="nofollow" href="viber://forward?text=<?php the_permalink(); ?> <?php the_title(); ?>" class="viber" aria-label="Отправить в Вайбер" title="Отправить в Вайбер"><i class="fab fa-viber"></i></a>
<!-- Twitter -->
<a target="_blank" rel="nofollow" href="https://twitter.com/intent/tweet?url=<?php the_permalink(); ?>&text=<?php the_title(); ?>" class="twitter" aria-label="Поделиться в Твиттере" title="Поделиться в Твиттере"><i class="fab fa-twitter"></i></a>
<!-- Google+ -->
<a target="_blank" rel="nofollow" href="https://plusone.google.com/_/+1/confirm?hl=ru&url=<?php the_permalink(); ?>" class="google" aria-label="Отправить в Гугл+" title="Отправить в Гугл+"><i class="fab fa-google-plus-g"></i></a>
<!-- VK -->
<a target="_blank" rel="nofollow" href="https://vk.com/share.php?url=<?php the_permalink(); ?>" class="vkontakte" aria-label="Поделиться в VK" title="Поделиться в VK"><i class="fab fa-vk"></i></a>
<!-- Odnoklassniki -->
<a target="_blank" rel="nofollow" href="http://www.odnoklassniki.ru/dk?st.cmd=addShare&st.s=1&st._surl=<?php the_permalink(); ?>&title=<?php the_title(); ?>" class="odnoklassniki" aria-label="Поделиться в Одноклассниках" title="Поделиться в Одноклассниках"><i class="fab fa-odnoklassniki"></i></a>
<!-- Whatsapp -->
<a target="_blank" rel="nofollow" href="whatsapp://send?text=<?php the_permalink(); ?> <?php the_title(); ?>" class="whatsapp" aria-label="Отправить в Ватсап" title="Отправить в Ватсап"><i class="fab fa-whatsapp"></i></a>
</div>
3. В файле стилей вашего WordPress шаблона, обычно это style.css, вставляем стили кнопок и настраиваем стили под себя:
.social_buttons a {display: inline-block; text-decoration:none; border: 0px;font-size: 27px;}
.social_buttons a:hover {text-decoration:none; border: 0px;}
a.vkontakte {color: #507299;}
a.odnoklassniki {color: #f58220;}
a.facebook {color: #4267b2;}
a.google {color: #eb4333;}
a.telegram {color: #5682a3;}
a.twitter {color: #1da1f2;}
a.whatsapp {color: #00e676;}
a.viber {color: #665ca7;}
PS. Как видите, никаких лишних скриптов и прочего кода.
