kk Star Ratings - плагин рейтинга статьи с микроразметкой

Продолжаю серию статей в поддержку #Реалити. Сегодня речь пойдет о плагине рейтинга статьи kk Star Ratings. Его работу можете увидеть в конце этой статьи.

Официальная страница

Увеличить. Пример из Google

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

UPD. Автор плагина выпустил 4-ю версию kk Star Ratings и она полностью отличается от описанной в статье. Если вы все же хотите использовать старую версию, то скачать можно на странице плагина снизу:

Увеличить

Что может kk Star Ratings

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

Обратите внимание, что есть еле заметные вкладки.

Увеличить. Вкладки плагина

Выбираем типы страниц, где выводить рейтинг.

Увеличить. Место вывода рейтинга

Если нужно на специфических страницах, то используем шорткод

[kkstarratings]

Или вставляем через PHP в файлы темы

Если нужно отключить рейтинг на выбранных рубриках (например, Услуги или Новости), то указываем ID-номер этой рубрики. Если несколько, то через запятую.

Увеличить. Исключаем рубрики

А вот так ищем ID рубрики: наводим на название и снизу слева в браузере видим ID

Увеличить. Ищем ID рубрики

Далее:

1. Google Rich Snippets - включаем микроразметку для Google.
2. Unique voting - чтобы голосовал только пользователь один раз с IP
3. Clear line - включаем, чтобы рейтинг был один на строке и к нему сбоку не "присасывались" ваши другие элемены дизайна или функционала.

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

Увеличить

Увеличить

Выбираем место, где выводить звезды (Position):

• Сверху слева
• Сверху справа
• Снизу слева
• Снизу справа

Увеличить

На вкладке "Stars" выбираем можно загрузить свои картинки вместо звезд, а так же выбрать их размер и количество. Очень удобно.

Увеличить. Настройки звезд

Лайфхак от меня

Не совсем удобно, когда рейтинг прижат к краю экрана (слева или справа) в позиции после контента. Давайте их выровняем по центру. Добавляем в CSS:

.kk-star-ratings {display: block; margin: 0 auto !important;; float: none !important;}

Если вы пользователь темы Romb и хотите вывести рейтинг в конце статьи, то не забудьте его отключить сверху, чтобы не было конфликта в микроразметке (по правилам можно только один раз).

Увеличить. Отключаем рейтинг в Romb

Вопросы?