Владимир Вокстермен

Здравствуйте! Кнопки социальных сетей достаточно полезная штука хочу сказать я вам.

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

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

Кнопки и виджеты для работы с Твиттером wordpress

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

Кнопки и виджеты для работы с Твиттером wordpressА код твиттера, который нужно вставить в блог wordpress можно сгенерировать здесь:http://twitter.com/about/resources/tweetbutton.

Кнопки и виджеты Фейсбука wordpress

кнопка i like it для wordpress

Установка знаменитой кнопки «I like it» от Facebook для wordpress. Для начала отмечу, что вы должны быть зарегистрированы на сайте facebook и ваша регистрация должна быть потвержденачерез смс. Где и как это сделать — пишите в комменты, расскажу, как зарегистрировать страницу facebook через смс в Беларуси.

Далее необходимо получить код самой кнопки. Это можно сделать, перейдя по ссылке:http://developers.facebook.com/docs/reference/plugins/like.

Кнопки и виджеты социальной сети ВКонтакте для блога wordpress

Одна из самых популярных соц.сетей в русскоязычных странах. Для начала надо зарегистрироваться на сайте,  а потом перейти по ссылке:http://vkontakte.ru/developers.php?o=-1&p=Like. Получите одну из следующих кнопок:

Кнопки и виджеты социальной сети ВКонтакте wordpress

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

Кнопки и виджеты социальной сети ВКонтакте

Получить код кнопки «Сохранить Вконтакте» и можно здесь:http://vkontakte.ru/developers.php?o=-1&p=Share.

Добавить кнопку Google +1 wordpress

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

Получить код для блога wordpress можно перейдя по ссылке:http://www.google.com/webmasters/+1/button/index.html .

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

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

Если кнопки располагаются на странице поста, как на этой странице внизу, то нам нужен файл single.php, расположенный в папке темы wordpress. У меня тема называется moneyblog(на момент печати записи), там такой файл есть.

где прописывать кнопки социалок wordpressОткрываем его текстовым редактором и в нужном нам месте вставляем следующий код:

<table>

<tr>

<td>

Ваш код для вконтакте

</td>

<td>

Ваш код для фейсбука

</td>

<td>

Ваш код для твиттера

</td>

<td>

Ваш код для гугл

</td>

</tr>

</table>

Все, готово, любуемся. Напомню, что для вконтакте и гугл +1 требуется часть кода внести в файл header.php, перед тегом </head>.

Пользуйтесь на здоровье!

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

16 Комментариев
  1. Елена
    16.11.2015 at 08:30

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

  2. Elchin
    14.09.2014 at 22:17

    А почему нельзя воспользоваться родными плагинами для этого и быстрее и красивее…

    • ushi
      13.10.2014 at 16:29

      Родные плагины? Это как?!

  3. Максим
    МаксимОтветить
    07.02.2013 at 08:45

    Да спасибо как раз это искал,низнал ка сделать,а тут прямо сразу код для вставки есть

    • ushi
      09.02.2013 at 17:00

      Где их сейчас только нет: и кнопки социалок, и коды на них на каждом втором блоге интернета.)

      • Максим
        МаксимОтветить
        09.02.2013 at 21:13

        Не ну это понятно,но просто очень хорошо обьяснили.раньше я не понемал куда вставлять,а тут почему то понел)

  4. Павел
    ПавелОтветить
    26.01.2012 at 07:30

    Ничего не работает!

    • ushi
      26.01.2012 at 07:36

      Все работает. Читайте внимательно и действуйте по инструкции, комрад.

  5. Amo
    10.10.2011 at 00:02

    Спасибо, работает!

  6. николай
    николайОтветить
    05.10.2011 at 19:14

    Спасибо, выручили

    • ushi
      06.10.2011 at 14:46

      Пожалуйста! Рад помочь!

  7. Petrosliptoff
    PetrosliptoffОтветить
    26.09.2011 at 03:58

    спасибо, помогли!

  8. pavka
    13.09.2011 at 18:42

    Или API яндекса + кнопарь гугла=))

    • ushi
      28.09.2011 at 09:06

      Как-то API яндекса не очень-то и привлекателен. Имхо.

  9. mojwp
    13.09.2011 at 17:03

    а нафига с таблицами заморачиваться?
    оборачиваем все в div и настраиваем красоту в css

    • ushi
      28.09.2011 at 09:04

      Расскажите как, если вам не сложно.

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

Ваше сообщение*

Имя*
Email*
Сайт