Установка комментариев Вконтакте на WordPress

Я думаю многие пользователи согласятся, что стандартные комментарии на WordPress достаточно неудобные. Куда лучше использовать блок комментариев одной из популярных социальных сетей. Это значительно облегчит жизнь посетителям сайта, ведь им не придется регистрироваться на сайте, чтобы оставить свое сообщение.

Так как в наших краях наиболее популярна российская социальная сеть Вконтакте, мы будем использовать именно ее на своих сайтах.

 

Итак, открываем консоль администратора сайта и переходим в раздел добавления нового плагина.

С помощью поисковой строки находим плагин VK Comments и устанавливаем его.

Установка комментариев Вконтакте на WordPress (скриншот 1)

Сразу же активируем и открываем настройки установленного плагина.

Установка комментариев Вконтакте на WordPress (скриншот 3)

Первым делом в параметрах плагина нужно указать ID Приложения.

 

Данное приложение создается на сайте Вконтакте в разделе для разработчиков. Оно хранит необходимые данные для подключения сайта, информацию о сайте и статистику использования.

 

Под строкой для ввода ID приложения нажимаем на ссылку создайте его (приложение).

Установка комментариев Вконтакте на WordPress (скриншот 4)

В новой вкладке браузера откроется страница создания приложения. Заполняем строки:

  • Название: полное название сайта
  • Тип: веб-сайт
  • Адрес сайта: полный адрес с http
  • Базовый домен: адрес сайта без http и www

После чего подключаем свой сайт к социальной сети.

Установка комментариев Вконтакте на WordPress (скриншот 5)

Затем подтверждаем свои действия с помощью одноразового кода из смс-сообщения.

Установка комментариев Вконтакте на WordPress (скриншот 6)

Приложение создано. Позже вы можете добавить описание, привязать группу, загрузить иконку. А пока переходим в раздел настройки и копируем нужный нам ID приложения.

Установка комментариев Вконтакте на WordPress (скриншот 7)

Возвращаемся в консоль разработчика сайта и вставляем ID приложения в соответствующую строку.

 

В пункте отображения комментариев выбираем параметр Ручной способ вывода комментариев. И сохраняем внесенные изменения (кнопка в самом низу).

Установка комментариев Вконтакте на WordPress (скриншот 8)

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

 

Почему ручной способ, а не автоматический? Да потому, что автоматический способ часто не работает, блок комментариев просто не выводится. Лучше немного повозится, но чтобы всегда все работало!

 

Копируем код: <?php function_exists(‘vkComments’) ? vkComments() : » ?>

 

Теперь в консоли разработчика переходим в редактор шаблона (раздел внешний вид — редактор). Убедитесь, что выбрана активная тема. И открываем шаблон отдельной записи (файл single.php).

 

В шаблоне находим строчку с кодом: comments_template(). Этот код отвечает за отображение стандартных комментариев. После закрытия этой функции (после символов ?>) вставляем код комментариев Вконтакте. И сохраняем файл.

Установка комментариев Вконтакте на WordPress (скриншот 9)

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

 

Вот так: <div style=»display:none;»>код стандартных комментариев</div>.

Установка комментариев Вконтакте на WordPress (скриншот 10)

Теперь давайте откроем любую статью на сайте и проверим, как работает плагин.

Установка комментариев Вконтакте на WordPress (скриншот 11)

Работает. Только вот в большинстве случаев ширина блока комментариев отличается от ширины блока статьи. Это не очень красиво. Исправим этот недочет.

 

Возвращаемся к настройкам плагина и вводим нужную вам ширину блока (в пикселях).

Также в качестве ширины можно указать просто 0. Тогда ширина блока комментариев будет автоматически подстраиваться под ширину блока шаблона, в котором он находится.

Установка комментариев Вконтакте на WordPress (скриншот 12)

Должно получится что-то вроде этого:

Установка комментариев Вконтакте на WordPress (скриншот 13)

С основным мы закончили. Но рекомендую еще ознакомится с другими настройками плагина. Здесь доступны такие параметры как, лимит сообщений на странице, запрет определенных медиа-файлов и другое.

Установка комментариев Вконтакте на WordPress (скриншот 14)

Кроме того, доступна настройка уведомлений для администратора о новых комментариях.

Установка комментариев Вконтакте на WordPress (скриншот 15)

Не забывайте сохранять все внесенные изменения. И не забудьте про онлайн-приложение Вконтакте, которое тоже желательно заполнить информацией.