Как установить кнопки социальных сетей на wordpress
Заметки по jQuery

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

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

Данный пост является продолжением цикла постов “Социальные кнопки“. Как я и обещал в предыдущем видеоуроке “Кнопка twitter – Как добавить кнопку twitter на свой сайт” речь пойдет про социальные кнопки, которые очень сильно могут привлечь к вашему посту большое количество посетителей с социальных сетей и сервисов, естественно при условии высокого качества самого поста.

Социальные кнопки являются одним из способов продвижения вашего блога с помощью социальных сетей и сервисов с целью привлечь дополнительных посетителей на ваш блог. Продвижение здесь получается за счет посетителей вашего блога, которым понравился тот ли иной пост, и они оставляют активную ссылку на него в своем профиле в одной из социальных сетей или сервисов.

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

В интернете есть различные сервисы и способы добавления социальных кнопок. Мы же рассмотрим самый лучший, на мой взгляд сервис, а остальные основные сервисы мы затронем вкратце в конце поста. Итак, называется он share42.com и создал его известный блоггер Dimox.

Социальные кнопки share42.com

Cоциальные кнопки Share42 или Как установить кнопки социальных сетей на wordpress
Демо можно посмотреть с левой стороны страницы данного поста.

Основные преимущества социальных кнопок закладок и сетей от Share42.com

  • Единый стиль иконок.
  • Выбор размера иконок: 32х32, 24х24, 16х16
  • Оптимизированный код скрипта, кэшируется браузером, код скрипта устанавливается на ваш блог и не зависит от сторонних сайтов. Данный метод позволит избежать потери в скорости загрузки блога.
  • Простая установка на ваш блог.
  • Все ссылки формируются с помощью JavaScript и поэтому на блоге не увеличится количество внешних ссылок.
  • Оптимальный HTML-код. В шаблон блога вставляется всего одна строка кода, а весь код формируется с помощью JavaScript.
  • Скрипт работает на любых CMS и платформах.
  • Набор иконок группируется в одну картинку (спрайт), что так же снижает количество обращений к серверу.
  • Большой выбор социальных сервисов (45 кнопки).
  • Возможность использования css стилей для иконок.

Как установить кнопки социальных сетей на wordpress мы рассмотрим в видеуроке
на примере социальных кнопок от Share42.com

[spoiler name=”ВидеоурокДля открытия – нажмите“]

[/spoiler]
[spoiler name=”Необходимые данныеДля открытия – нажмите“]

  1. В первую очередь заходим на сервис share42.com и настраиваем нужные вам кнопки и параметры для их вывода.
  2. Скачиваем на свой компьютер сформированный архив.
  3. Закидываем папку из скаченного архива на хостинг в корень блога.
  4. Вставляем в шаблон полной новости блога single.php следующий код:

[crayon lang=”js”]


[/crayon]

Не забудьте вместо http://site.ru вставить ссылку до папки share42 на вашем блоге.

Почти закончили. Зайдите в любую из ваших статей и смотрите – если кнопки появились, значит мы на правильном пути. Для того, чтобы красиво оформить социальные кнопки и сделать их плавающими, надо добавить в style.css вот такое свойство:

[crayon lang=”css”]#share42 {
position: fixed;
z-index: 2000;
margin-left: -70px; /* смещение влево от края контента */
}

#share42 {
padding: 6px 6px 0;
background: #FFF;
border: 1px solid #E9E9E9;
border-radius: 4px;
}
#share42:hover {
background: #F6F6F6;
border: 1px solid #D4D4D4;
box-shadow: 0 0 5px #DDD;
}
#share42 a {opacity: 0.5}
#share42:hover a {opacity: 0.7}
#share42 a:hover {opacity: 1}
[/crayon]

Вот и все у Вас на блоге уже стоят кнопки социальных сетей. У кого есть желание, могут его отблагодарить индексируемой ссылкой.

По аналоги добавляются и все остальные кнопки других сервисов.

[/spoiler]

Другие сервисы по добавлению социальных кнопок

“Одна кнопка”

Cоциальные кнопки Share42 или Как установить кнопки социальных сетей на wordpress

Одна кнопка — сервис по добавлению ссылок на пост в социальные закладки и сети. Плюс в том, что не требуется устанавливать дополнительные плагины на блог. Сама кнопка смотрится не плохо, установка не сложная и проходит быстро.

Блок «Поделиться»

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

Блок «Поделиться» от Яндекс – сервис по добавлению кнопки с выпадающим списком социальных сетей. В список вошли восемь самых популярных соцсетей: Вконтакте, Одноклассники, Я.ру, МойМир, Facebook, Livejournal, Friendfeed,Twitter . Положительную сторону данного блока могут почувствовать пользователи Яндекс.Метрика т.к. все ссылки поставленные через Блок «Поделиться» можно отследить в данном сервисе.

Addthis

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

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