Lognote

ネット集客に強い整体院サイトを制作

views-display-thumbnail

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

公開日:2016-04-13
最終更新日:

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

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

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

13194952

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

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

single.phpの編集

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

<?php if (function_exists('wpp_get_views')) { echo wpp_get_views( get_the_ID() ); } ?>

STINGER使用の場合

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

<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>

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

<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>

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

以上、「WordPressで記事ごとに閲覧回数を表示する方法」という記事をお届けしました。

-WordPress

この記事のタイトルとURLをコピーする
WordPressで記事ごとに閲覧回数を表示する方法
この記事はいかがでしたでしょうか。
是非Lognoteの最新ニュース情報を、
いいねしてチェックしてください!

関連記事

font-awesome-thumbnail

アイコンフォント「Font Awesome」をWordPressに導入する方法

アイコンフォント「Font Awesome」を、WordPressに導入する方法を紹介します。 目次Font …

wordpress-comment-voice-thumbnail

動画も可!WordPressのコメント機能を使った口コミ掲載方法

整体院サイトをリニューアルする中で、「お客様の声」を掲載するための専用ページをどのようにするか迷...

404-top-redirect-thumbnail

404エラーページへのアクセスを処理する最も簡単な方法

ブログをある程度長くやっていると、どうしても納得がいかなかったり、いろんな理由で記事を削除してしまったという経 …

child-theme-copy-thumbnail

WordPressの親テーマのファイルを子テーマにコピーする方法

サーバー上のファイルにアクセスするFTPソフト「FFFTP」の設定方法と使い方を解説します。WordPressはサ...

cannot-modify-header-information-thumbnail

WordPressで”Cannot modify header information”の警告が出たときの解決方法

WordPressで"Cannot modify header information"の警告が出たときの解決方法を紹介します。

コメントを入力

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

トラックバックURL

管理人のヤマカワです
山形在住、整体院「癒眠」院長
3級ウェブデザイン技能士


Lognote
2017/9/12
ご報告いただきありがとうございます! それは知りませんでした! メーカーの違いとかもあるのでしょう...
通りすがり
2017/9/12
比較的新しいカメラではサムネイル見れないらしいですよ。 うちもコーデック入れましたが2016年発売カ...
Lognote
2017/9/05
>> 堀田様 お役に立てて何よりです! 他に良い予約プラグインが出てくれればいいんですけ...
堀田
2017/9/05
ありがとうございました。 PHPを7 にしたらエラー吐き出して、有料版は PHP7 対応なんで有料...
Lognote
2017/8/16
>> たろ様 子テーマのコピー方法を省略しておりました。 解説記事を書きましたので、よろ...
たろ
2017/7/31
子テーマにコピーするの所がわかりにくい