Добавляем кнопку «вКонтакте» в свой блог на WordPress

Добавляем кнопку «вКонтакте» в свой блог на WordPress

CMS

Как известно, ВК вслед за Facebook дали возможность прикручивать к своему сайту кнопки, позволяющие быстро делиться интересными ссылками, добавляя их к себе в заметки. Сегодня познакомимся с замечательным плагином – VK Share Button. Плагин добавляет кнопку для публикации ссылок в соц. сети вКонтакте. Не знаю насколько эффективна может быть эта кнопка, по сравнению с аналогичной кнопкой постинга ссылок в Twitter. Но попробовать думаю стоит.

Где взять плагин?
Берем с .
На разработчика.
Или из админки производим поиск по названию – «VKontakte Share Button».

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

  • Тип кнопки – здесь мы можем выбрать стиль отображаемой на сайте кнопки. 6 стандартных дизайнов:

    И возможность создать собственный, выбрав рункт «Свой дизайн». После чего нужно ввести свой html-код в поле «Текст на кнопке».
  • Горизонтальная позиция кнопки и Вертикальная позиция кнопки – эти настройки используется если ты желаешь, что бы кнопка добавлялась на выбранные страницы автоматически. (про ручное размещение кнопки читай ниже).
  • Показывать кнопку – если хотим авто-размещение кнопки, выбираем где она должна отображаться. Если будем встраивать код вручную, убираем галочки со всех пунктов.
  • Исключить страницы и записи с ID – указываем на каких страницах и записях кнопка отображаться не будет.
  • Текст на кнопке – этот пункт в описании явно не нуждается.
  • Описание – пользователь нажимая на кнопку, добавляет к себе в заметки не только ссылку на нужную страничку, но еще и описание страницы. Если выберем «Авто» – описание будет браться из текста самого поста и вставляться автоматом. Длина описания зависит от того, какое кол-во символов ты выставишь в следующем пункте. Выбрав «Глобальное», можно указать общее описание для всех ссылок. И последний пункт «Без описания», убирает какое-либо описание к ссылке. Но это не значит что юзер не может самостоятельно указать описания ссылки на странице добавления заметки.
  • Длина авто-описания – указываем сколько первых символов записи будет вставлено в авто-описании.
  • Ссылка на логотип – указываем ссылку на собственный логотип. Он будет отображаться рядом с заметкой.

  • Дополнительный API запрос к сайтувКонтакте сможет отправлять запрос к Вам, что бы определить такие параметры для логотипа, как, description и link rel=»image_src» href=»http://mysite.com/mypic.jpg», если ты конечно используешь эти мета-теги.

Ручное размещение кнопки.
Вручную кнопку можно разместить двумя способами.

  1. [vk-sharе-button] – с помощью этого тега, мы можем вставить кнопку в любое место, внутри записи. Вставляется непосредственно в саму запись из админки. Работает только в записях.
  2. – данный код позволяет вставить кнопку в произвольное место твоего шаблона. Если ты хочешь, что бы кнопка отображалась только внутри записей, тогда вставляй этот код в файл шаблона под именем single.php. В этом случае не забудь в настройках убрать галочки в пункте «Показывать кнопку», что бы кнопка не отображалась 2 раза в разных местах.
    Почему-то не смог добавить PHP код в саму запись, по этому идем по е и в конце записи берем код.

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

Хит от Дмитрия Анатольевича.
Перепев Scooter`a, от «сами знаете кого», это конечно мощно! :D

На правах рекламы!
Скоро лето. А это значит сезон отпусков на носу. Зачем ехать в Европу или Африку? Лучше посмотреть и поехать отдохнуть в Узбекистан.

Facebook
Vkontakte
Neutron

Комментарии (4) к «Добавляем кнопку «вКонтакте» в свой блог на WordPress»

  1. :

    Версия 1.0.0.38
    Теперь можно вручную настраивать CSS div’а, который обрамляет кнопку.

  2. :

    Классная кнопка добавил себе на вчера на блог спасибо!

  3. Darren:

    А как сделать зеркальное отображение этой кнопки?

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