Вывод просмотров и звезд статьи на главную страницу блога
Вывод просмотров и звезд статьи на главную страницу блога, дает возможность не заходя непосредственно в саму статью увидеть количество ее просмотров и звездный рейтинг. Благодаря чему, читатель уже может сделать вывод о качестве написанной статьи. Что даст дополнительную мотивацию ее прочитать, если у статьи будет много просмотров и хороший рейтинг.
Просмотры и рейтинги
Для того, чтобы установить количество просмотров и рейтингов на главной странице, используются два плагина 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), настраиваем наш плагин. Здесь мы видим:
- Количество типов сообщений (п.2)
- Режим счетчика (выбираем метод сбора данных, обычно это PHP) (п.3)
- Колонка просмотров сообщений (п.4)
- Ограничить редактировать (нужен в том случае, если посты на блоге пишут разные авторы и разрешить редактировать посты возможно будет только администраторам) (п.4)
Интервал подсчета
Рис. 4
Далее видим (Рис.4):
- Интервал подсчета (интервал подсчета просмотров, для одного и того же пользователя) (п.1)
- Сбросить интервал данных (сбрасывает данные просмотров через указанное время) (п.2)
- Интервал очистки кеша объектов (интервал сбрасывания данных просмотров из кеша в базу данных) (п.3)
Исключить посетителей
Рис. 5
Смотрим далее (Рис.5):
- Исключить посетителей (скрывает счетчик просмотров для отмеченного типа посетителей) (п.1)
- Исключить IP-адреса (IP-адреса, которые будут исключены из подсчета просмотров) (п.2)
- Строгий счет (не пропускает интервал между подсчетами просмотров) (п.2)
Инструменты
Рис. 6
Следующие пункты (Рис.6):
- Инструменты (дает возможность импортировать или удалять данные просмотров) (п.1)
- Деактивация (удаляет все данные плагина при деактивации) (п.2)
- Сохранить изменения (п.3)
- Reset to defaults (сбрасывает счетчики просмотров) (п.4)
Дисплей
Рис. 7
Теперь переходим на вкладку “Дисплей” (Рис.7-п.1):
- Ярлык просмотров (текст после значка просмотров) (п.2)
- Тип сообщения (для которых, будут отображаться количество просмотров) (п.3)
- Тип страницы (где будут отображаться количество просмотров) (п.4)
- Тип пользователя (скрывает счетчик просмотров для выбранного типа пользователей) (п.5)
Позиция
Рис. 8
Далее идет (Рис.8):
- Позиция (где будет отображаться счетчик вверху или внизу – также здесь можно использовать шорткод и вставлять его в любое место блога) (п.1)
- Стиль изображения (красиво смотрится в виде значка) (п.2)
- Icon Class (поле для ввода класса значка просмотров – любой класс можно выбрать нажав на ссылку ниже “Dashicons”) (п.3)
- Сохранить изменения
Как Вы видите, этот прекрасный плагин дает возможность настроить счетчик просмотров по своему вкусу.
Теперь установим количество просмотров и звездный рейтинг на главной странице блога. Чтобы над каждой статьей они присутствовали и давали информацию об их значимости для читателей.
Для того, чтобы нам отобразить счетчик просмотров на главной странице блога, заходим на него через файловый менеджер: 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, чтобы он находился в блоке.
Параметры кода:
- float: left; – говорит о том, чтобы все другие блоки обтекали его слева.
- 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), мы видим что коды сработали правильно. Счетчик просмотров и звездный рейтинг стоят правильно над картинкой поста.
Таким образом друзья. Сегодня мы рассмотрели прекрасную возможность установки счетчиков просмотров и звездного рейтинга на главной странице поста. Теперь Вы сможете их установить, где угодно, в любом месте блога и наслаждаться результатом.
Буду рад Вашим вопросам и комментариям
Успехов Вам
С уважением Владимир Шишков