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

Просмотры и рейтинги

Для того, чтобы установить количество просмотров и рейтингов на главной странице, используются два плагина Post Views Counter (количество просмотров) и kk Star Ratings (звездный рейтинг).

Об одном из них я уже подробно останавливался в своей статье: “Звездный рейтинг статьи при помощи плагина kk Star Rating“. В которой, рассказывал, как с помощью него устанавливать звездный рейтинг для своих статей.

Здесь же мы остановимся на плагине Post Views Counter, который используется для установки количества просмотров статей. А затем установим их на главную страницу блога.

Обычно просмотры и рейтинги ставят в конце каждой статьи и это логично. Читатель прочитал статью и после этого может поставить ей оценку в виде звезд. Но чтобы, привлечь его внимание можно использовать просмотры и рейтинги на главной странице.

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

Читайте статьи: • Вывод популярных статей плагином WP Popular Posts • Как вставить цитату и красиво ее оформить в WordPress • Транслитерация ссылок статей плагином WP Translitera

Ну, давайте приступим. Для начала установим плагин Post Views Counter, который будет нам показывать количество просмотров.

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

Рис. 1

После того, как мы установили и активировали плагин, заходим в его настройки Плагины > Settings (Рис.1-п.2).

Переводчик на русский язык

Рис. 2

Так как плагин на английском языке, то переведем его на русский, нажав правой кнопкой мыши и выбрав пункт “Перевести на русский” (Рис.2-п.1).

Вкладка “Общий”

Рис. 3

Во вкладке “Общий” (Рис.3-п.1), настраиваем наш плагин. Здесь мы видим:

1. Количество типов сообщений (п.2)
2. Режим счетчика (выбираем метод сбора данных, обычно это PHP) (п.3)
3. Колонка просмотров сообщений (п.4)
4. Ограничить редактировать (нужен в том случае, если посты на блоге пишут разные авторы и разрешить редактировать посты возможно будет только администраторам) (п.4)

Интервал подсчета

Рис. 4

Далее видим (Рис.4):

1. Интервал подсчета (интервал подсчета просмотров, для одного и того же пользователя) (п.1)
2. Сбросить интервал данных (сбрасывает данные просмотров через указанное время) (п.2)
3. Интервал очистки кеша объектов (интервал сбрасывания данных просмотров из кеша в базу данных) (п.3)

Исключить посетителей

Рис. 5

Смотрим далее (Рис.5):

1. Исключить посетителей (скрывает счетчик просмотров для отмеченного типа посетителей) (п.1)
2. Исключить IP-адреса (IP-адреса, которые будут исключены из подсчета просмотров) (п.2)
3. Строгий счет (не пропускает интервал между подсчетами просмотров) (п.2)

Инструменты

Рис. 6

Следующие пункты (Рис.6):

1. Инструменты (дает возможность импортировать или удалять данные просмотров) (п.1)
2. Деактивация (удаляет все данные плагина при деактивации) (п.2)
3. Сохранить изменения (п.3)
4. Reset to defaults (сбрасывает счетчики просмотров) (п.4)

Дисплей

Рис. 7

Теперь переходим на вкладку “Дисплей” (Рис.7-п.1):

1. Ярлык просмотров (текст после значка просмотров) (п.2)
2. Тип сообщения (для которых, будут отображаться количество просмотров) (п.3)
3. Тип страницы (где будут отображаться количество просмотров) (п.4)
4. Тип пользователя (скрывает счетчик просмотров для выбранного типа пользователей) (п.5)

Позиция

Рис. 8

Далее идет (Рис.8):

1. Позиция (где будет отображаться счетчик вверху или внизу – также здесь можно использовать шорткод и вставлять его в любое место блога) (п.1)
2. Стиль изображения (красиво смотрится в виде значка) (п.2)
3.  Icon Class (поле для ввода класса значка просмотров – любой класс можно выбрать нажав на ссылку ниже “Dashicons”) (п.3)
4. Сохранить изменения

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

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

Для того, чтобы нам отобразить счетчик просмотров на главной странице блога, заходим на него через файловый менеджер: WinSCP, Total Commander, FileZilla и др.

Файловый менеджер

Рис. 9

Заходим в папку нашего блога и выбираем нужным нам файл, который называется content.php, именно он и отвечает за контент на главной странице.

Его можно отредактировать непосредственно в файловом менеджере, нажав правую кнопку мыши и выбрав пункт “Правка” или лучше скопировать его на компьютер и открыть в редакторе NotePad++.

Код счетчика просмотров

Далее в нужное место нам нужно вставить такой код:

<!– Просмотры на главной странице начало –> <div style=”float: left; padding-top: 26px;”><?php echo do_shortcode(“[shortcode]”); ?></div> <!– Просмотры на главной странице конец –>

Вместо shortcode нужно будет вставить наш шорткод: post-views, чтобы все заработало. Я специально не оставил его в коде, чтобы он не срабатывал и вместо него не показывался глазик с просмотрами.

К тому же, если Вы захотите использовать какие-нибудь другие шорткоды непосредственно в файлах .php, то вместо  обозначения shortcode, можно вставлять любой другой шорткод. Это нужно для того, чтобы не использовать шорткод на страницах и записях блога, а воспользоваться кодом php.

Как видите, код очень простой. Я специально заключил его тег div, чтобы он находился в блоке.

Параметры кода:

1. float: left; – говорит о том, чтобы все другие блоки обтекали его слева.
2. padding-top: 26 px; – делает отступ сверху чтобы выровнять просмотры со звездным рейтингом.

Соответственно, в какое место вставлять данный код, нужно поэкспериментировать. Это зависит от кода Вашего файла content.php

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

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

Ниже после кода счетчика просмотров в файле content.php, мы вставляем код для звездного рейтинга (если Вы конечно будете использовать плагин kk Star Ratings):

<!– Вставка звезд начало –> <?php if(function_exists(“kk_star_ratings”)) : echo kk_star_ratings(); endif; ?> <!– Вставка звезд конец –>

Замечательно. Теперь нужно файл content.php сохранить и проверить результат. Заходим на свой блог, обновляем страницу клавишей F5 и смотрим на результат.

Вот так это выглядит на моем блоге:

Рис. 10

На (Рис.10), мы видим что коды сработали правильно. Счетчик просмотров и звездный рейтинг стоят правильно над картинкой поста.

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

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

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