Lognote

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

views-display-thumbnail

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

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

Pocket

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

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

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

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の最新ニュース情報を、
いいねしてチェックしてください!

関連記事

comment-coupon-thumbnail

整体院の口コミ促進!コメントをくれた方に電子クーポンを配る方法

先日、WordPressの標準コメント機能を使って、お客様の声を掲載する方法を紹介しました。今回はそのおま...

cannot-modify-header-information-thumbnail

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

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

CSSでオリジナルのFeedly購読ボタンを作成する方法

皆さんはブログにFeedlyボタンは設置していますか?リピーターを増やすには必須のサービスですが、公式...

another-ad-category-thumbnail

カテゴリーごとに自動で入れ替わるAmazon商品ランキングをWordPressの記事下に設置する

ブログで収益を受け取る方法の一つとして、Amazonアソシエイトの紹介料をいただくというのがあります。 Ama …

stinger6-logo-use-google-web-fonts-thumbnail

WordPressの英字フォントをGoogle Web Fontsに変更してかっこよくカスタマイズする方法

STINGER8のタイトルロゴをGoogle Web Fontsを使ってカスタマイズする方法のご紹介します。

コメントを入力

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

トラックバック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
子テーマにコピーするの所がわかりにくい