WordPressで記事ごとに閲覧回数を表示する方法

views-display-thumbnail

「自分のブログもそこそこ読まれるようになってきたなー」

そんなとき、どれくらい読まれているのか訪問者に見せたくなることってないですか?

今回は投稿記事ごとに閲覧回数を表示する方法のご紹介です。以下のように表示できます。

13194952

プラグイン「Wordpress Popular Posts」で可能となります

前提条件としてプラグイン「WordPress Popular Posts」をインストールしてください。

single.phpの編集

ループ内の表示したい場所に以下のコードを追加します。

[php]
<?php if (function_exists(‘wpp_get_views’)) { echo wpp_get_views( get_the_ID() ); } ?>
[/php]

STINGER使用の場合

WordPressテーマSTINGERを使っている場合はsingle.phpからblogbox要素を探します。

[php]
<div class="blogbox <?php st_hidden_class(); ?>">
<p><span class="kdate"><i class="fa fa-calendar"></i>&nbsp;
<time class="entry-date date updated" datetime="<?php the_time(DATE_W3C); ?>">
<?php the_time( ‘Y/m/d’ ); ?>
</time>
&nbsp;
<?php if ( $mtime = st_get_mtime( ‘Y/m/d’ ) ) {
echo ‘ <i class="fa fa-repeat"></i>&nbsp; ‘, $mtime;
} ?>
</span></p>
</div>
[/php]

blogbox要素を丸々以下に書き換えてください。通常は投稿日時の隣に更新日時が表示されますが消しています。更新日時が必要な人は6~9行目も残してください。

[php]
<div class="blogbox <?php st_hidden_class(); ?>">
<p><span class="kdate"><i class="fa fa-calendar"></i>&nbsp;
<time class="entry-date date updated" datetime="<?php the_time(DATE_W3C); ?>">
<?php the_time( ‘Y/m/d’ ); ?>
</time>
&nbsp;
<i class="fa fa-eye" aria-hidden="true"></i>&nbsp;
Total <?php if (function_exists(‘wpp_get_views’)) { echo wpp_get_views( get_the_ID() ); } ?> views
</span></p>
</div>
[/php]

目のアイコンフォントを表示させるには「Font Awesome」を読み込まないといけません。未導入の方はこちらを参考にしてください。

[blogcard url=”https://lognote.biz/font-awesome/”]

views-display-thumbnail
この記事が良かったら、いいねして
最新記事をチェックしてください!

Twitterで

コメントを残す

入力エリアすべてが必須項目です。メールアドレスが公開されることはありません。

内容をご確認の上、送信してください。

日本語が含まれない投稿は無視されます。(スパム対策)