dev

VK — это скрипт, который позволяет использовать несколько виджетов из соцсети ВКонтакте, такие как сообщество (community), опрос (poll), приложение (app), статья (article), подкаст (podcast) и кнопка подписки (subscribe button).

Installation

Usage

<div class="vk-widget" data-widget="тип" параметры></div>

Сообщество

data-id: ID сообщества, которое можно получить из ссылки в фотоальбоме группы: https://vk.com/albums-12345678
data-mode: Режим отображения users (пользователи), feed (лента), basic (по умолчанию)
data-nocover: Выключить обложку сообщества: true, false (по умолчанию)
data-height: Высота виджета в пикселях
data-width: Ширина виджета в пикселях
data-color-bg: Цвет заднего фона в HEX формате
data-color-text: Цвет текста в HEX формате
data-color-button: Цвет кнопки в HEX формате

Syntax: <div class="vk-widget" data-widget="community" data-id="12345678" data-mode="feed" data-nocover="true" data-height="500" data-width="300" data-color-bg="000000" data-color-text="FFFFFF" data-color-button="FF0000"></div>

Опросы

data-id: ID опроса, который можно получить с помощью кнопки "Получить код опроса" в меню по нажатию трёх точек.
VK.Widgets.Poll("vk_poll", {}, "123456789_1abc2345d6ef78ghi9");

Syntax: <div class="vk-widget" data-widget="poll" data-id="123456789_1abc2345d6ef78ghi9"></div>

Подписка

data-id: ID пользователя: https://vk.com/id123456789
data-mode: Варианты отображения: button (по умолчанию), button-soft, link, link-soft

Syntax: <div class="vk-widget" data-widget="subscribe" data-id="123456789" data-mode="link-soft"></div>

Приложение

data-id: ID приложения: https://vk.com/app1234567
data-mode: Варианты отображения: card (по умолчанию), users, button

Syntax: <div class="vk-widget" data-widget="app" data-id="1234567" data-mode="users"></div>

Статья

data-link: Ссылка на статью: https://vk.com/@тег_сообщества-название-статьи

Syntax: <div class="vk-widget" data-widget="article" data-link="@communityname-title-of-the-article"></div>

podcast

data-link: Ссылка на подкаст: https://vk.com/podcast-12345678_987654321

Syntax: <div class="vk-widget" data-widget="podcast" data-link="-12345678_987654321"></div>

Список изменений

11 марта 2020
Релиз скрипта.