Звездный рейтинг статьи при помощи плагина KK Star Rating

Блог Владимира Шишкова

Как создать, раскрутить и зарабатывать на своем блоге

Работа с блогом

Звездный рейтинг статьи при помощи плагина KK Star Rating

Звездный рейтинг статьи при помощи плагина KK Star Rating
5 (99.23%) 26 голос[ов]

Звездный рейтинг статьи при помощи плагина KK Star Rating

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

Плагин kk Star Ratings

Установим плагин kk Star Ratings и начнем с ним работать. После установки и активации плагина, он появится в боковой панели консоли WordPress (Рис.1).

Настройки плагина kk Star Ratings

Рис. 1

При подведении курсора мыши на kk Star Ratings в боковой панели появляется всплывающее окно с настойками плагина.

Внимание ! Если при создании скриншотов Вы читали мою статью “Топ-5 сервисов для создания скриншотов с экрана ПК”
и пользуетесь программой Clip2Net, то для создания скриншота всплывающего окна, чтобы оно при этом не исчезало, жмите на клавиши   Изображение клавиши с эмблемой Windows + A

Настройки плагина

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

Переводчик Google

Рис. 2

Настройки плагина

 

Рис. 3

После того, как все переведено на русский язык, приступаем к настройке нашего плагина (Рис.3). В первую очередь его нужно включить (п.2). Затем нужно поставить галочки, где Вы хотите, чтобы звезды рейтинга показывались (п.3).

Внимание ! Читайте статьи:
 Ключевые слова в заголовках, терминах и текстах статей
 Плагин POST GRID для вывода постов сеткой на WordPress
 Установка кнопок социальных сетей на блог

Если Вы хотите, чтобы звезды показывались на главной странице или в архиве, то поставьте соответствующие галочки.

Звездный рейтинг в поиске Google

Рейтинг в результатах поиска Google

Рис. 4

Если хотите исключить звездный рейтинг из конкретных категорий, то можете вписать их ID в соответствующее поле (Рис.4-п.1)

Для того, чтобы рейтинг звезд появлялся в поиске Google, то нужно поставить галочку в нужном поле (п.2). Данный пункт очень полезен, если Вы хотите, чтобы в поисковике возле Вашей статьи стояли звезды, что сильно выделяет их от других, тем самым дает большую кликабельность.

Статья со звездами в поиске Google

Рис. 5

Посмотрите (Рис.5), как моя статья со звездами отличается относительно других и при этом установка такого рейтинга бесплатно с помощью данного плагина. К тому же роботы поиска Google, таким статья уделяют в первую очередь именно таким статьям и быстрее их индексируют.

Теперь давайте вернемся на (Рис.4-п.3). При включении галочки “Уникальное голосование”, голосовать можно будет только один раз с одного IP-адреса, что очень важно для реальной статистики рейтинга статьи. Так как теперь читатель с одного ПК не сможет проголосовать дважды.

Легенда рейтинга

Легенда вывода звездного рейтинга

Рис. 6

Для того, чтобы звезды были видны администратору блога, ставьте галочку “Столбец экрана администратора” (Рис. 6-п.1).

Также можно настроить легенду для рейтинга (п.2), где переменные можете взять в (п.3). Если Вы хотите, чтобы звезды показывались в поисковике Google, то нужно обязательно в легенду вставлять переменные [total] и [avg], в противном случае звезда показываться не будут.

В принципе можно за основу взять мою легенду, как показано на (Рис.6-п.2).

Позиция звездного рейтинга

Положение звездного рейтинга на блоге

Рис. 7

Теперь определимся, где наши звезды будут находиться на блоге (Рис.7). Для себя я выбрал позицию “Нижний правый”, т.е. у меня на блоге рейтинг будет стоять в конце каждой статьи справа. Логика здесь проста, когда читатель прочитает статью, то в конце справа увидит рейтинг и сможет проголосовать поставив при этом свою оценку.

Также мы можем отрегулировать “Скорость заправки (в миллисекундах)”, это скорость за которую при нажатии на рейтинг, он будет заполняться. Его можно увеличить и уменьшить по желанию.

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

Вкладка “Звезды”

На вкладке “Звезды” мы можем поработать с количеством и внешним видом звезд.

Количество звезд

Рис. 8

Как мы видим на (Рис.8), стоят 5 звезд, где ширина и высота по 24 px. Соответственно здесь можно задать нужное количество звезд и их размер.

Внешний вид звезд

Изображение звезд

Рис. 9

Можно выбрать внешний вид звезд, как показано на (Рис.9).

Всплывающие подсказки

Всплывающие подсказки

Рис. 10

При наведении на рейтинг звезд, можно включить всплывающие подсказки и цвет шрифта (Рис.10)

Вкладка “Сброс”

Сброс счетчика рейтинга

Рис. 11

На вкладке “Сброс”, можно сбросить счетчик рейтинга, после чего подсчет голосования пойдет с начала.

Вкладка “Помогите”

Вкладка "Помогите"

Рис. 12

На вкладке  “Помогите” можно найти php-код, который можно вставить в файл и соответственно не использовать при этом плагин.

Сохранить

Рис. 13

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

Звездный рейтинг на странице блога

Рис. 14

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

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

Буду рад Вашим вопросам и комментариям.

Успехов Вам!
С уважением Владимир Шишков

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

Звездный рейтинг статьи при помощи плагина KK Star Rating
5 (99.23%) 26 голос[ов]

Работа с блогом

Рекомендую статьи

Добавить комментарий

Войти с помощью: 

Ваш e-mail не будет опубликован.



Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: