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