WP-Post Viewsプラグインを導入することで、WordPress管理画面の記事一覧ページで「1,000 Views」のように記事の閲覧数を確認することができると思いますが、同じようにフロント画面でも個々の記事にViews 数を表示させてあげる方法のご紹介です。
「WP-Post Views」プラグインを利用して、人気記事一覧にアイキャッチ画像とカスタムフィールドを出力する方法の記事でも紹介させていただきました通り、この WP-PostViewsプラグインを利用することでブログ記事の閲覧数別ランキング(人気記事一覧)を作ることができます。
ただ、これはだとランキング表示にとどまってしまいますので、今回はブログ記事一覧(トップページや月別アーカイブ、記事詳細など)において個々の記事に閲覧数を表示させたい場合はどうすればいいのか?について掘り下げてみました。
WP-PostViews のインストール
WordPressの管理画面よりWP-PostViewsプラグインを検索して新規インストールするか、以下のサイトより直接プラグインファイルをダウンロードします。WP-PostViews
カスタムフィールドの値を取得
今回はカスタムフィールドを利用してフロント画面にViews 数を表示させます。WP-PostViewsプラグインを有効化すると、記事一覧画面と投稿画面に「views」が表示されます。

記事の投稿画面にカスタムフィールド欄がありますので、このviews の値を取得してフロントに出力してあげます。

カスタムフィールドの値を取得する方法は以下の感じです。
1 |
<?php echo post_custom('views'); ?> |
このコードをテーマファイル内の singlep.php、index.php、archive.php などに貼付けます。
ただし、このままだと「閲覧数(数値)だけ」しか表示されませんので、
1 |
<?php echo post_custom('views'); ?> Views |
や、
1 |
この記事は<?php echo post_custom('views'); ?> 回閲覧されました。 |
のように応用します。
フロント画面での見え方
だいたいこんな感じで表示されます。
あとはCSSで装飾すればOKですね。
コメント