Как сделать рейтинг на сайте в виде звезд для статьи?

Здравствуйте, уважаемые посетители и гости блога! Сегодня расскажу вам, как сделать рейтинг на сайте для статей в постах при помощи плагина и без него.

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

Ну теперь давайте приступим непосредственно к реализации нашего сегодняшнего задания, а именно: Как сделать рейтинг на сайте.

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

Как сделать рейтинг на сайте при помощи плагина?

Как я уже сказал выше, есть множество плагинов для создания рейтинга на сайте, но не все плагины хороши для этого. Потому, что некоторые плагины очень сильно грузят базу данных сайта и этим тормозят скорость загрузки сайта. Мы с вами рассмотрим самый, на мой взгляд, лучший и подходящий, он к стати и у меня на блоге установлен, это плагин WP-PostRatings .

Давайте начнем и узнаем, как сделать рейтинг на сайте при помощи плагина WP-PostRatings.

Установка и активация данного плагина проводится в штатном режиме и я думаю останавливаться на этом нет смысла. Ну а для тех кому интересно или они просто не знают как устанавливать и активировать плагины на wordpress я рекомендую посмотреть мой предыдущий материал по работе с плагинами на wordpress вот здесь .

Теперь, когда у нас плагин WP-PostRatings установлен и активирован нам нужно его правильно настроить, чтобы звездный рейтинг статей сайта красиво и правильно отображался. Для этого переходим в настройки плагина WP-PostRatings :

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

Manage Ratings. Во вкладке этой настройки плагина WP-PostRatings отображается вся статистика поставленных оценок вашим материалам на сайте.

Manage Ratings

Ratings Options. В этой вкладке настроек плагина WP-PostRatings Вы сможете выбрать для себя наиболее подходящий для вашего сайта виджет отображения рейтинга статей начиная от простых квадратиков и заканчивая цифрами. смотрим картинку:

Post Ratings Options

Ниже в настройках Rating Image нужно перевести на русский язык выбранные вами оценочные символы, у меня это звезды:

Rating Image

Еще ниже в настройках Ratings AJAX Style Вы сможете выбрать для себя приемлемый стиль отображения виджета рейтинга. В любом переводчике переведите текст настроек и узнаете что и как. Смотрим картинку:

Ratings AJAX Style

Не забудьте в конце все настройки сохранить!

Следующая вкладка настроек плагина WP-PostRatings Rating Templates. Здесь вам также нужно будет перевести на русский некоторые английские символы, чтобы у Вас на сайте отображался рейтинг на русском языке. Ничего сложного, думаю Вы разберетесь без проблем. Примером послужит картинка. Ну а если у Вас возникнут проблемы, пишите мне в комментариях к статье и я вам помогу!

Ratings Templates

Еще один нюанс. Чтобы звездный рейтинг отображался у Вас на блоге в нужном месте, вам нужно скопировать вот этот код:

И вставить в то место, где Вы хотите, чтобы выводился звездный рейтинг статей. У меня это в конце поста и я его вставил в файле single. php. Вот и все, что нужно было для того, чтобы узнать как сделать рейтинг на сайте при помощи плагина WP-PostRatings.

Как сделать рейтинг на сайте при помощи скрипта?

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

После того, как Вы скачаете скрипт и распакуете zip файл. В нем будут содержаться вот такие файлы ( functions. php , footer. php , single. php , style. css ) и папка ratings. Все это содержимое нужно раскидать по нужным местам сайта на нашем хостинге. Вот давайте этим и займемся.

Папку ratings заливаем на хостинг в папку с нашей активной темой. А из оставшихся файлов копируем код, предварительно открыв их по очереди в текстовом редакторе, например Notepad++ и переносим на хостинг в одноименные файлы нашей темы. Все довольно просто.

Если у Вас возникнут трудности, пишите в комментариях к статье свои вопросы и я на них отвечу!

Обязательно в файле footer. php нужно подключить вот этот код:

Это библиотека скриптов jquery. min. js и скрипт rating. js. Но сначала Вы должны убедиться, что у Вас уже не подключена библиотека jquery. min. js. Поищите в своих файлах темы подобный скрипт и если его нет, то тогда подключайте смело. А если Вы его найдете, то подключайте только скрипт rating. js. Ничего сложного. После всех манипуляций, если у Вас не появился звездный рейтинг, вам нужно почистить кеш сайта и перезагрузить страницу и все появится. Ну вот и все, что я хотел сегодня вам рассказать.

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