Доброго времени суток, уважаемые читатели. Хочу сразу объяснить, почему в заголовке к этой статье о социальных кнопках стоят слова «самые лучшие», и почему вообще я решила написать данную статью.Кнопки социальных сетей для WordPress
Постоянные читатели моего блога знают, что я уже изучила эту тему вдоль и поперек и опубликовала несколько разных статей на тему социализации ресурса.
Но, во-первых, все было для блогов на Blogger/Blogspot, например отличная статья Кнопки социальных сетей для Blogger. Во-вторых, сегодня мне пришлось ставить кнопки на WordPress, и я была немного удивлена тем, что на большинстве блогов описаны очень сложные процессы установки, выкладка целых блоков кода кнопок, редактирование шаблонов и ещё много всего, тогда как для WordPress существует огромное множество всевозможных плагинов. И не могла я поверить в то, что до сих пор никто не смог реализовать кнопки социальные сетей в одном плагине.От таких статей быстро пошла голова кругом, но я не оставляла надежды, найти самое простое, самое удобное и красивое решение, для вставки кнопок социальных сетей на WordPress. Вы уже догадались, что оно было найдено?

Для начала скажу, что я искала готовое решение для горизонтального блока кнопок-счетчиков. Причем, главная цель, чтобы были сразу все возможные русскоязычные или популярные в русском сегменте интернета сети, которые имеют кнопку счетчик. Это:

  1. Кнопка Tweet от Twitter
  2. Кнопка Like (мне нравится/поделиться) Facebook
  3. Кнопка Нравится/поделиться от Вконтакте
  4. Кнопка В Мой мир от Mail
  5. Кнопка Класс! от Одноклассников

Встречайте, решение найдено.

Wordpress Кнопки социальных сетей
Вот такой готовый блок кнопок социальных сетей вы можете установить в свой блог на WordPress, и для этого не нужно копаться в коде, что-то менять и расстраиваться, если что-то не получается. К слову сказать, этот блок может выглядеть и иначе, он легко настраивается под любые нужны, в общем, буду последовательной и расскажу все по порядку.

Конечно, можно потратить целый день, прочитать кучу блогов и установить каждую такую кнопку в отдельности, а можно просто узнать заветное слово Social Share Buttons.

Что такое Social Share Buttons.

Social Share Buttons – это обычный плагин для WordPress. И что самое приятное, придуман он русским разработчиком. Этим и объясняется то, что в этом плагине только самые популярные социальные сети именно русскоговорящего интернета. Мне очень понравилась эта разработка, и, естественно, что я не могла не поделиться своей находкой с вами, ведь меня читают не только пользователи Blogger, но и блоггеры, чьи блоги расположены на других платформах, и на WordPress в том числе.

Личный блог создателя плагина находится по этому адресу (ссылка на статью о последней версии плагина 2.2, от 5 декабря 2010г.), а сам плагин можно скачать на официальном сайте WordPress. Так же, кто пользуется WordPress, знают, что плагины, которые находятся на официальном сайте WordPress, доступны в поиске и установке, непосредственно, из админ-панели WordPress. Все телодвижения сводятся к нажиманию на кнопочки, и никакой правки кода.

И так, какие действия, чтобы установить плагин Social Share Buttons.

Заходим в админку WordPress, переходим в Плагины – Добавить новый. В строку поиска вводим Social Share Buttons, и, лично у меня, он первым был в списке найденных плагинов, жмем ссылку Установить

Social Share Buttons
После установки, ссылку Активировать плагин

Установка плагина
Это самый простой путь установки вообще любых плагинов, если, конечно же, они входят в каталог плагинов WordPress. Но можно пойти другим путем.

  1. Скачать плагин на свой компьютер с официального сайта WordPress по этой ссылке.
  2. Через FTP или специальную панель хостера загрузить архив (и потом его распаковать или распаковать на своем компьютере и загрузить файлы на хостинг) в папку plugins. Полный путь: ваш_сайт/www/wp-content/plugins.
  3. В админ-панели WordPress на вкладке Плагины появится  Social Share Buttons, и уже там его активировать.

Теперь активированный плагин необходимо настроить. В меню Параметры появится ссылка Share Buttons, нажимаем и переходим в настройки плагина. На что необходимо обратить внимание в первую очередь.

Какие кнопки стоят по умолчанию. В связи с приближающимся Новым годом, автор плагина установил новогодние кнопки, которые не имеют счетчика.

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

Установка кнопок
На следующем шаге вы можете указать, какие кнопки показывать, а какие нет. Я оставила все кнопки, именно это мне и было нужно.

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

Хоть это и не обязательная настройка, но рекомендую указать свой ник в Твитере в пункте Другие настройки.

В принципе, на этом основные настройки заканчиваются. Но в плагине есть ещё возможность, дополнительно установить кнопки такого вида:

Дополнительный код кнопок
т.е. под блоком горизонтальных кнопок, будут так же и такие кнопки. Это уже на усмотрение каждого.

Обращу внимание только на один момент. Чтобы установить кнопку Вконтакте, необходимо получить код API. На странице настройки плагина есть ссылка на страницу, где можно получить данный API. Но, чтобы его получить, необходимо указать номер телефона и потом указать код, полученный sms. В общем, кто не хочет проходить эту процедуру с мобильным телефон, есть более простое решение.

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

API код ВКонтакте
Не переписывайте код с моей картинки, вы должны получить свой индивидуальный код. Более подробно о получении кода кнопки, можете узнать в этой статье.

Так же, ещё хотелось сказать, что в разных темах (шаблонах) у меня кнопки немного скакали, и была необходимость немного их ужать по ширине. В админ-панели WordPress можно отредактировать любой плагин. Мне же было проще залезть, непосредственно, через ftp в файл share-buttons-user.css, который находится в папке css. Возможно, вам вообще не потребуется ничего подгонять под дизайн своего блога.

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