28Мар

Общая и тонкая настройка плагина WP-PostRatings

Плагин WP-PostRatings — WordPress плагин для вывода на страницах сайта или блога рейтинга материала в формате небольших картинок с функционалом оценки.

В данной статье я познакомлю вас с данным плагином, его общей и «тонкой» настройкой функционала, а так же предложу на ваше рассмотрение некоторое количество картинок для рейтинга (Ratings Image). Но всё по порядку!

Установка плагина WP-PostRatings не составит труда даже для самого неопытного блоггера. Так как данный плагин содержится в официальной WorpPress базе, устанавливать его можно через админ-панель вашего блога. Достаточно во вкладке «Плагины» — «Добавить новый» набрать в поиске название плагина и загрузить нужный.

Для вывода плагина на страницах вашего блога необходимо добавить код:

<?php if(function_exists('the_ratings')) { the_ratings(); } ?>

для файлов php формата, либо же шорткод для вывода на любой странице в текстовом поле [ratings id=""]
id="" — id вашей статьи.

Общая настройка плагина WP-PostRatings

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

Manage Ratings — данная вкладка содержит в себе логи рейтинга всех ваших страниц и отдельной в частности. К сожалению, плагин не предполагает выгрузки данной статистики в какой-либо формат, что пригодилось бы для отчётности перед клиентами многим seo-шникам, но то, что статистика есть, уже хорошо.

Ratings Options — более полезная вкладка. На данной страничке вы сможете выбрать подходящие вашему дизайну оформление рейтинга (Ratings Image), выбрать максимальное значение оценки (Max Ratings) — оптимальными считаются значения «5» или «10», а так же указать поисковым системам на то, что ваш блог имеет специальную микроразметку http://schema.org/AggregateRating, с помощью которой Google отображает рейтинг звездочек в сниппете выдачи.

Поле Rating Text я оставил пустым, в Rating Value указываем число равное количеству звёздочек. Так и только так, данные цифры уходят в код вывода рейтинга, не создавайте путаницу в микроразметке, иначе могут возникнуть проблемы со сниппетом!

Вывод сопровождающего рейтинг текста (Show Loading Image With Text) и плавных появления (Show Fading In And Fading Out Of Ratings) и я убрал, считаю его не целесообразным для формата рейтинга, выбранного мной!

Who Is Allowed To Rate? — выбираем на ваше усмотрение. Рекомендую установить Registered Users And Guests, это даст возможность оценивать ваш материал всем пользователям, как зарегистрированным, так и простым читателям!

Ratings Logging Method — выставляем «Logged By Cookie And IP» — это не позволит голосовать одну и тому же пользователю несколько раз!
Ratings Templates — в данной вкладке можно настроить вывод в html отображение рейтинга и сопроводительных подсказок тестового содержания. Меняем содержание первого (Ratings Vote Text) и четвёртого (Ratings None) полей:

%RATINGS_IMAGES_VOTE% (%RATINGS_USERS% votes, average: %RATINGS_AVERAGE% out of %RATINGS_MAX%) %RATINGS_TEXT%

на:

%RATINGS_IMAGES_VOTE% (%RATINGS_USERS% голосов, оценка: %RATINGS_AVERAGE% из %RATINGS_MAX%) %RATINGS_TEXT%

%RATINGS_IMAGES_VOTE% (No Ratings Yet) %RATINGS_TEXT%

на:

%RATINGS_IMAGES_VOTE% (Проголосуй первым!) %RATINGS_TEXT%

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

%RATINGS_IMAGES_VOTE%

На этом можно было бы и закончить статью, ведь общих настроек вполне достаточно для полноценной работы плагина WP-PostRatings. Плагин отлично работает, поисковики прекрасно понимают встроенную микроразметку кода, Google отображает рейтинг звёздочек в сниппете. Но «любопытной Варваре…», я безусловно и как всегда полез в код данного плагина, дабы осуществить более тонкую настройку. Ну и как всегда кое-что изменил под себя. Данные изменения сказались на скорости загрузки сайта, формировании микроразметки и визуализации плагина!

Тонкая настройка плагина WP-PostRatings

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

Увеличиваем скорость загрузки сайта

Плагин WP-PostRatings использует ajax технологии, как следствие подключает библиотеку с сервера Google. Проблема в том, что данная библиотека подвешивает в <head> вашего блога js файл. А рекомендации того же Google гласят, что все js файлы следуют размещать в конце кода для ускорения отображения основного контента. Действуем строго по инструкции:

на хостинге находим нужный нам файл, путь: /wp-content/plugins/wp-postratings/wp-postratings.php
либо же в админке вашего блога: Плагины — Установленные — WP-PostRatings (Изменить) — wp-postratings/wp-postratings.php
находим такой код и удаляем его полностью:

### Function: Print Out jQuery Script At The Top
add_action('wp_head', 'ratings_javascripts_header');
function ratings_javascripts_header() {
wp_print_scripts('jquery');
}

От js в шапке мы избавились, но теперь его нужно подключить на страницах, где выводится плагин WP-PostRatings. В моём случае — это статьи, а следовательно изменения мы будем вносить в файл «single.php». Место нахождения: Админка сайта — Внешний вид — Редактор — single.php (правая боковая колонка).

В конец кода перед <?php get_footer(); ?> вставляем:

Готово! Google больше не ругается на нас за js-ки в шапке.

Правим микроразметку плагина WP-PostRatings

Плагин WP-PostRatings имеет встроенную микроразметку http://schema.org/AggregateRating, но вот незадача, кроме микроразметки рейтинга плагин дополнительно подключает микроразметку itmtype=»http://schema.org/Article», а я на своём блоге уже внедрил микроразметку для статей. Для начала , если видим такую ситуацию:

То действуем строго по инструкции:
В том же файле — wp-postratings.php, как его найти, я описал выше, находим строчки:

$itemtype = apply_filters('wp_postratings_schema_itemtype', 'itemscope itemtype="http://schema.org/Article"');

Удаляем их! Всё, микроразметка стала более логичной и не дублирует элементы.

Создаём визуализацию на блоге

Я заметил, что большинство тех, кто пользуется плагином, используют стандарные картинки рейтинга. Самым популярным вариантом Ratings Image оказался stars_crystal — маленькие неприметные звёздочки. И данные изображения не всегда идеально вписываются в общий дизайн блога. Как следствие, появляется желание их заметить. Хранятся данные изображения всё в той же директории плагина на хостинге, только в папке images (/wp-content/plugins/wp-postratings/images). Для замены стандартных звёзд удаляем содержимое папки stars_crystal (я так же изначально использовал её) и заливаем новые изображения, но с такими же названиями и форматом. И вот что имеет, вместо маленьких и унылых, свои собственные уникальные и подходящие дизайну!

Осталось только выяснить, где их взять? Моя попытка найти в интернете хорошую подборку картинок звёзд, смайликов, плюсов и так далее не увенчалась успехом. Поэтому я решил создать свою собственную подборку, и в этом предлагаю поучаствовать своим читателям! Я совершенно бесплатно, без каких-либо обязательств и безвозмездно нарисую каждому желающему свои персональные звёзды, сердечки или смайлики. Всё, что сможет выдумать ваша фантазия!

А готовые работы буду собирать у себя на блоге в отдельном файле, который можно будет скачать всем желающим!