>
Главная » WordPress » Как установить виджет группы ВКонтакте для WordPress сайта
    РейтингРейтингРейтингРейтингРейтинг

Как установить виджет группы ВКонтакте для WordPress сайта

Социальные сети – это второй по доступности источник трафика для сайта после поисковых систем, и третий по эффективности. 

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

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

1. Найдите пункт «Авторизация и виджеты для сайта» ;

2. Щёлкаем «Сообщество» https://new.vk.com/dev/Community  и настраиваем отображение;

3. Укажите ссылку на свою группу или паблик, так как она отображается в адресной строке;

4. Выберите формат отображения: Участники, новости, только название (рекомендуем вариант «Участники», как более распространённый среди блогов и большинства крупных сайтов);

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

Далее,  копируем полученный код, который и предстоит поместить на сайте.

Первую часть кода вставляем после открывающегося тега <body>, который находится в файле «footer.php» тем WordPress. Вторую часть копируем в «Sidebar» в разделе «Внешний вид» - «Виджеты», помещая в стандартный текстовый блок. После нажатия кнопки «Сохранить» можно проверить отображение «Виджета Сообщества» на сайте.

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

1). Чтобы установить код виджета группы на WordPress сайт, вам нужно зайти в админ-панель во вкладку «Виджеты» («Внешний вид» => «Виджеты»):

2). Перетащите виджет «Текст (Произвольный текст или HTML-код)»на рабочую зону, то есть в колонку справа:

3).  Заполните виджет:

--> «Заголовок» - назовите группу, например, «Наша группа ВКонтакте»;
--> В следующем поле вставьте код, который вы скопировали на сайте ВКонтакте из поля «Код для вставки».

4). Жмите кнопку «Сохранить»:

 

css template

Не забывайте написать ваш комментарий, понравилась ли статья. От вас пару слов, а мне — признание поисковых систем, что пишу нормальные человеческий статьи. Заранее спасибо вам!