В импортных премиум темах WordPress (например как эта Jarida) крайне скуден выбор социальных кнопок. В частности отсутствуют кнопки российских соц.сетей VK и Одноклассники.
Исправить это несложно с помощью сторонних сервисов, рассмотрим самые популярные из бесплатных.
Кнопки Uptolike
Кнопки социальных сетей от UpToLike можно установить кодом или плагином в любом месте на странице, задать цвет, форму, размер и спецэффекты, добавить счетчики.
Красивые кнопки, особенно впечатляют спецэффекты при наведении на блок кнопок.
Все было хорошо и красиво пока я не обнаружил что сервис добавляет к URL расшариваемых записей конструкцию типа ?_utl_t=tw
что создает дубль страниц *.html?_utl_t=tw
Погуглив узнал, что эта проблема не единична и описана здесь и здесь.
Социальные кнопки Яндекс
Кнопки от Яндекс сделаны в виде конструктора и находятся по адресу: tech.yandex.ru/share
Как их настраивать смотрим здесь.
Для использования социальных кнопок от Яндекс нужно подгрузить скрипт и разместить код вcтавки в том месте вашего шаблона, где этот блок должен будет отображаться (в моем случае в файле single.php).
- Неплохие кнопки, но есть несколько минусов:
- неавтономны (привязка к серверам Яндекс);
- не будут работать в Украине (Яндекс там заблокирован);
- необходимо хоть минимальное знание 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> |
В примере ниже кнопки выводятся до рейтинга:
(естественно галочку разрешающую вывод кнопок плагином при этом убираем).
Результат вы видите ниже: