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

  • из вашей группы Вконтакте, если она есть;
  • на странице для разработчиков  https  ://vk.com/dev/Poll.


Голосование из группы Вконтакте для сайта Вордпресс

Справа под опросом можно получить код и продублировать его через виджет ТЕКСТ в сайдбаре сайта (или напрямую в файле sidebar.php).

Но ширина сайдбаров различных шаблонов Вордпресс разная, а опрос рассчитан на ширину 300 px. В стандартном виде он встанет в сайдбар криво.


К сожалению, простое уменьшение в коде ширины формы width не сработает.

Нужную ширину формы опроса можно задать через стили css. Вставьте в конец файла простой код, где width - ширина вашего сайдбара.

#vk_poll iframe {width: 175px !important;}
.post-cat
{

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

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

Если группы Вконтакте по теме блога нет, можно получить код голосования конкретно для блога (на вкладке для разработчиков).


Заполните все поля, добавьте, если нужно, варианты ответов и ПОЛУЧИТЕ КОД.

Можете перейти к подробной документации виджета и почитать рекомендации по установке кода на сайт. Сервис рекомендует вставить часть кода в тег <head>. Но это не обязательно, к тому же, скрипт в шапке будет тормозить загрузку сайта. Код отлично работает при обычной вставке в сайдбар.

Как уменьшить ширину формы описано чуть выше. Не откладывайте, пользуйтесь.

P.S. Если вы ведете емайл рассылку, можете использовать опросы в письмах подписчикам. Для создания опросов применяйте Гугл формы.

Метки:

ПОХОЖИЕ СТАТЬИ:

ДРУЗЬЯ, СПАСИБО, ЧТО ПОДЕЛИЛИСЬ СТАТЬЕЙ:

2 отзывов к “Голосование Вконтакте для сайта WordPress

  • Елена:

    Спасибо, совершенно ничего сложного как оказалось нет, установила виджет к себе за пару минут, всё работает прекрасно!

  • Дмитрий:

    Спасибо за подробную информацию,надеюсь,что в будущеем будет информация ещё интересней

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

Ваш e-mail не будет опубликован. Обязательные поля помечены *