Здравствуйте, сегодня хочу представить вам кнопочки со счетчиком кликов по ним от сервиса Pluso, а также расскажу как установить их на свой сайт вручную или же с помощью плагина WordPress Pluso.

Скачать исходники для статьи можно ниже

Сразу же переходим на страничку сервиса – “share.pluso.ru”.

Создание кнопок и их размещение займет у вас 5-10 минут.

Регистрация на сервисе не нужна – просто выберите нужные вам социальные кнопки, скопируйте код и вставьте в нужное место на вашем сайте – все очень быстро и просто!

Как видите из скриншота выше – здесь много русскоязычных сервисов: ВКонтакте, Одноклассники, БобрДобр, Мой Мир@Mail.ru, Яндекс.Закладки, Я.ру, В Кругу Друзей, МоеМесто, МойКруг,.. – что очень радует!

И главный плюс социальных кнопок от Pluso – это возможность выбора кнопок со счетчиком кликов по ним (на скриншоте выше показан синей стрелкой).

После того как выбрали стиль кнопок и социальные сети следует блок предпросмотр кнопок, а также настройки:

Здесь можно выбрать размер кнопок: большие, средние, мелкие.

А также общий счетчик кликов, который будет показан справа в конце – на скриншоте выше – это счетчик с цифрами 1657.

Далее идет блок с кодом для кнопок:

Здесь жмем на кнопку “Копировать”.

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

1-ый способ: Самое простое – это вставить их в боковую колонку (сайдбар).

Для этого на сайтах с движком wordpress – входим в панель управления, в левом меню выбираем пункт “Внешний вид” и его подпункт “Виджеты”, ищем виджет “Текст” и переносим его в нужный сайдбар. Далее вставляем скопированный нами код в данный виджет:

Переходим на сайт и смотрим, что получилось:

По моему мнению, просто класс!

2-ой способ: вставляем кнопки в конце каждой странички или записи сайта.

Для этого на сайтах с движком wordpress заходим в панель управления, в левом меню выбираем пункт “Внешний вид” и его подпункт “Редактор”, справа в списке шаблонов ищем файл, отвечающий за вывод записей на wordpress – single.php и открываем его код.

Ищем в нем строчку вывода комментариев (пример со стандартной темой Twenty Eleven):

<?php comments_template( '', true ); ?>

И вставляем перед ней код социальных кнопок от сервиса Pluso:

...

<?php get_template_part( 'content', 'single' ); ?>

&nbsp;

&nbsp;

<script type="text/javascript">(function() {
 if (window.pluso)if (typeof window.pluso.start == "function") return;
 var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
 s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
 s.src = ('https:' == window.location.protocol ? 'https' : 'http') + '://share.pluso.ru/pluso-like.js';
 var h=d[g]('head')[0] || d[g]('body')[0];
 h.appendChild(s);
 })();</script>
 <div class="pluso" data-options="medium,square,line,horizontal,nocounter,sepcounter=1,theme=14" data-services="vkontakte,odnoklassniki,facebook,twitter,google" data-background="none;"></div>

&nbsp;

<?php comments_template( '', true ); ?>  /*строчка вывода комментариев*/

&nbsp;

<?php endwhile; // end of the loop. ?>

</div><!-- #content -->
 </div><!-- #primary -->

...

Если нужно подкорректировать местоположение социальных кнопок со счетчиком от Pluso, например, сдвинуть их немного вправо, то можно открыть файл стилей wordpress – style.css (Внешний вид- Редактор – файл style.css) и вставить в самый его конец следующий код:

.pluso {
padding: 0 0 0 130px !important;
}

Данным кодом мы сместили социальные кнопки от Pluso на 130px вправо.

Аналогичные действия выполняются с файлом, отвечающим за вывод страничек на wordpress – page.php.

3-ий способ: это установить плагин WordPress Pluso

Сервис Pluso создал хороший плагин, чтобы облегчить работу по вставке социальных кнопок на ваш сайт!

Данный плагин есть на сайте “wordpress.org”, сведения о нем:

Последнее обновление: 2013-5-14

Загрузок: 968

Страница плагина: “wordpress.org/plugins/share-pluso”

Установка плагина WordPress Pluso стандартная – заходим в панель управления сайтом, в левом меню выбираем пункт “Плагины” и его подпункт “Добавить новый”, в строке поиска вводим WordPress Pluso, устанавливаем и активируем плагин.

После активации плагина, в пункте “Настройки” (Параметры), у вас появиться новый подпункт PLUSO, заходим в него:

Как видите в настройках данного плагина есть 3 вкладки: Кнопки, Отображение, Расширенное отображение.

Нажимаем на кнопку “Создать новый набор кнопок”:

Здесь задаем “Название” набора кнопок, далее вставляем код кнопок, который мы получили на сайте “share.pluso.ru” и нажимаем на кнопку “Сохранить изменения”.

Далее переходим во вкладку “Отображение”:

Здесь выбираем набор кнопок – в моем примере это “1” (так я назвал набор кнопок на предыдущем скриншоте) и после чего у вас появляются настройки отбражения:

– Позиция кнопок Pluso (здесь можно задать расположение социальных кнопок над контентом или под контентом, а также их выравнивание: слева, справа, по центру);

– Расположение кнопок на записях и страничках, рубриках (можно указать их расположение на всех страничках и записях или же в отдельных категория).

И не забываем нажать на кнопку “Сохранить изменения”.

Все готово!!!

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

Чтобы узнать шорт-код или код для вывода кнопок внутри шаблонов сайта на wordpress – достаточно открыть третью вкладку “Расширенное отображение”:

На этом все!