VK Share Button
Плагин для WordPress, добавляющий кнопку для публикации ссылок в социальной сети ВКонтакте.
Настройки плагина позволяют:
- выбрать внешний вид кнопки из семи вариантов, включая настраиваемый свой дизайн на основе html-кода;
- задать расположение кнопки относительно контента: перед статьёй или после неё, слева или справа;
- автоматически формировать описание страницы из начального отрывка контента, которое отображается при публикации в социальной сети;
- вместо автоматического описания можно задать глобальное описание — одинаковое для всех страниц сайта;
- так же возможно использовать описание, заданное в мета-тегах
description; - размещать кнопку в записях, на отдельных страницах, в архивах категорий, меток, авторов и результатах поиска;
- указать страницы, на которых показ кнопки не требуется;
- встраивать в публикуемую заметку логотип сайта, просто указав ссылку на картинку или используя мета-тег
image-src

Так же вы можете использовать код [vk-share-button] для размещения кнопки в любом удобном месте в пределах поста. Учтите, что при наличии нескольких кнопок на странице могут возникнуть проблемы в некоторых шаблонах.
Но в моём вроде бы все ОК. Правда ведь? =)
Для любителей поковыряться в шаблонах есть вариант размещения:
<?php if (class_exists('VKShareButton')) if(!isset($VKShareButton) $VKShareButton = new VKShareButton(); echo $VKShareButton->the_button(); ?>
Плагин доступен на WordPress.org
Часто задаваемые вопросы
Как задать свой дизайн для кнопки?
Выберите тип кнопки «Свой дизайн» и введите html-код в поле «Текст на кнопке».
Как найти ID записи или страницы?
В контрольной панели перейдите на страницу Записи или Страницы. Наведите мышку на любую запись или страницу и посмотрите на ссылку:
.../wp-admin/post.php?post=3&action=edit
Обратите внимание на часть ссылки post=3. Тройка — это и есть ID страницы/записи.
При использовании кода [vk-sharе-button] кнопка выглядит странно. В чем дело?
Дело в CSS темы, управляющей видом ваших страниц. Кнопка ВКонтакта выравнивается при помощи таблицы, поэтому любые правила таблицы стилей, определенные для таблиц, повлияют на вид кнопки — могут появиться пробелы между частями кнопки, обводки вокруг и прочие, обычные для хорошо оформленной таблицы, элементы.
Для того, чтобы побороть этот казус, можно обернуть код в div или span с классом vk-button, определенным в CSS плагина, который в большинстве случаев сделает всё красиво.
<div class="vk-button"> [vk-sharе-button] </div>
–
Задавайте ваши вопросы в комментариях или по средством формы внизу.
Скриншоты
Страница настроек
Варианты кнопок
Страница добавления заметки
Feedback
Кстати, вы можете поблагодарить автора за старания, одновременно поддержать дальнейшую разработку плагина. Кто как умеет, конечно. Устно — пожалуйте в комменты. Материально? Можете воспользоваться следующими реквизитами:
Яндекс.Деньги: 41001198774354; WMR: R214581684777









Отличный плагин. Наконец-то он появился)
Спасибо автору.
Маленькая просьба: подрубить опцию отключения кнопки на определённой странице/записи.
@hordon
Спасибо за отзыв!
Сделаю на первое время поле, в которое можно будет ввести ID страниц и записей, где кнопка не нужна.
@jackyfox
Не за что)
Ещё желательно сделать так, чтобы в конце авто-описания добавлялось либо многоточие, либо что-то вроде «Читать далее». А то на середине слова обрубает.
И/или позволить пользователю редактировать текст описания самостоятельно (было бы совсем замечательно), а авто-описание как болванка шла.
Такие пожелания на будущее для следующих апдейтов)
Однако ещё раз спасибо за плагин. Очень полезный.
@hordon
Идею с многоточием реализую. Посмотрю, можно ли добавить рабочую ссылку на запись вида «читать далее…» в конец текста описания.
Возможность редактировать описание при добавлении заметки пользователю не дается, опять же спасибо ВКонтакту. Только свой комментарий.
Автору блога можно воспользоваться плагином, формирующим теги
<meta name="description" content="Описание страницы" />и вводить свое описание при написании поста. При этом придется разрешить дополнительный API запрос от ВКонтакта и переключить Описание в режим «Без описания».
Примером такого плагина может служить All in One SEO Pack
О. Спасибо!
Версия 1.0.0.31
В режиме авто-описания в конец длинного описания добавляется многоточие.
Можно исключать страницы и записи по ID, на которых вы не хотите видеть кнопку.
Как найти ID?
1. В панели управления блогом заходите в раздел Страницы или Записи.
2. Наводите мышку на название статьи/страницы и смотрите на URL:
post=992, следовательно, ID поста 992.
3. Вводите номер в нужное поле плагина.
есть проблема с плагином, все поставил, вп 2.9.2 , но в настройках плагина при установке описания на «авто» публикует только 3 точки, то есть не видит текст поста! В этом посту у вас текст при публикации отображается, затем 3 точки, а вот в посту другом
http://www.jackyfox.com/2010/05/11/plugin-wordpress-knopka-publikatsii-vkontakte/ – тут если нажать на кнопку, только три точки а теста нет=(((( как вы решили эту проблему?
Хорош плагин, спасибо!
А как на счет вставки кнопочки в любое место шаблона? Возможно ли такое в Вашем плагине?
@gaus
С проблемой знаком. Дело в том, что
substr()иногда возвращает нечитаемый символ в конце строки. На этом символе спотыкаетсяesc_js()и выдает FALSE, который преобразуется в пустую строку. Далее идет проверка длины поста:и если оно есть TRUE, к пустой строке цепляться многоточие, которое в дальнейшем мы видим в описании. Постараюсь придумать что-нибудь для обхода этого бага
@Oleg Mykhailenko
Да, вы можете использовать код:
Но учтите, что этот код следует размещать в пределах стандартного цикла Loop, т.е. между:
Не забывайте про класс стилей
vk-button, в случае раздельного отображения частей кнопок@gaus
Вроде бы пофиксил багу с многоточным описанием в авто-режиме. Обновляйтесь до 1.0.0.35
благодарю, сейчас буду тестировать, о результате отпишусь
@jackyfox
все работает, спасибо!!!!
Но возник вопрос, на других сайтах, где прикручена данная кнопка, длинна текста гораздо больше. Где и как можно убрать ограничение в 350 символов?
@gaus
Спасибо за совет :) В следующей версии сделаю возможность выбирать длину описания в настройках плагина.
Пока же можно самостоятельно изменить в коде целое 350 на желаемую длину:
благодарю, сейчас поищу эту строку
Версия 1.0.0.36
- Настраиваемая длина авто-описания;
- Возможность показывать кнопки на главной странице.
Спасибо большое, все теперь работает и вставляется в шабе, куда надо!))))
спасибо, все ок! автор дай wm кошелек пожертвование на пивко сделаю=)
На здоровье, уважаемые =) Мне и самому нравится, что всё работает.
@gaus
Прошу WMR: R214581684777. Пиво уважаю и заранее благодарю.
@jackyfox
готово=)
В знак благодарности сделал обзор Вашего плагина! :)
В будущих версия хорошо бы реализовать редакцию css прямо в плагинен например как плагине tweetmeme
В поле прописываем теги css для элемента или пользоваться дефолтными настройками.
@gaus
Принято. Благодарю! ;)
@Oleg Mykhailenko
Очень приятно, спасибо Вам!
@volos_86
Отличная идея. Постараюсь выполнить пожелание. :)
Это круто! Я только сегодня написал о том, что нету на главной – и вот, уже есть! Класс! Спасибо!
@jackyfox
было бы супер, а то добиться совместимости с аналогичными кнопками твимими фейсбуком и Вашей, стандартными средствами не вышло а лезть в код не хочется. Очень хочется аналогичную штуку для сети «Мой мир» на мейл.ру думаю на основе этого плагина сделать еще один не составит труда.
Спасибо за плажик.
Вот обзорчик и от меня. ;)
да если бы была возможность, интегрировать мой мир и фейс бук в один плагин то было бы круто
@Сергей Брусенцов, спасибо за высокую оценку моей работы :)
@volos_86, @gaus, вот чего я точно не буду делать, так это замахиваться на повторение монстров-комбайнов вроде Sociable. Ведь каждому захочется добавить в список поддерживаемых свою любимую сеть. Facebook, Мой мир, ВКонтакте, у Яндекса есть какая-то социальная сеть — тысячи их.
Будь я неограничен во времени, тогда, возможно, и взялся бы :)
Лучше я постараюсь сделать внедрение кнопки вконтакта как можно более дружественным и пластичным, чтобы самому придирчивоиу к дизайну пользователю осталось место для маневра.
@extezy, на здоровье! И Вам спасибо за обзор. :)