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

На моем блоге был установлен плагин «Social Share Buttons». Этот плагин меня дико расстроил, так как перестала работать кнопка «Одноклассники». Пытался ковырять код, но, увы, моих мозгов не хватило, решил не изобретать велосипед, а воспользоваться другим плагином. Мне очень понравился плагин «Uptolike Share Buttons».
Настройки плагина «Uptolike Share Buttons» предельно понятны, так как все написано на русском языке. Плагин поддерживает русские социальные сети, такие как «Одноклассники», «Вконтакте», «Мail.ru». Есть статистика по социальным кликам. Давайте приступим к установке, потом к настройке, а потом уже я расскажу о дополнительных возможностях, которые предоставляет плагин «Uptolike Share Buttons».

Скачайте плагин:

wordpress.org/plugins/uptolike-share/

Если вы не знаете, как установить плагин на WordPress, рекомендую ознакомиться вот с этой статьей.

После установки и активации плагина переходим к настройкам.

Настройка плагина «Uptolike Share Buttons»

В админ-панеле с левой стороны меню выберите «UpToLike»:

Перед вами откроется вкладка «Конструктор».

Вкладка «Конструктор»

- Социальные сети – здесь выбираем кнопки социальных сетей, которые будут отображаться на блоге:

- Дополнительные настройки – в этом пункте настроек есть:

«Цитирование» – пользователю предлагается поделиться со своими друзьями в социальных сетях частью текста, который был выделен:

«Кнопка "Наверх"»  - позволяет подняться в верх страницы:

«Отключить кнопку "..."» - убирает кнопку с дополнительным выбором социальных сетей:

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

Я выставляю вот такие настройки:

- Расположение блока - и - Внешний вид – здесь, думаю, все вам понятно. В «Расположение блока» нужно указать, где будут размещаться кнопки социальных сетей, а во «Внешнем виде» укажите, как бы вы хотели, чтобы выглядели кнопки (размер и форма кнопок).
Вот такие я сделал себе настройки:

Если вы перейдете по ссылке «Еще настройки», которая размещена чуть ниже (см. рисунок сверху), то внешний вид кнопок можно расширить:

Здесь, я думаю, вы сами сможете разобраться, какой выбрать стиль кнопки.
Счетчик – это цифры, показывающие, сколько человек поделилось вашей статьей в социальных сетях:
«Общий»

«Раздельный»

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

Жмите на кнопку «Сохранить».

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

Движемся дальше. Прейдите на вкладку «Настройки».

Вкладка «Настройки»

Чтобы на главной странице блога в подвале сайта не отображались кнопки социальных сетей, нужно снять птичку над пунктом «Располагать на главной странице в фиксированном блоке».

- Режим работы плагина – здесь нужно выбрать:

«Плагин» – автоматически будет выводить кнопки социальных сетей там, где вы указали в настройках.

«Шорткод» – позволяет добавить кнопки социальных сетей в любом месте через файл и редактор.
Для файлов «.php»:

Для вставки в режиме визуального редактора:

Жмите на кнопку «Сохранить изменения».

Теперь перейдем на вкладку «Статистика».

Вкладка «Статистика»

В статистике можно узнать:

- количество «лайков» на сайте в течение выбранного периода;
- сколько пришло новых посетителей на блог из социальных сетей и др.

Для просмотра статистики необходимо вначале запросить ключ, а потом ввести полученный ключ. Ключ приходит на указанный вами email адрес.

Вот так выглядит статистика «uptolike»:

Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓

20 Ответов на комментарий - Кнопки социальных сетей для WordPress

1. Юрий

   14.05.2015 в 07:54

   Отличные кнопки, тоже пользуюсь этим плагином. Попался как-то раз в комплекте с одной из премиум-тем, понравился, да так и прижился
2. Юлия

   14.05.2015 в 18:01

   Спасибо, очень вовремя! Как раз озаботилась социальными кнопками для своего бложика)
3. Степан => автор блога

   14.05.2015 в 19:43

   Пожалуйста, Юлия!
4. Степан => автор блога

   14.05.2015 в 19:45

   Я до сих пор не могу нарадоваться этим чудо плагином. :smile:
5. андрей

   08.06.2015 в 09:43

   спасибо
6. Наталья

   26.08.2015 в 16:49

   Степан спасибо все получилось, подскажите где подправить,чтобы кнопки были чуть ниже (а то как будто прилипают к посту)
7. Степан => автор блога

   26.08.2015 в 22:45

   Зашел на Ваш блог, чтобы посмотреть проблему, но вроде бы Вы уже все сами исправили.
8. Наталья

   27.08.2015 в 08:45

   Степан, мне хочется чтобы они ниже поста были примерно ниже на 50px
   как это можно сделать? в каком файле поменять?
   я смотрела, это же плагин, а в файлах темы можно добавить, чтобы в форме поста после текста оставалось пустое поле, но я не могу найти как
9. Степан => автор блога

   31.08.2015 в 21:25

   Наталья, откройте файл “style.css” вашей темы и добавьте вот такой стиль:

   .uptl_toolbar 
   {
       margin-top: 50px !important;
   }
   
10. Наталья

    14.04.2016 в 22:36

    Степан добрый день. Подскажите пожалуйста. СЕГОДНЯ ОБНОВИЛА ПЛАГИН ДО ВЕРСИИ 1.4.8
    У МЕНЯ КНОПКИ ПРОПАЛИ, хотя настройки плагина остались те, которые я задавала
11. Степан => автор блога

    16.04.2016 в 12:17

    Здравствуйте, Наталья! Попробуйте выставить шорткодом:

    <?php echo do_shortcode("[uptolike]"); ?>
    

    а в настройках плагина “Uptolike Share Buttons”, выберите режим работы – “Шорткод”.
12. Наталья

    24.04.2016 в 22:49

    Степан. Немного не пойму. Подскажите пожалуйста как выставить шорткодом? Куда вписать этот код нужно?
13. Наталья

    24.04.2016 в 22:50

    Я пока временно вернула старую версию. Хочется чтобы после обновления все осталось.
14. Степан => автор блога

    26.04.2016 в 18:28

    Открываете файл “Отдельная запись (single.php)” и вставляете сразу после:

    <?php the_content(); ?>
    

    вот такой код:

    <?php echo do_shortcode("[uptolike]"); ?>
    

    а в настройках плагина “Uptolike Share Buttons”, выберите режим работы – “Шорткод”.
    Все заработает на 100%. У меня именно так и работает.
15. Наталья

    26.04.2016 в 22:05

    Степан
    спасибо огромное. Все получилось
16. Степан => автор блога

    26.04.2016 в 22:26

    Пожалуйста, Наталья! Всего Вам хорошего!
17. Tamara

    20.06.2016 в 14:32

    Лоьрый день! У меня вопрс, лтветьте пожалуйста. Как показать новый пост вордпресс в Одноклассниказ?
18. Степан => автор блога

    20.06.2016 в 22:51

    нажмите на кнопку “одноклассники” и она автоматически опубликуется
19. Tamara

    21.06.2016 в 03:54

    Спасибо большое. Так просто.
20. Степан => автор блога

    21.06.2016 в 22:37

    Пожалуйста!

Добавить комментарий

Нажмите, чтобы отменить ответ.

Имя (required)

Mail (will not be published) (required)

Сайт

Чтобы добавить в комментарий код HTML, PHP, CSS, JavaScript, нужно сделать так: [code] ваш код [/code]

Метки: wordpress