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


Здравствуйте дорогие читатели, в сегодняшней статье я подробно расскажу вам о том, как же добавить форму с комментариями от социальной сети Вконтакте к себе на сайт. комментария Вконтакте, уроки 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 и статьи о продвижении сайта. С вами был Сергей Оганесян. До новых встреч!


Раздел: Разработка сайтов

Дата последнего изменения: 2011-11-03 22:19:22

Просмотров: 11385

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

* Комментарий: (отменить ответ)

* Ваше имя:

Ваш e-mail:

*