Как добавить комментарии от соц-сети Вконтакте на свой сайт?

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

комментария Вконтакте, уроки wordpress

Все делается очень просто и быстро!

Для полной простоты я напишу вам весь алгоритм действий по пунктам.

И так, начнем:

Зайти Вконтакт используя свой логин и пароль

Переходим в самый низ страницы

Нажимаем на ссылку ” разработчикам ” (показано на картинке)

вконтакте, вниз страницы



Вверху справа наживаем на – Подключить сайт:

Увидите вот эту форму:

Заполняем ее, следуя инструкции.
Теперь снова внизу нажимаем на кнопку – Разработчикам:
вконтакте, вниз страницы
Переходим в раздел ” Виджеты сторонним сайтам “(смотреть ниже)

виджеты

Выбираем – ” Комментарии ”

комменты вк



Перед вами форма, которую необходимо заполнить

форма заполнения

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

Теперь давайте обратим внимание на часть формы под названием – ” Код для вставки ” – именно этот код нам и потребуется (советую скопировать его себе в блокнот).

Заходим в панель администратора wordpress, переходим на вкладку Дизайн и нажимаем Редактировать. Далее, справа выбираем файл шаблона под названием header.php, ищем в нем слово <head> и сразу после него вставляем первую часть от кода (всего 3 части):

<script type="text/jav ascript" src="http :/ /use rapi.com/js/api/openapi.js?26"></script>

Здесь же ищем слово <body> и после него вставляем вторую часть кода:

<script type="text/j avascript">
VK.init ({apiId: API_ID, onlyWidgets: true});
</script>

Обновляем шаблон.

Теперь выбираем справа файл шаблона под названием single.php
и находим в нем следующую строку:

<?php the_content ('Читать полностью &ra quo;'); ?>

И сразу после этой строки вставляем третью часть кода:

<div id="vk_com ments"></div>
<script type="text/java script">
VK.Widgets.Comments («vk_comments», {limit: 10, width: «496», attach: «*»});
</script>

Обновляем шаблон.

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

Будьте внимательны, приведенный выше код взят для примера, у вас будет свой код, состоящий из трех частей, который вы возьмете из формы, которую вы заполняли (я посоветовал вам сохранить его в блокнот).

На этом все. Если у вас есть вопросы, то оставляйте их в комментариях, отвечу на все!

Подписывайтесь на обновления и получайте самые свежие уроки wordpress и статьи о продвижении сайта.

С вами был Сергей Оганесян. До новых встреч!

Сегодняшний десерт: видео про гигантский ноутбук от известной фирмы Acer

[youtube]gY4SYknq3Ro[/youtube]


Хостинг, которым я пользуюсь: Good-Host


Похожие статьи

  1. Оля пишет:

    Скажите, у меня нет кнопки “Подключить сайт”, только ” Виджеты сторонним сайтам “, что в этом случае делать ?

    • Теперь подключить сайт можно прямо при настройке виджета, например, выбираете виджет комментариев и в выпадающем списке выбираете – Подключить новый сайт.

  2. Оля пишет:

    и подскажите, где находится вкладка Дизайн ?

Оставить комментарий

Ваш email не будет опубликован. Обязательные поля отмечены *

*

code

Вы можете использовать это HTMLтеги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>