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
- Релиз скрипта.