Плагин для WordPress. Кнопки для социальных сетей — Sociable RE

Ромчик
20

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

 

[adsense][/adsense]

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

  1. Вконтакте
  2. Одноклассники
  3. Twitter
  4. Мой мир
  5. Facebook
  6. и др. популярные социальные сети

Скачать данный плагин можно с репозитория плагинов  Установка не вызывает каких-либо сложностей поэтому останавливаться на ней не будем. Одно отмечу на WordPress 3.4.1 и на WordPress 3.3.1 работает отлично.

Настройка Sociable RE

Плагин мы установили и активировали. Теперь перейдем к настройке: Парамнтры->Sociable RE

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

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

Выбор ссылок на социальные сети

Следующее мы настраиваем отображение нашего плагина.

  • В поле “Отключить спрайт для значков?” мы можем отключить спрайт. Что такое спрайт я обьяснять не буду. Но, если Вы не используете свои картинки, то не отключайте спрайт — это немного ускорит работу Вашего ресурса.
  • В поле “Отключить прозрачность?” поставив галочку мы отключаем прозрачность нашего плагина.

Пример с прозрачностью:

Панель закладок социальных сетей с прозрачностью

Пример без прозрачности:

Не прозрачная панель ссылок социальных сетей

  • В поле “Заголовок” мы можем поменять заголовок нашего плагина Sociable RE
Заголовок плагина Sociable RE
  • В поле “Разместить” указываем где будет размещен наш плагин
  • В поле “Использовать CSS?” если мы поставим галочку, то наш плагин будет использовать свои CSS-стили.
  • Если Вы не хотите использовать ссылки на социальные сети в виде картинок, то в поле “Использовать текстовые ссылки?” поставьте галочку.

Настройка отображения кнопок социальных сетей

  • В поле “Каталог картинок” указываем каталог, где расположены картинки социальных сетей, если Вы используете свои картинки для социальных сетей
  • В поле “Использовать всплывающее окно для ссылок?”, если Вы хотите, чтобы ссылки на социальные сети находились в всплывающем окне, то поставьте галочку и укажите размер данного окна.
  • В поле “Открывать в новом окне”, если поставить галочку, то социальные сети будут открываться в новом окне (т.е. к ссылкам на социальные сети будет добавлен атрибут target=”_blank”)
  • В поле “awe.sm” если Вы используете данный сервис в качестве сокращения ссылок, то тут Вам нужно включить данную возможность и указать API ключ для данного сервиса.

Настройка плагина социальных закладок

После ввода всех настроек нажмите “Сохранить изменения”, если Вы в чем-то ошиблись и хотите вернуть все настройки по умолчанию, то нажмите “Восстановить стандартные настройки”.

Изменение дизайна Sociable RE

Ссылки на социальные сети вставляются следующим кодом:

<div>
<div>
<strong>Понравилась статья? Поделись с друзьями.</strong>
</div>
<ul>
<li><a rel="nofollow"  target="_blank" href="...." title="Добавить ВКонтакте заметку об этой странице"><img src="http://myblog/wp-content/plugins/sociable-re/images/services-sprite.gif" title="Добавить ВКонтакте заметку об этой странице" alt="Добавить ВКонтакте заметку об этой странице" style="width: 16px; height: 16px; background: transparent url(http://myblog/wp-content/plugins/sociable-re/images/services-sprite.png) no-repeat; background-position:-1px -91px" /></a></li>
</ul>
</div>

Тут я рассмотрел только одну ссылку на социальную сеть в Вконтакте.
Все ссылки спрятаны в div с class = “sociable”, заголовок находиться в div с class=”sociable_tagline” и обрамлен тегом strong
А сами ссылки находятся в списке. Изменять html разметку плагина для социальных закладок можно менять в файле sociable.php
А все css стили находятся в файле sociable.css. И наш плагин берет их оттуда, если Вы не отключили данную функцию в настройках (поле “Использовать CSS?”). Так, что Вы можете данный плагин легко адаптировать под Ваш дизайн.
Вот в принципе и все.

А, да еще теперь при добавлении поста Вы можете отключить данный плагин для данной статьи. В поле “Sociable отключен?” поставьте галочку.

Отключение плагина Sociable RE для отдельного поста

Вот теперь точно все:)

Понравилась статья? Поделись с друзьями.
  • Add to favorites
  • Добавить ВКонтакте заметку об этой странице
  • Twitter
  • Facebook
  • Мой Мир
  • LiveJournal
  • Одноклассники
  • Блог Я.ру
  • MySpace
  • FriendFeed
  • В закладки Google
  • Google Buzz
  • Яндекс.Закладки
  • Reddit
  • StumbleUpon
  • Technorati
  • del.icio.us
  • БобрДобр
  • LinkedIn
  • Memori.ru
  • Сто закладок
  • Blogger

  • Владимир - 12.11.2012 в 20:23

     Добрый день! Подскажите, пожалуйста, каким образом можно сделать миниатюры большего размера?

  • Виталий - 26.11.2012 в 14:14

    Почему они у меня вертикально..,? Как сделать горизонтально..?

    • Bumer93 - 17.12.2012 в 14:14

      нажми использовать их css

    • Олег Минаков - 31.08.2013 в 08:51

      Серовно вертикально((!

    • Умница - 14.10.2013 в 11:45

      а у меня получилось!

  • Серый - 18.01.2013 в 11:40

    Спасибо за статью) Очень помогла) На свой блог поставил)

    • Roman - 19.01.2013 в 09:36

      Рад, что Вам пригодилось

  • Владимир - 10.03.2013 в 04:21

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

  • Elena - 29.03.2013 в 10:25

    Большое спасибо! Прежний плагин бесил очень

  • Екатерина - 16.04.2013 в 11:45

    А можно как то сделать, чтобы кнопочки были побольше по размеру?

    • Roman - 17.04.2013 в 08:47

      Можно вставить свои картинки (побольше), поместить их в каталог и указать его в настройках плагина.

  • Олег Минаков - 31.08.2013 в 08:49

    Спасибо большое все легко просто

  • Елена - 14.12.2013 в 09:58

    спасибо.

  • ирина - 19.12.2013 в 20:24

    А у меня он из соцсетей выбивает. Это может способ украсть адреса читателей сайта? Или это я делаю что не так? Хотя согласно инструкции

  • Лариса - 13.07.2014 в 17:18

    Спасибо огромное за Ваши советы. Обязательно ими воспользуюсь!

  • Сергей Черняев - 12.12.2014 в 00:11

    Замучился я уже кнопки для своего блога искать, не подходят! Может хоть эти подойдут

  • Сергей Черняев - 12.12.2014 в 00:19

    @Виталий
    Кстати меня тоже интересует

  • u_menya_mnogo_refof - 25.12.2014 в 18:20

    Кнопки побольше бы сделать и гуд будет.

  • Людмила - 10.10.2015 в 12:28

    Кнопки социальных сетей сейчас очень популярны, привлекаю посетителей

  • Елена - 18.11.2015 в 07:34

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

  • ©2012-2017 По всем вопросам обращайтесь через форму обратной связи

    Яндекс.Метрика