Контакты
  • evgenylebedevv@gmail.com
  • +7 960 255 15 53
  • L.E.V.rus
Создание Сайтов и интернет-магазинов под ключ | Подключение комментариев VK к Вашему сайту на WordPress
Для подключения виджета комментариев VK к Вашему сайту на Wordpress - нужно его сначала сформировать на сайте vk.com в разделе для разработчиков.
Подключение комментариев VK, Wordpress
16518
post-template-default,single,single-post,postid-16518,single-format-standard,ajax_fade,page_not_loaded,,qode-title-hidden,side_area_uncovered_from_content,qode-theme-ver-10.1.1,wpb-js-composer js-comp-ver-4.12,vc_responsive

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

Для подключения виджета комментариев 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>

Profit!

 

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

Написать комментарий