Кнопки социальных сетей для сайта

В импортных премиум темах WordPress (например как эта Jarida) крайне скуден выбор социальных кнопок. В частности отсутствуют кнопки российских соц.сетей VK и Одноклассники.

Исправить это несложно с помощью сторонних сервисов, рассмотрим самые популярные из бесплатных.

Кнопки Uptolike

Кнопки социальных сетей от UpToLike можно установить кодом или плагином в любом месте на странице, задать цвет, форму, размер и спецэффекты, добавить счетчики.

Красивые кнопки, особенно впечатляют спецэффекты при наведении на блок кнопок.

Все было хорошо и красиво пока я не обнаружил что сервис добавляет к URL расшариваемых записей конструкцию типа ?_utl_t=tw
что создает дубль страниц *.html?_utl_t=tw

Погуглив узнал, что эта проблема не единична и описана здесь и здесь.

Социальные кнопки Яндекс

Кнопки от Яндекс сделаны в виде конструктора и находятся по адресу: tech.yandex.ru/share

Как их настраивать смотрим здесь.

Для использования социальных кнопок от Яндекс нужно подгрузить скрипт и разместить код вcтавки в том месте вашего шаблона, где этот блок должен будет отображаться (в моем случае в файле single.php).

Неплохие кнопки, но есть несколько минусов:
1. неавтономны (привязка к серверам Яндекс);
2. не будут работать в Украине (Яндекс там заблокирован);
3. необходимо хоть минимальное знание html для подгрузки скрипта и редактирования темы WordPress.

Социокнопки Лайкли

Лайкли — социокнопки, которые не стыдно поставить.
Как говорит сам автор Илья Бирман.

Social Likes

Но лично мне нравятся кнопки социальных сетей Social Likes
(особенно в оформлении от Бирмана).

Возможно кому-то такая установка покажется сложной и автор разработал на этот случай плагин, который выводит кнопки после статьи.

Впрочем библиотеки и скрипты можно подгрузить с помощью плагина, а сами социальные кнопки вывести в необходимом вам месте прописав код в теме WordPress.

Для этого берем код кнопок в конструкторе и прописываем его в single.php:

<div class="social-likes" data-counters="no">
    <em>Лайкните, если понравилось, и поделитесь с друзьями:</em><br>
	<div class="facebook" title="Поделиться ссылкой на Фейсбуке">Facebook</div>
	<div class="twitter" title="Поделиться ссылкой в Твиттере">Twitter</div>
	<div class="vkontakte" title="Поделиться ссылкой во Вконтакте">Вконтакте</div>
	<div class="odnoklassniki" title="Поделиться ссылкой в Одноклассниках">Одноклассники</div>
</div><br><br>

В примере ниже кнопки выводятся до рейтинга:

(естественно галочку разрешающую вывод кнопок плагином при этом убираем).

Результат вы видите ниже: