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

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

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

Кнопки Uptolike

Кнопки социальных сетей от 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
    (особенно в оформлении от Бирмана).

    Социальные кнопки Social Likes

  • настраиваем внешний вид кнопок в конструкторе Social Likes;
  • и устанавливаем по мануалу «Как использовать Social Likes с WordPress».
  • Возможно кому-то такая установка покажется сложной и автор разработал на этот случай плагин, который выводит кнопки после статьи.

    Добавить кнопки социальных сетей

    Впрочем библиотеки и скрипты можно подгрузить с помощью плагина, а сами социальные кнопки вывести в необходимом вам месте прописав код в теме 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>

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

    Редактирование single php

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

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



    Оцените, пожалуйста, статью, я старался :) (голосов: 3, оценка: 5,00 из 5)

    Задайте вопрос в комментариях