Кнопки поделиться в соц сетях для сайта WordPress без плагина! Поделиться в соц сетях для сайта wordpress


Простой плагин wordpress красивые кнопки поделиться в соцсетях ! — ТОП

Сегодня вы узнаете как очень просто добавить на свой сайт wordpress красивые кнопки поделиться в соцсетях. Установить на свой сайт кнопки поделиться вы сможете с помощью простого плагина — Simple Share Buttons Adder. Плагин имеет очень простые и понятные настройки, в которых сможет разобраться да же самый зелёный чайник . Установить данный плагин вы сможете прямо из админ-панели wordpress. Перейдите по вкладке: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

19-01-2016 16-48-28_mini

 

После установки и активации плагина, чтобы настроить кнопки, перейдите по вкладке: Настройки — Share Buttons.

 

19-01-2016 17-25-01

 

На странице с настройками плагина, в первую очередь выберите где будут отображаться кнопки поделиться. Чтобы включить показ кнопок на определённой странице, то просто переключите кнопку с положения OFF на ON.

 

— Homepage, главная страница.

— Pages, все страницы.

— Posts, все записи.

— Excerpts, анонсы записей, на странице блога.

— Categories/Archives, страницы с категориями и архивами.

 

19-01-2016 17-31-31_mini

 

 

Далее, вы можете выбрать положение кнопок на странице. After — после контента, Before — перед контентом, Both — и после и до содержания.  В поле Share Text вы можете указать текст, который будет отображаться возле кнопок.

 

19-01-2016 17-52-30

 

 

Далее, выберите нужные вам кнопки и перетащите их вниз для отображения на сайте. Сохраните все сделанные изменения, нажав справа на синюю кнопку с диском.

 

19-01-2016 17-58-26_mini

 

 

Далее, вверху страницы, в меню, нажмите на вкладку — Styling. Здесь вы сможете настроить стиль кнопок. Чтобы выбрать другой стиль для кнопок, нажмите по полю Image set.

 

19-01-2016 18-03-25_mini

 

Вот как выглядят кнопки в разных стилях:

 

Somacro

19-01-2016 16-58-00

 

Simple

19-01-2016 16-58-23

 

Ribbons

19-01-2016 16-58-58

 

Retro

19-01-2016 16-59-28

 

Plain

19-01-2016 16-59-50

 

Pagepeel

19-01-2016 17-00-16

 

Metal

19-01-2016 17-00-42

 

Arbenta

19-01-2016 17-01-36

 

В каждом стиле вы можете:

— Button Size, изменить размер кнопки.

— Alignment, выбрать положение кнопок на странице, справа, слева или по середине.

— Padding, увеличить или уменьшить обивку кнопок.

 

Далее, вверху, в меню, нажмите на вкладку — Counters. Здесь вы можете включить счётчик к кнопкам, возле кнопок будет показана цифра — сколько раз поделились записью. Чтобы включить счётчик, переключите значение Share Count с OFF на ON.

 

19-01-2016 18-23-19

 

После всех сделанных изменений сохраните новые настройки. В остальные настройки можно не вникать. Всё, после сохранения настроек кнопки появятся на вашем сайте.

 

info-effect.ru

info-effect.ru

iShare — Share Social Buttons

iShare Social Share Buttons — бесплатный русскоязычный плагин кнопок «поделиться» в соцсетях

Для чего нужен плагин iShare?

Плагин позволяет установить на сайте красивые векторные кнопки «поделиться» в соцсетях, которые настраиваются в удобном конструкторе под любой дизайн сайта.Кнопки увеличат посещаемость вашего сайта до 25% ( подробнее тут — http://share.itraffic.su/ )

iShare поддерживает социальные сети и мессенджеры:
  • Более 25 популярных социальных сетей: Вконтакте, Facebook, Одноклассники, Twitter, Google+ и т.д.
  • Более 3 популярных мессенджеров: Viber, WhatsApp, Telegram и др.
  • Мы постоянно добавляем новые кнопки соцсетей.
Уникальность сервиса iShare:
  • Векторные кнопкиМы не используем ни 1 картинки и все изображения кнопок и их формы создаются наши кодом «на лету».
  • Уникальные формыНаши формы кнопок тоже векторные. Мы не ограничены только круглыми и квадратными формами и постоянно добавляем новые стильные формы кнопок.
  • Максимальное быстродействиеНаш код весит около 40кб и отдается только 1 запросом. В отличие от других сервисов мы не грузим сотни килобайт кода дюжиной запросов к серверу.
  • СЕО-оптимизацияНикаких лишних ссылок. Все ссылки выводятся при помощи javascript с атрибутом rel=«nofollow» и безопасны для поисковиков.
  • БезопасностьМы не собираем статистику и др. специнформацию о ваших посетителях и не передаем ее «третьим лицам» в отличие от некоторых аналогичных сервисов.
  • Кнопки «под ключ» Принимаем заказы на разработку специальных форм кнопок для вашего сайта. Пишите нам на [email protected]
Полная кастомизация социальных кнопок:
  • более 28 форм кнопок (стилей)
  • 3 размера
  • эффекты при наведении (увеличение, наклон, поворот по часовой стрелке)
  • анимация (пульсация и др. эффекты)
  • настройка фона и цвета кнопок
  • позиционирование: статическое или фиксированное, вертикальное или горизонтальное, выравнивание слева / справа / по центру
  • отображение счетчиков: общий счетчик, счетчики кнопок, счетчики только для соцсетей по которым поделились

ru.wordpress.org

Кнопки поделиться в соц сетях для сайта WordPress без плагина!

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

Здравствуйте, уважаемые друзья и гости блога! Сейчас Вы узнаете, как самостоятельно и без особых проблем создать кнопки поделиться в соц сетях для сайта WordPress без плагина. Эти кнопки соц сетей удивительно легки и функциональны. А что их такими делает? Давайте с вами сейчас это узнаем?! Поехали ...

Блок поделиться или социальные кнопки для сайта без плагина на WordPress!

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

Блок поделиться без счетчиков

кнопки поделиться без счетчикакнопки поделиться без счетчика

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

Его нужно установить в фал header.php вашей активной темы WordPress. За счет него будут подключены стили для ваших будущих кнопок социальных сетей с внешнего ресурса.

Затем, нужно подключить скрипты, которые отвечают за загрузку блока кнопок соц сетей на вашем сайте, которые необходимо подключать в файл header.php или в файл footer.php, чтобы они загружались не из шапки вашего сайта (это может несколько замедлить загрузку сайта!). Но есть некоторые нюансы. Давайте сейчас с ними будем разбираться ...

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

  • Классический горизонтальный — для него нужны вот эти стили и скрипты:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_classic.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  • Плоский горизонтальный — для него нужны вот такие стили и скрипты:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_flat.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  • Бирман горизонтальный — для этого блока поделиться необходимы вот эти стили и скрипты:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_birman.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  •  Классический вертикальный — вот стили и скрипты для него:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_classic.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  •  Плоский вертикальный — это его стили и скрипты:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_flat.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  •  Бирман вертикальный — для него подойдут вот такие скрипты и стили:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_birman.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  •  Классический одной кнопкой — стили и скрипты вот такие:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_classic.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  •  Плоский одной кнопкой — вот такие скрипты и стили:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_flat.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  • Бирман одной кнопкой — для них нужны вот эти стили и скрипты:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_birman.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>
Что нужно сделать, чтобы кнопки поделиться в соц сетях для сайта появились?

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

  • Для горизонтального блока кнопок:

 

<div data-counters="no"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>

 

  •  Для вертикального блока кнопок:
<div data-counters="no"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>

 

  • Для блока поделиться одной кнопкой:
<div data-counters="no" data-single-title="Поделиться"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
Блок поделиться со счетчиками

кнопки поделиться с счетчикомкнопки поделиться с счетчиком

Аналогично делаем как и выше, но скрипты и стили рассчитаны для блока кнопки поделиться в соц сетях со счетчиками, как на картинке выше. Для этого вот Вам примеры стилей, скриптов и кодов для вставки на сайт:

  • Классический горизонтальный с счетчиком:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_classic.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  • Плоский горизонтальный с счетчиком:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_flat.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  • Бирман горизонтальный с счетчиком:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_birman.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  • Классический вертикальный с счетчиком:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_classic.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  • Плоский вертикальный с счетчиком:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_flat.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  • Бирман вертикальный с счетчиком:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_birman.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  • Классический одной кнопкой с счетчиком:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_classic.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  • Плоский одной кнопкой с счетчиком:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_flat.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>

 

  • Бирман одной кнопкой с счетчиком:
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_birman.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script>
Не забудьте про этот код!

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

  • Для горизонтального блока кнопок с счетчиком:
<div> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>

 

  • Для вертикального блока кнопок с счетчиком:
<div> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>

 

  • Для блока поделиться одной кнопкой с счетчиком:
<div data-single-title="Поделиться"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>

Как-то все получилось все длинно и не понятно? Неправда ли?! Давайте теперь коротко и ясно ...

Кнопки поделиться в соц сетях для сайта без плагина на WordPress!

Сейчас представлю Вам несколько сгруппированных кодов для вставки на Ваш сайт, только Вы их разделите сами:

  • Первая строка кода — это стили, которые нужно подключать в файл header.php
  • Вторая и третья строки кода — это скрипт, который можно подключать как header.php, так и в файл footer.php (но лучше в footer.php!)
  • Остальная часть кода заключенная в теги <div></div> — это нужно вставить в файл single.php вашей активной темы оформления сайта на WordPress, чтобы кнопки поделиться в соц сетях для сайта начали отображаться на Ваших страницах

Скриншоты и коды для Вас социальных кнопок!

Кнопки поделиться в соц сетях для сайта без счетчиков ...
  • Кнопки соцсетей — Классические горизонтальные без счетчика:

Классические горизонтальные без счетчикаКлассические горизонтальные без счетчика

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_classic.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div data-counters="no"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Классические вертикальные без счетчика:

Классические вертикальные без счетчикаКлассические вертикальные без счетчика

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_classic.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div data-counters="no"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Классические одной кнопкой без счетчика:

Классические одной кнопкой без счетчикаКлассические одной кнопкой без счетчика

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_classic.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div data-counters="no" data-single-title="Поделиться"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Плоские горизонтальные без счетчика:

Плоские горизонтальные без счетчикаПлоские горизонтальные без счетчика

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_flat.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div data-counters="no"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Плоские вертикальные без счетчика:

Плоские вертикальные без счетчикаПлоские вертикальные без счетчика

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_flat.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div data-counters="no"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Плоские одной кнопкой без счетчика:

Плоские одной кнопкой без счетчикаПлоские одной кнопкой без счетчика

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_flat.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div data-counters="no" data-single-title="Поделиться"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Бирман горизонтальные без счетчика:

Бирман горизонтальные без счетчикаБирман горизонтальные без счетчика

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_birman.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div data-counters="no"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Бирман вертикальные без счетчика:

Бирман вертикальные без счетчикаБирман вертикальные без счетчика

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_birman.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div data-counters="no"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Бирман одной кнопкой без счетчика:

Бирман одной кнопкой без счетчикаБирман одной кнопкой без счетчика

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_birman.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div data-counters="no" data-single-title="Поделиться"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
 Кнопки поделиться в соц сетях для сайта с счетчиками ...
  • Кнопки соцсетей — Классичесие горизонтальные с счетчиком:

Классичесие горизонтальные с счетчикомКлассичесие горизонтальные с счетчиком

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_classic.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Классичесие вертикальные с счетчиком:

Классичесие вертикальные с счетчикомКлассичесие вертикальные с счетчиком

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_classic.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Классичесие одной кнопкой с счетчиком:

Классичесие одной кнопкой с счетчикомКлассичесие одной кнопкой с счетчиком

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_classic.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div data-single-title="Поделиться"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Плоские горизонтальные с счетчиком:

Плоские горизонтальные с счетчикомПлоские горизонтальные с счетчиком

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_flat.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Плоские вертикальные с счетчиком:

Плоские вертикальные с счетчикомПлоские вертикальные с счетчиком

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_flat.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Плоские одной кнопкой с счетчиком:

Плоские одной кнопкой с счетчикомПлоские одной кнопкой с счетчиком

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_flat.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div data-single-title="Поделиться"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Бирман горизонтальные с счетчиком:

Бирман горизонтальные с счетчикомБирман горизонтальные с счетчиком

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_birman.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Бирман вертикальные с счетчиком:

Бирман вертикальные с счетчикомБирман вертикальные с счетчиком

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_birman.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>
  •  Кнопки соцсетей — Бирман одной кнопкой с счетчиком:

Бирман одной кнопкой с счетчикомБирман одной кнопкой с счетчиком

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes_birman.css"> ... <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/social-likes/dist/social-likes.min.js"></script> ... <div data-single-title="Поделиться"> <div title="Поделиться ссылкой на Фейсбуке">Facebook</div> <div title="Поделиться ссылкой в Твиттере">Twitter</div> <div title="Поделиться ссылкой в Моём мире">Мой мир</div> <div title="Поделиться ссылкой во Вконтакте">Вконтакте</div> <div title="Поделиться ссылкой в Одноклассниках">Одноклассники</div> <div title="Поделиться ссылкой в Гугл-плюсе">Google+</div> </div>

Теперь Вы знаете как создать блок поделиться и можете самостоятельно сделать любые кнопки поделиться в соц сетях для сайта WordPress без плагина!

Если кому-то не совсем все понятно? Тогда пишите в комментариях и постараюсь объяснить каждому из Вас!

А кому не хочется заморачиваться с кодами и их вставками на своем сайте, а может быть Вы даже и не знаете, где находятся эти файлы, в которые нужно вставлять эти коды? Тогда в своем следующем материале я Вам расскажу о том, как вставить любой код на свой сайт без проблем. Справится даже новичок!

А пока, до свидания и до новых встреч! Всем удачи и благополучия!

Рейтинг!

Если статья была Вам полезна, тогда оцените ее в звездном рейтинге! Спасибо за участие!

Рейтинг пользователя: 5( 2 голоса)

pribylwm.ru

WordPress — Кнопки поделиться в социальных сетях » Pechenek.NET

WordPressА как же поделиться? 🙂 Почти на каждом сайте есть такие кнопки, которые позволяют делиться ссылкой на ту или иную статью в социальных сетях, буквально в два клика (добра и море печенек тем кто делится).  Они помогают лишний раз напомнить о нашем сайте и способствуют привлечению пользователей. Тоже захотели себе такие волшебные кнопки на сайт? Тогда читайте дальше. В данной статье я расскажу откуда взять такие кнопки и куда добавить, без использования дополнительных плагинов.

Есть море способов добавить кнопки социальных сетей на Ваш сайт, тонна плагинов для WordPress и сторонних ресурсов. В данной статье я хочу рассказать Вам о сервере Яндекса, который позволяет нам генерировать код кнопок для нашего сайта. И так приступим:

  1. Для начала переходим по ссылке Конструктор блока «Поделиться». Попадаем на страницу конструктора Яндекса. WordPress Конструктор блока «Поделиться»

    WordPress Конструктор блока «Поделиться»

  2. Дальше в форме «Набор сервисов» выбираем необходимые нам социальные сети (так же есть возможность выбрать: Viber, Skype, WatsApp,Telegram. Работать они будут только на телефонах где установлено данное ПО). В правой части «Внешний вид блока» мы сразу видим результат из выбраненных нами соц. сетей, и ниже сам код, который необходимо будет вставить на сайт. WordPress выбираем соц.сети

    WordPress выбираем соц. сети

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

    WordPress изменяем вид счётчиков

    WordPress изменяем вид счётчиков

  3. Копируем полученный код, у меня он получился таким:

    <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <div data-services="collections,vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,blogger,viber,whatsapp,skype,telegram"></div>

    <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>

    <script src="//yastatic.net/share2/share.js"></script>

    <div data-services="collections,vkontakte,facebook,odnoklassniki,moimir,gplus,twitter,blogger,viber,whatsapp,skype,telegram"></div>

  4. Далее нам необходимо его вставить в нужное место. К примеру, я хочу что бы они отображались в конце страницы к любой записи. Идём в редактор внешнего вида темы: «Внешний вид» -> «Редактор» и ищем там файл темы отвечающий за визуализацию статьи, у меня это «content-single.php».
  5. Что бы он отображался в конце статьи я добавил код после закрывающегося тега

    <!-- .entry-content --></div>

    <!-- .entry-content --></div>

    В результате получилось так:

    ... ?> <!-- .entry-content --></div> <!--Поделиться в соц. сетях--> <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script> <script src="//yastatic.net/share2/share.js"></script> <strong><p>Поделиться в соц. сетях:</p></strong> <div data-services="collections,vkontakte,gplus,facebook,odnoklassniki,moimir,twitter,blogger,linkedin,lj,whatsapp,skype,telegram"></div> <footer> ...

    ...

    ?>

    <!-- .entry-content --></div>

     

     

    <!--Поделиться в соц. сетях-->

    <script src="//yastatic.net/es5-shims/0.0.2/es5-shims.min.js"></script>

    <script src="//yastatic.net/share2/share.js"></script>

    <strong><p>Поделиться в соц. сетях:</p></strong>

    <div data-services="collections,vkontakte,gplus,facebook,odnoklassniki,moimir,twitter,blogger,linkedin,lj,whatsapp,skype,telegram"></div>

     

     

    <footer>

    ...

    В конечном итоге это будет выглядеть так: WordPress поделиться в соц. сетях

    WordPress поделиться в соц. сетях

На этом всё, надеюсь статья Вам была полезна. Не забывайте пользоваться кнопками «Поделиться в соц. сетях», так же подписываться на наш Канал и группу в ВК.

Поделиться в соц. сетях:

pechenek.net

Плагин социальных сетей для Wordpress

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

плагины социальных сетей

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

Плагин установки кнопки социальных сетей на WordPress

Я уже писал, как установить кнопки социальных сетей на блог WordPress без плагина здесь. Но обычно у новичков присутствует некоторый страх перед кодом блога. Поверьте, у меня он когда-то тоже присутствовал 🙂

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

На сервисе Докторсмм можно накрутить кнопки (нравится соцсетей) на сайте: ретвиты в Twitter, репосты в FaceBook, репосты в Google plus и многое другое.

1. Juiz Social Post Sharer – русскоязычный плагин, который позволяет установить кнопки соц. сетей на блог WordPress. Есть возможность выбора дизайна кнопок и сортировки, места установки, поддержка шорткодов.

социальные иконки

2. Social Share Buttons for WordPress – похожий плагин кнопок социальных сетей. В нем есть возможность выбора дизайна иконок, редактирования отступов в редакторе.

плагин кнопки социальных сетей

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

Плагин авторизации через социальные сети WordPress

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

Пользователя непросто заставить вводить регистрационные данные – логин, пароль и e-mail, ведь это отнимает его время. Зато можно установить плагин регистрации через социальные сети и тогда пользователь нажатием одной кнопки зарегистрируется у вас.

Подобных плагинов тоже немало. Но одним из лучших является uLogin. Его отличительная черта – возможность использования практически на любой популярной CMS.

плагин ulogin

Скачать плагин можно с официального сайта WordPress или напрямую с сайта ulogin.ru

После установки плагина, на странице входа в админ-панель сайта появится дополнительный блок – войти с помощью.

авторизация через социальные сети

Если же пользователь захочет оставить комментарий, то у него так же есть возможность не вводить имя и e-mail, а авторизоваться через социальные сети.

комментарии на сайте

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

Комментарии вконтакте

Плагин комментариев WordPress через социальные сети

Вышеупомянутый плагин позволяет оставлять комментарии на сайте, авторизовавшись через социальные сети, но он не отправляет этот комментарий на стену пользователя.

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

Плагин комментариев ВКонтакте и Facebook на WordPress блоге

Плагин VKontakte API добавляет функционал API и позволяет комментировать блог через социальную сеть ВКонтакте и Фейсбук.

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

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

ВКонтакте.

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

API вконтакте

Затем нужно настроить комментарии ВКонтакте. Как видно на скриншоте, есть возможность редактировать ширину и высоту формы комментариев, их количество и автопубликации на стене пользователя.

настройка комментариев

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

настройка медиа

Можно включить возможность авторизации через социальную сеть ВКонтакте.

авторизация через социальные сети

Если у вас нет кнопок — поделиться в соц. сетях, этот плагин позволяет установить кнопку Like и «Поделиться» Вконтакте.

лайк вконтакте

поделиться вк

С недавних пор у плагина появилась возможность автоматического кросспостинга в свою группу ВКонтакте. Я пока эту возможность не опробовал, посмотрим как кросспостинг проявит себя на тестовом блоге сначала.

кросспостинг вконтакте

Facebook

В настройках Фейсбук все аналогично. Так же создаем и подключаем ID приложения, включаем комментарии, и при необходимости подключаем кнопку «Мне нравится».

API фейсбук

Соц. кнопки.

Ну здесь название говорит само за себя. Плагин позволяет настроить социальные кнопки Google +, Twitter, Mail, Одноклассники.

Другое.

В других настройках можно указать путь к нестандартному логотипу на странице входа. Вот к примеру как-то так:

логотип админки

Вот такой вот довольно функциональный плагин социальных сетей может значительно улучшить SMO оптимизацию блога.

nazyrov.ru

Классные кнопки поделиться в соцсетях на сайт wordpress — ТОП

 Привет ! Вроде не мало уже написано про кнопки поделиться в соцсетях, но вчера мне попался на глаза классный плагин, очень простой и понятный. С помощью плагина — Social Likes вы сможете добавить на свой сайт красивые кнопки поделиться в соцсетях. Такие кнопки редко у кого встретишь на сайте, большинство сейчас пользуются одними и теми же сервисами. Но я всегда ищу что-нибудь оригинальное и интересное, что бы никак у всех. Поэтому я и решил написать про данный плагин, так как уверен, что он многим будет интересен, своим не обычным дизайном кнопок. Вот такие кнопки вы сможете добавить на сайт:

 

Классический

22-01-2016 13-41-52

 

Плоский

22-01-2016 13-42-28

 

Плоский лёгкий

22-01-2016 13-43-00

 

Бирман

22-01-2016 13-43-27

 

То же самое, только одни заглавные буквы.

 

22-01-2016 13-45-0022-01-2016 13-45-3522-01-2016 13-45-5822-01-2016 13-46-23

 

Можно включить счётчик

22-01-2016 13-47-45

 

Установить плагин Social Likes  вы сможете прямо из админ-панели wordpress. Перейдите по вкладке: Плагины — Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.

 

22-01-2016 14-11-34_mini

 

После установки и активации плагина, чтобы настроить кнопки, перейдите по вкладке: Настройки — Social Likes.

 

22-01-2016 14-24-16_mini

 

Настройки у плагина очень простые и к тому же на Русском языке.

 

— Скин, выберите стиль кнопок, в начале записи я показал как они выглядят.

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

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

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

— Twitter Via, здесь можно указать ваше имя пользователя в twitter, чтобы оно отображалось в твитах.

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

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

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

 

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

 

22-01-2016 14-40-42_mini

 

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

 

22-01-2016 14-46-23_mini

 

После сохранения настроек, кнопки появятся в ваших записях и на страницах.

 

Остались вопросы ? Напиши комментарий ! Удачи !

 

info-effect.ru

info-effect.ru

Социальные кнопки для WordPress - плагин Social Share Buttons

Всем привет! Сегодня мы рассмотрим социальные кнопки для WordPress, которые можно быстро добавить с помощью удобного и простого плагина Social Share Buttons for WordPress. Что отличает его от других подобной тематики? То что он русский и поддерживает все самые популярные социальные сети рунета — vkontakte, facebook, twitter. одноклассники и другие.

социальные кнопки для WordPress

Конечно, можно воспользоваться сторонними сервисами для создания красивых социальных иконок, но если не хотите возится с кодом и редактировать шаблоны темы WordPress, или вас просто не устраивает их внешний вид, то прекрасной альтернативой служит плагин Social Share Buttons for WordPress. В отличие от большинства аналогов, этот изначально заточен под самые популярные социалки рунета:

  • Вконтакте;
  • Facebook;
  • Одноклассники;
  • Mai.ru;
  • LiveJournal;
  • Яндекс;
  • Google Buzz;
  • Google Plus.

Помимо этого, плагин позволяет добавить в WordPress социальные кнопки «мне понравилось» от Facebook, Mail.ru, Одноклассники и Вконтакте. Большего и желать нельзя!

Social Share Buttons for WordPress

С установкой плагина проблем возникнуть не должно:

  • скачайте Social Share Buttons;
  • разархивируйте и перекиньте папку с файлами плагина на ftp в директорию wp-content/plugins;
  • активируйте его через панель администратора.

Настройки плагина полностью на русском языке и располагаются в разделе Share Buttons ардминки WP.

Настройка плагина

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

Раздел Share настройки отвечает за блок «поделиться». В опции Сортировка кнопок можно задать порядок следования иконок, просто перетаскивая один пункт под другой.

выбор социальных кнопок

Выберете, какие иконки будут включены и визуальное оформление для них. В последней опции можно задать отступы сверху и снизу в пикселях, только без указания единицы измерения (px).

Третий раздел настроек плагина — Like настройки, отвечает за иконки «мне нравится».

В первой опции можно включить/отключить их включить/выключить и отсортировать.

Остальные разделы отвечают за внешний вид кнопок соответственно от Mail.ru и Одноклассников, Вконтакте и Facebook. Чтобы использовать иконки от Контакта и Facebook, необходимо иметь в них свой аккаунт.

мне нравится от вконтакте и facebook

Перейдите по указанным ссылкам и создайте новые приложения. Каждому приложению будет дан API ID, который и следует указать в соответствующих пунктах.

А на этом на сегодня все! Всем спасибо за внимание и до скорых встреч!

Лучший способ выразить благодарность автору - поделиться с друзьями!

Узнавайте о появлении нового материала первым! Подпишитесь на обновления по email:

Следите за обновлениями в Twitter и RSS.

fairheart.ru