star

Добавляем рейтинги статей с помощью плагина WordPress kk Star Ratings

Nikel, 08.12.2013

Недавно мне потребовалось установить плагин рейтинга на один из сайтов, чтобы посетители могли голосовать за статьи. Несмотря а то, что мой ресурс был создан на очень популярном движке  Wordpress, к своему удивлению не нашла ничего подходящего среди наиболее популярных дополнений. GD Star Rating оказался чересчур громоздким, с массой настроек и в целом не отвечал поставленной задаче: найти простое и удобное расширение с небольшим количеством настроек. После углубленных поисков в официальном репозитории плагинов WordPress, мои усилия наконец-то были вознаграждены. Достойным показал себя плагин kkStarRating. Будучи практически неизвестным в Рунете, этот плагин имеет десятки тысяч скачиваний и 4 звезды. После  установки и активации расширение добавляет подпункт kkStarRating в раздел Параметры.

  1. Настройки kkStarRatings состоят из нескольких вкладок: Установки, Звезды, Подсказки, Сброс.Settings(установки) — первая вкладка, содержащая все основные параметры. Тут все предельно понятно.

Первый пункт (Enable/Disable)просто включает-выключает само голосование.

Screenshot_4Screenshot_5

Следующий (Placement) — ответственен за размещение рейтинга: где конкретно вы хотите его видеть — на главной странице (Show on Home Page) или в самих постах (Show in Posts), на статических страницах (Show in Pages) или в архивах.

Exclude following category(s) позволяет вам исключить ненужные категории, соответствующие им id вы можете перечислить в текстовом поле ниже (через запятую). Google Rich Snippets — используйте этот пункт, если вы хотите, чтобы Google индексировал рейтинги и показывал их в результатах поиска. Unique voting (Уникальное голосование) — включить подсчет уникальных голосов на основе IP. Clear line — отменяет обтекание рейтинга текстом (класс рейтинга со свойством float:left), таким образом при выборе пункта звездочки будут располагаться в отдельной строке . Screenshot_6

Legend — показывает как вы хотите, чтобы показывалась надпись рейтинга (это регулируется с помощью текстового поля слева, куда вы вписываете одно или несколько ключевых слов в квадратных скобках. Существуют такие варианты:

  • [total] — общий рейтинг. Отображает общее число голосов, чтобы надпись выводилась на русском не забудьте заменить слово votes в текстовом поле.
  • [avg] — среднее. Отображается в таком примерно виде 3.5/5 (средняя оценка 3.5 из 5).
  • [per] — проценты. Оценка в процентном отношении от 100% возможных.

[total] и [avg] обязательно для Google Rich Snippet.

Screenshot_9

Position — расположение на странице, причем рейтинг добавляется автоматически, нужно лишь выбрать один из нескольких вариантов (Top Left — слева вверху, Top Right — справа внизу, Bottom Left — слева внизу, Bottom Right — справа внизу).  Такая автоматическая вставка звездочек может быть очень не удобной и ломать структуру вашей страницы, поэтому рекомендую воспользоваться другим способом, представленным разработчиками. Вставить в файл  вашей темы (к примеру, single.php) такой код  в подходящем месте:

Имейте в виду, что теперь нужно отключить автоматическую вставку рейтинга, иначе он будет дублироваться. Просто отключите все галочки в разделе Placement (они заменятся на красные крестики).
Speed of fueling — скорость загорания звездочек при наведении  в миллисекундах, есть возможность задать произвольное число.

Screenshot_8

Screenshot_7

Initial text — текст,  который будет отображаться, когда посетители еще не поставили оценок. Thank you message — следующее текстовое поле, в котором можно указать текст, который появится после голосования пользователя. Error message — поле, для указания текста, который отобразится после возникновения какой-нибудь ошибки.   Раздел Звезды — Stars определяет параметры для отображаемых звезд: можно задать их количество (Amount of stars) в виде числа, размеры (Width of single star, Height of single star) — ширину и высоту в пикселах (размеры должны быть одинаковы для всех звездочек), кроме того указать картинки для неактивной звезды, звезды появляющиеся после голосования и звезды появляющейся при наведении мыши. Screenshot_10Screenshot_11

По умолчанию это серая, желтая и оранжевая соответственно. Вкладка Tooltips позволяет задавать подсказки при наведении мыши, для каждой звездочки имеется возможность указать свою подсказку и цвет текста. Первый пункт (Enable Tooltips) позволяет комплексно отключить «режим» подсказок.

Последняя вкладка «Сброс» не слишком функциональна и служит только лишь для обнуления рейтингов.

Screenshot_12

Здесь перечислены еще не все возможности. Плюс ко всему плагин добавляет возможность вставки рейтинга  в отдельную статью, что делает его еще более гибким. (с помощью тега  kkstarratings в квадратных скобках)В админке на панель инструментов визуального редактора с этой целью добавляется новая кнопка со звездочкой, при наведении на которую мыши появляется подсказка Insert Star Ratings, а при нажатии вставляется тег kkstarratings в квадратных скобках . Вот как это выглядит:

рейтинг kkStarRatings

 

На этом все, спасибо за внимание. Свои мысли излагайте в комментариях.

10 комментариев


    • Александр
      Cancel Replay
    • Август 15, 2014

    А если я хочу вывести среднюю оценку где-то в другом месте страницы, то как мне это сделать, не подскажите?

      • Nikel
        Cancel Replay
      • Ноябрь 6, 2014

      1. Вставить вышеприведенный php код в соответствующий файл вашей темы, отвечающий за страницу или запись (например через Вордпресс - в админке Внешний вид - Редактор) в нужном вам месте 2.Если нужно вставить рейтинг прям в середине статьи, указать в тексте шорт-код [kkstarratings] 3.Не забыть отключить разделе Placement в плагине, чтобы звездочки не дублировались

    • Сёма
      Cancel Replay
    • Август 28, 2014

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

      • Nikel
        Cancel Replay
      • Ноябрь 6, 2014

      Я всегда все проверяю. Скорее всего дело в обновлении Вордпресс, т.к. в 3 все работало. В конце концов написать [kkstarratings] вручную не так сложно

    • Сергей
      Cancel Replay
    • Август 28, 2014

    Отличная статья. Просидел в интернете пол дня, пытаясь найти простой плагин рейтинга. Одни очень сложные, другие не корректно работают. Правда у меня почему-то здесь тоже не вставляется шорт-код в визуальном редакторе с помощью звездочки, но напрямую в тексте все OK! Спасибо огромное :)

      • Nikel
        Cancel Replay
      • Ноябрь 6, 2014

      Рада была помочь

    • Hope
      Cancel Replay
    • Май 16, 2015

    Здравствуйте. А есть плагин для оценивания фото?

      • Nikel
        Cancel Replay
      • Май 23, 2015

      Я такого не знаю, к сожалению

    • Юрий
      Cancel Replay
    • Декабрь 19, 2015

    Вечер добрый или ночи! Подскажите , а как ,чтобы оценка происходила только при отправке комментария

    • Василий
      Cancel Replay
    • Ноябрь 26, 2016

    Подскажите, а как мне реализовать одновременную вставку нескольких рейтингов на одной странице. Мне нужны рейтинги для отзывов, а их на одной странице много. Проблема в том что они вставляются, но работают как один. Если один лайкнул, другие тоже лайкаются. http://joxi.ru/zANjv3WcnPKgA9 вот скриншот