Урок 11; Добавим виджет Вконтакте

В этом уроке мы узнаем, как добавить на сайт виджет группы Вконтакте. Подробную текстовую инструкцию вы найдете сразу под видеоуроком.


Пример того, как виджет Вконтакте может выглядеть на вашем сайте, вы можете видеть в этом блоге, прямо на этой странице, справа от этого текста.

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

Приступим к установке. Для этого сначала зайдем на свою страницу Вконтакте и в меню слева найдем  пункт “Мои настройки”.

В самом низу страницы ищем маленькую ссылку “Разработчикам”, и идем по ней.

Выбираем раздел  “Авторизация и виджеты для сайтов”.

Ищем на открывшейся странице раздел “Виджеты для сайтов” и проходим по ссылке “Сообщества”.

Отредактируем открывшуюся форму “Подключение виджета к Вашему сайту”. В поле  “Ссылка на страницу”  укажем адрес своей группы:

С помощью следующего меню мы можем поиграть с видом виджета:

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

Далее вы можете задать его размер и пропорции. В зависимости от заданных вами параметров, он может получиться у вас вертикальным (как в примерах выше и в нашей боковой панели), или горизонтальным. Например, вот таким:

Высота и ширина задаются в пикселах. Если вы не очень хорошо представляете, какой длины/ширины виджет вам нужен в пикселах, просто поэкспериментируйте с изменением размеров в полях Ширина и Высота и посмотрите, что получается. Когда внешний вид виджета нас устраивает, скопируем его код из поля «Код для вставки»:

И со скопированным кодом перейдем в админ. панель WordPress.

Перейдем в меню Внешний вид -> Виджеты.

В центральном блоке с доступными виджетами выбираем уже знакомый нам по прошлому уроку виджет “Текст” и перетаскиваем его в боковую панель, в то место, где вы хотите разместить виджет Вконтакте.

Теперь отредактируем его. Изменим заголовок, например,  на “Мы Вконтакте”. В текстовом поле вставляем код, который мы скопировали на сайте Вконтакте.

Нажимаем “Сохранить”.

Перейдем на лицевую часть сайта, чтобы убедиться, что виджет появился!

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

Материалы показанные в данном уроке взяты из свободных источников сети интернет.
Все права на данный контент как мультимедийный так и текстовый принадлежат компании: ООО»СПРИНТХОСТ.РУ».

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