Создание VK виджета

[AroundMyMinds]

aleks123123123123 добавил(а) новый ресурс:

Создание VK виджета - Данный виджет поможет вам осуществить связь прямо через форум в ваше сообщество VK

1.Переходим в /admin.php?widgets/

2. Создаем новый HTML виджет:

Указываем отображение виджета: "Список разделов (боковая панель)"

Листаем в самый низ и включаем "Расширенный режим"

Переходим на сайт VK for Developers:

У Вас недостаточно прав для просмотра ссылок. Вход или Регистрация

Вставляем ссылку на ваше сообщество и копируем код.

3. Вставляем код который мы скопировали в Шаблон нашего виджета

Сохраняем.

Получаем виджет с возможностью подписки на ваше сообщество...

Узнать больше об этом ресурсе...

 

[Skaiman]

Для первого лучше так:

<div class="block vkgroups-widget"{{ widget_data($widget) }}>
    <div class="block-container">
        <h3 class="block-minorHeader">{{ $xf.language.language_code == 'ru-RU' ? 'Мы ВКонтакте' : 'We are VKontakte' }}</h3>
        <div class="block-body block-row">
            <xf:js type="text/javascript" src="https://vk.com/js/api/openapi.js?169" />
            <div id="vk_groups"></div>
            <xf:js>
                VK.Widgets.Group("vk_groups", {
                    mode:     3,         // режим отображения. Возможные значения: 3 — отображать участников сообщества. 1 — отображать только название сообщества. 4 — отображать стену сообщества.
                    width:    'auto',    // ширина блока в пикселах. Минимальное значение: 120. При значении "auto" подстраивается под ширину родительского блока.
                    no_cover: 0,         // отображение обложки сообщества. 1 — не отображать, 0 — отображать (по умолчанию).
                    color1:   'ffffff',  // цвет фона виджета в формате RRGGBB.
                    color2:   '000000',  // цвет текста в формате RRGGBB.
                    color3:   '6DABF1'   // цвет кнопок в формате RRGGBB.
                },
                    166562603);          // идентификатор сообщества. Указывается без знака «минус».
            </xf:js>          
        </div>
    </div>
</div>

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

 

[AroundMyMinds]

В любом случае, все работает.

 

[Skaiman]

В любом случае, все работает.

Если ты создаешь ресурс, что бы поделиться чем то с другими, то подход такой, типа все работает и ладно, не пойдет, пусть все работает и ладно на твоем форуме, но не надо так делать для других :) Я не сказал, что не работает, просто дал совет по коду и что бы виджет отображался нормально.

 

[AroundMyMinds]

Учту.