整体師がWordPressテーマ作りました

Healerは、スマホ&タブレット対応・SEO対策済みの整体院・サロン専用テーマです。

お客様の声やWeb予約カレンダー表示機能など便利機能が搭載されています。

公式サイト

WordPressに記事ごとの閲覧回数を表示する

views-display-thumbnail
ブログのアクセス数が増えてくると、どの記事がどれくらい読まれているのか気になってきますよね
やまかわ
まこと先生
そうなんですよね。簡単に確認できればいいのに……
アナリティクスを開くのは面倒。そんなときに便利な記事ごとに閲覧回数を表示するカスタマイズを紹介しますね
やまかわ

実際にこのように表示できます。

閲覧回数を表示

閲覧回数を表示

このカスタマイズは、「Wordpress Popular Posts」を使用します。
重いプラグインとして有名ですので、気になる方はご利用をお控えください。

カスタマイズをおこなう前の準備

今回のカスタマイズは、SNSアイコンに「Font Awesome」を使用します。
導入がまだの方はこちらを先におこなってください。

font-awesome-thumbnail
WordPressで「Font Awesome」を使用する方法を紹介します。 「Font Awesome」はアイコンフォントの一種で、

閲覧回数を表示するカスタマイズの手順

カスタマイズは以下の手順でおこないます。

  1. 「Wordpress Popular Posts」をインストールする
  2. 表示したい場所にPHPコードを追加する

1.「Wordpress Popular Posts」をインストールする

閲覧数を表示するための前提条件として「Wordpress Popular Posts」をインストールしてください。

WordPress Popular Posts

2.表示したい場所にPHPコードを追加する

閲覧数を表示したい場所に以下のコードを追加してください。

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

STINGERの場合

WordPressテーマがSTINGERの場合は、single.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>

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;
  } ?>
  &nbsp;
  <i class="fa fa-eye"></i>&nbsp;
    Total <?php if (function_exists('wpp_get_views')) { echo wpp_get_views( get_the_ID() ); } ?> views
  </span></p>
</div>

おすすめ関連書籍

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

Twitterで

コメントを残す

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