VK Share Button

Плагин для WordPress, добавляющий кнопку для публикации ссылок в социальной сети ВКонтакте.

Настройки плагина позволяют:

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

Download

Так же вы можете использовать код [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

Your Name (required)

Your Email (required)

Subject

Your Message

You can upload some file for me. Translations of plugin, for example

Type captcha to the next field, please

Кстати, вы можете поблагодарить автора за старания, одновременно поддержать дальнейшую разработку плагина. Кто как умеет, конечно. Устно — пожалуйте в комменты. Материально? Можете воспользоваться следующими реквизитами:


Яндекс.Деньги: 41001198774354; WMR: R214581684777

 

Оказалось полезным? Покажите друзьям:
  • Добавить ВКонтакте заметку об этой странице
  • Одноклассники
  • Мой Мир
  • Facebook
  • Twitter
  • LiveJournal
  • Блог Li.ру
  • В закладки Google
  • Blogger
  • Google Buzz
  • Яндекс.Закладки
  • Блог Я.ру
  1. hordon
    13 Май 2010 в 08:13 | #1

    Отличный плагин. Наконец-то он появился)

    Спасибо автору.

    Маленькая просьба: подрубить опцию отключения кнопки на определённой странице/записи.

  2. 13 Май 2010 в 08:53 | #2

    @hordon
    Спасибо за отзыв!
    Сделаю на первое время поле, в которое можно будет ввести ID страниц и записей, где кнопка не нужна.

  3. hordon
    13 Май 2010 в 09:44 | #3

    @jackyfox

    Не за что)

    Ещё желательно сделать так, чтобы в конце авто-описания добавлялось либо многоточие, либо что-то вроде «Читать далее». А то на середине слова обрубает.

    И/или позволить пользователю редактировать текст описания самостоятельно (было бы совсем замечательно), а авто-описание как болванка шла.

    Такие пожелания на будущее для следующих апдейтов)

    Однако ещё раз спасибо за плагин. Очень полезный.

  4. 13 Май 2010 в 10:25 | #4

    @hordon
    Идею с многоточием реализую. Посмотрю, можно ли добавить рабочую ссылку на запись вида «читать далее…» в конец текста описания.

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

    Автору блога можно воспользоваться плагином, формирующим теги

    <meta name="description" content="Описание страницы" />

    и вводить свое описание при написании поста. При этом придется разрешить дополнительный API запрос от ВКонтакта и переключить Описание в режим «Без описания».

    Примером такого плагина может служить All in One SEO Pack

  5. hordon
    13 Май 2010 в 12:07 | #5

    О. Спасибо!

  6. 14 Май 2010 в 10:14 | #6

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

    Как найти ID?
    1. В панели управления блогом заходите в раздел Страницы или Записи.
    2. Наводите мышку на название статьи/страницы и смотрите на URL:

    .../wp-admin/post.php?action=edit&post=992

    post=992, следовательно, ID поста 992.
    3. Вводите номер в нужное поле плагина.

  7. gaus
    17 Май 2010 в 15:18 | #7

    есть проблема с плагином, все поставил, вп 2.9.2 , но в настройках плагина при установке описания на «авто» публикует только 3 точки, то есть не видит текст поста! В этом посту у вас текст при публикации отображается, затем 3 точки, а вот в посту другом
    http://www.jackyfox.com/2010/05/11/plugin-wordpress-knopka-publikatsii-vkontakte/ – тут если нажать на кнопку, только три точки а теста нет=(((( как вы решили эту проблему?

  8. 17 Май 2010 в 18:09 | #8

    Хорош плагин, спасибо!
    А как на счет вставки кнопочки в любое место шаблона? Возможно ли такое в Вашем плагине?

  9. 17 Май 2010 в 22:44 | #9

    @gaus
    С проблемой знаком. Дело в том, что substr() иногда возвращает нечитаемый символ в конце строки. На этом символе спотыкается esc_js() и выдает FALSE, который преобразуется в пустую строку. Далее идет проверка длины поста:

    strlen($post->post_content) > 350

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

    @Oleg Mykhailenko
    Да, вы можете использовать код:

    <?php if (class_exists('VKShareButton'))
              echo $VKShareButton->the_button() ?>

    Но учтите, что этот код следует размещать в пределах стандартного цикла Loop, т.е. между:

    <?php while (have_posts()) : the_post(); ?>
    /* ... */
    <?php endwhile; ?>

    Не забывайте про класс стилей vk-button, в случае раздельного отображения частей кнопок

  10. 18 Май 2010 в 02:59 | #10

    @gaus
    Вроде бы пофиксил багу с многоточным описанием в авто-режиме. Обновляйтесь до 1.0.0.35

  11. gaus
    18 Май 2010 в 09:20 | #11

    благодарю, сейчас буду тестировать, о результате отпишусь

  12. gaus
    18 Май 2010 в 09:27 | #12

    @jackyfox
    все работает, спасибо!!!!
    Но возник вопрос, на других сайтах, где прикручена данная кнопка, длинна текста гораздо больше. Где и как можно убрать ограничение в 350 символов?

  13. 18 Май 2010 в 09:38 | #13

    @gaus
    Спасибо за совет :) В следующей версии сделаю возможность выбирать длину описания в настройках плагина.
    Пока же можно самостоятельно изменить в коде целое 350 на желаемую длину:

    function the_button() { 
    //...
      switch (<...>)
        case 'auto':
          $temp = substr(<...>, 0, 350);
  14. gaus
    18 Май 2010 в 09:47 | #14

    благодарю, сейчас поищу эту строку

  15. 18 Май 2010 в 11:23 | #15

    Версия 1.0.0.36
    - Настраиваемая длина авто-описания;
    - Возможность показывать кнопки на главной странице.

  16. 18 Май 2010 в 15:20 | #16

    Спасибо большое, все теперь работает и вставляется в шабе, куда надо!))))

  17. gaus
    18 Май 2010 в 16:10 | #17

    спасибо, все ок! автор дай wm кошелек пожертвование на пивко сделаю=)

  18. 18 Май 2010 в 16:56 | #18

    На здоровье, уважаемые =) Мне и самому нравится, что всё работает.

    @gaus
    Прошу WMR: R214581684777. Пиво уважаю и заранее благодарю.

  19. 18 Май 2010 в 19:18 | #19

    @jackyfox
    готово=)

  20. 19 Май 2010 в 14:12 | #20

    В знак благодарности сделал обзор Вашего плагина! :)

  21. 19 Май 2010 в 22:28 | #21

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

  22. 19 Май 2010 в 23:51 | #22

    @gaus
    Принято. Благодарю! ;)

    @Oleg Mykhailenko
    Очень приятно, спасибо Вам!

    @volos_86
    Отличная идея. Постараюсь выполнить пожелание. :)

  23. 20 Май 2010 в 00:46 | #23

    Это круто! Я только сегодня написал о том, что нету на главной – и вот, уже есть! Класс! Спасибо!

  24. 20 Май 2010 в 03:21 | #24

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

  25. 20 Май 2010 в 09:01 | #25

    Спасибо за плажик.
    Вот обзорчик и от меня. ;)

  26. gaus
    20 Май 2010 в 09:38 | #26

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

  27. 20 Май 2010 в 13:18 | #27

    @Сергей Брусенцов, спасибо за высокую оценку моей работы :)

    @volos_86, @gaus, вот чего я точно не буду делать, так это замахиваться на повторение монстров-комбайнов вроде Sociable. Ведь каждому захочется добавить в список поддерживаемых свою любимую сеть. Facebook, Мой мир, ВКонтакте, у Яндекса есть какая-то социальная сеть — тысячи их.
    Будь я неограничен во времени, тогда, возможно, и взялся бы :)
    Лучше я постараюсь сделать внедрение кнопки вконтакта как можно более дружественным и пластичным, чтобы самому придирчивоиу к дизайну пользователю осталось место для маневра.

    @extezy, на здоровье! И Вам спасибо за обзор. :)

Страницы комментариев
1 2 3 ... 5 950

Подписаться, не оставляя комментариев