Хотите добавить счётчик просмотра страниц и статей к вашей теме WordPress? Тогда эта статья для вас. В ней я расскажу как реализовать счётчик просмотра при помощи плагина «Pageviews».
Счетчик просмотров страниц и статей для WordPress.
Немного о плагине «Pageviews»:
- Данный плагин не имеет дополнительных настроек, он просто устанавливается и всё.
- По умолчанию отображает счётчик в конце статьи. Но так же есть возможность выводить счётчик в любом месте.
- Процесс подсчёта посещаемости происходит на стороннем ресурсе и не грузит наш сайт.
На самом деле всё просто, требуется только установить плагин «Pageviews», добавить необходимый код в пару файлов нашей темы, ну и подобрать стили отображения. И так приступим:
- Первым делом нам необходимо скачать плагин, вбиваем в поиск «Pageviews», устанавливаем и активируем плагин (подробнее об установке плагинов можете прочитать тут: WordPress — установка плагинов).
- Для того что бы мы могли отображать счётчик там где мы хотим, необходимо добавить в файл нашей темы «functions.php следующий код:
123add_action( 'after_setup_theme', function() {add_theme_support( 'pageviews' );});
Добавить можно двумя способами, либо редактируя напрямую файл в папке, либо через панель администратора WordPress. В данной стать рассмотрим вариант с добавлением через админ. панель. - В панели администратора переходим на вкладку «Внешний вид» -> «Редактор», попадаем в редактор темы, в правой форме находим «Функции темы («functions.php»)», нажимаем на него, посередине видим внутренности нашего файла.
- Переходим в самый низ файла и после все закрытых скобок вставляем наш код и нажимаем кнопку «Обновить файл», должно получиться так:
Перед любыми изменениями не забывайте делать бэкап файлов, поверьте это вам пригодится.
- В результате мы отключим стандартную функцию вывода счётчика в конце статей, и получим возможность добавлять его куда нам необходимо. Теперь, для того что бы вывести счётчик просмотров статей нам необходимо разместить следующий код в нужном нам месте:
1<?php do_action( 'pageviews' ); ?>
- К примеру, мы хотим, что бы наш счётчик отображался на главной странице возле каждой статьи, например возле автора. Для этого необходимо наш код добавить в файл «content.php», так же как в пункте 3, выбираем его справа. Далее ищем такой код:
12div class="entry-meta"><?php modernwpthemes_posted_on(); ?> /**автор статьи**/
После него добавляем наш код, получится что-то вроде этого:
123456...<div class="entry-meta"><?php modernwpthemes_posted_on(); ?> /**автор**/<?php do_action( 'pageviews' ); ?> /**Наш счётчик**/<?php if ( ! post_password_required() && ( comments_open() || '0' != get_comments_number() ) ) : ?>...В результате наш счётчик будет выводиться ко всем статьям на главной странице.
Если вы хотите, что бы там был не просто цифры, а например текст «количество просмотров», то можно добавить следующий код:
1Количество просмотров: <?php do_action( 'pageviews' ); ?> - Например, я ещё хочу что бы данный счётчик отображался ещё в самих статьях, для этого необходимо тот же код вставить в файл «content-single.php». Ищем код:
1234...<div class="entry-meta"><?php modernwpthemes_posted_on(); ?>...
Добавляем наш код, получаем следующее:
1234<div class="entry-meta"><?php modernwpthemes_posted_on(); ?><?php do_action( 'pageviews' ); ?> /**Наш код**/<!-- .entry-meta --></div>
В итоге счётчик будет отображаться и в самих статья после автора. - Теперь остаётся только внести правки в визуальное отображение, единственное, что я добавлял это значок глаза перед цифрами счётчика, всё остальное он подтянул из темы. Добавил в файл «style.css», следующий код:
12345678….entry-meta .pageviews-placeholder::before {content: "\f06e";font-family: FontAwesome;padding: 0 5px 0 0;margin-left: 5px;}…
Помните что данный метод не является универсальным, каждая тема может иметь отличия, и в Вашей теме всё может быть иначе.
Собственно на этом всё, не забывайте подписываться на наш Канал и группу в ВК. Всем гору печенек и удачи!