VK-Widget-коментариев

13 Сен Подключение комментариев Вконтакте к Вашему сайту на WordPress

Размещено в 23:08h in php, Wordpress, Бэкенд by

Как Подключить комментарии Вконтакте к сайту?, легко!

Есть два способа, сложный и простой, посмотрим оба:

Первый:

Для подключения виджета комментариев VK к Вашему сайту на WordPress — нужно его сначала сформировать на сайте vk.com в разделе для разработчиков, это здесь.

Далее получаем свой код для вставки на сайт такого вида:

<!-- Put this script tag to the <head> of your page -->
<script type="text/javascript" src="//vk.com/js/api/openapi.js?123"></script>

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

<!-- Put this div tag to the place, where the Comments block will be -->
<div id="vk_comments"></div>
<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, attach: "*"});
</script>

Здесь нам говорят просто скопировать скрипты в шапку сайта и на страницу для инициализации, но мы то знаем, что в WordPress скрипты подключаются немного по другому, а именно через functions.php.

Идем в папку с вашей темой, открываем functions.php и регистрируем наш скрипт, который должен быть в шапке:

// Register VK Widget Script
function vk_widget_reg() {    
  wp_register_script( 'vk_widget_js', '//vk.com/js/api/openapi.js?123', false, true );  
  wp_enqueue_script( 'vk_widget_js' );  
}  
add_action( 'wp_enqueue_scripts', 'vk_widget_reg' );
// Register VK Widget Script

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

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

Дальше за скриптом на страницу размещаем div:

<div id="vk_comments"></div>

Последний скрипт используется для отображения свежих комментариев (5, 10, 15 или 20), его вставляем за divом:

<script type="text/javascript">
VK.Widgets.Comments("vk_comments", {limit: 10, attach: "*"});
</script>

 

Второй способ:

Просто установить плагин VK Comments для WordPress.

После того как вы поставили и активировали плагин, единственное что нужно сделать это зайти в настройки VK Comments:

Screenshot_2

и указать свой ID полученный ранее в поле ID приложения:

Screenshot_3Всё!

Profit!

Поделись, если оказалось полезно :)
Tags:
, , ,
Нет комментариев

Написать