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

Сервисы WordSmall

День добрый! В этой статье рассмотрим сервисы, которые позволяют с легкостью установить кнопки соц. сетей на ваш сайт. Также есть возможности подобрать самые различные виды дизайна кнопок социальных сетей. Начиная от размера кнопки и заканчивая внешним видом или расположением.

1. sharethis.com/#sthash.UV3x3wW3.dpbs
Англоязычный сервис, но в нем присутствуют все нужные соц.сети, такие как Одноклассники, Вконтакте, mail.ru и т.д. Установка особого труда не составляет тем более кнопки выглядят симпатично со счетчиками, как и полагается.

Установка.

Переходим на вышесказанный сайт и жмем получить код.

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

На втором шаге выбираем платформу, если выбрать WordPress, то будет предложен способ установки с помощью плагина. Нам лишний плагин не к чему, выбираем просто веб-сайт и жмем next.

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

На следующей страницы выбираем стили кнопок социальных сетей, к примеру, возьмем третий вариант и жмем next.

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

На последней страницы выбираем социальные сети какие необходимы.

Первая колонка – это те, которые уже выбраны, а с помощью крестика можно удалять ненужные.
Вторая колонка – список сетей, чтобы выбрать нужную зажимаем левую клавишу мыши и перетаскиваем в первую колонку.

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

После того как выбрали жмем зеленую кнопку «получить код». Откроется окно где нас попросят войти на сайт под своей учетной записей или создать новую.

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

Если вы ранее на этом сайте не регистрировались, то заполняем в первой колонке форму регистрации. Достаточно ввести e-mail, пароль и поставить галочку для соглашения условий и жмем кнопку создать аккаунт. И наконец-то будет доступен код социальных кнопок, код разбит на две части.

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

Первый кусок кода вставляем там, где хотите видеть кнопки, а второй вставляем в файл footer.php перед закрывающем тегом </body>. Это скрипты они нужны для правильной работы кнопок.

2. api.yandex.ru/share
Второй идет сервис от Яндекса, он также позволяет устанавливать кнопки социальных сетей. Тут немного проще, без регистрации. В левой колонке выбираем соц. сети, в правой внешний вид, а внизу генерируется код.

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

Копируем этот код и вставляем там, где хотите видеть кнопки.

3. share.pluso.ru

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

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

4. share42.com/ru
Еще один интересный сервис, имеет различные настройки, выбор расположения кнопок и установка довольно простая.

Выбираем соц. сети.

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

Настраиваем опции как показано на скриншоте.

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

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

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

Загрузите ранее скачанный скрипт в основную папку на хостинге, эта та папка где находится движок WordPress. Затем укажите путь до этой папки в третям пункте где указано и отметьте тип сайта «WordPress». Последнее пятый пункт скопируйте код, который получился и вставьте на то место где нужны кнопки.

5. sapegin.github.io/social-likes/ru
Последний сервис, на котором довольно приятный внешний вид кнопок, имеются счетчики и установка простая. Настраиваем внешний вид кнопок, выбираем какие необходимы и жмем внизу кнопку скачать.

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

Разархивируем скачанный архив, там три файла index.html удаляем, он не нужен, а остальные два закачиваем на ваш сервер в папку с темой. Для скрипта можете создать отдельную папку примеру js -если она еще не создана и туда переместить скрипт из архива.

Теперь возвращаемся на сайт (откуда скачали архив) и копируем код.

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

Первую стоку следует заменить на следующую:

<link rel="stylesheet" href="<?php bloginfo( 'template_url' ); ?>/social-likes_classic.css">

И третью также меняем на эту:

<script src="<?php bloginfo( 'template_url' ); ?>/js/social-likes.min.js"></script>

Таким образом, мы указали относительный путь к скрипту и стилям. На этом все, выбирайте подходящий для вас сервер и устанавливайте кнопки социальных сетей.

Автор, он же Андрей, он же Admin, он же WordSmall

Лентяй-любитель, окончил высшую школу безделья с многочисленными знаками отличия. Создатель этого небольшого «чудо-блога» о еще более «чудном» контенте.

E-mail Google+ Twitter
Добавить комментарий
bold quote code