В интернетах по этому поводу написано огромное количество статей. Но все эти варианты реализации кнопок соц. сетей для WordPress сложные или на основе тяжелых плагинов. Поэтому я сделал сам простые рабочие кнопки. А именно кнопки поделиться для Facebook, Telegram, Viber, Twitter и Whatsapp. Кода мало, нагрузки минимум, универсальное использование. Выглядят они вот так:
Для установки кнопок соц. сетей для WordPress нужно выполнить простые шаги:
- В файле header.php между <head></head> подключаем шрифты FontAwesome для красивого отображения иконок:
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css">
- В файле single.php Вашего WordPress шаблона устанавливаем в подходящем месте код самих кнопок:
<div class="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(); ?>%0D%0A%0D%0A<?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>
<!-- Whatsapp -->
<a target="_blank" rel="nofollow" href="whatsapp://send?text=<?php the_permalink(); ?>%0D%0A%0D%0A<?php the_title(); ?>" class="whatsapp" aria-label="Отправить в Ватсап" title="Отправить в Ватсап"><i class="fab fa-whatsapp"></i></a>
</div> - В файле стилей Вашего WordPress шаблона, обычно style.css, вставляем стили кнопок:
.buttons a {display: inline-block; text-decoration:none; border: 0px;font-size: 27px;}
.buttons a:hover {text-decoration:none; border: 0px;}
a.facebook {color: #4267b2;}
a.telegram {color: #5682a3;}
a.twitter {color: #1da1f2;}
a.whatsapp {color: #00e676;}
a.viber {color: #665ca7;}
На этом всё, кнопки заработают. Как видим, никаких скриптов и прочего лишнего кода. Если нужно какую-то кнопку убрать, то просто удаляем нужную строку в коде. Делитесь статьёй в соц. сетях 🙂