WordPress Popular Posts を利用して、週間人気記事を画像付きで表示する

  • 19455
    views
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

ブログに人気ランキングを設置できるプラグイン「WordPress Popular Posts」。

今まで人気記事表示の際にはPopular Posts プラグインなどを使っていましたが、
WordPress Popular Posts はブログ内の記事やページを閲覧数やコメント数で集計し、「24時間」「1週間」「1ヶ月」「累積」の4パターンで表示させることができるので、最近ではこちらのプラグインをよく使うようになりました。

ウイジェットを使えば、管理画面上で人気記事の表示数やサムネイルの有無、閲覧数やコメント数の有無などを簡単に設定できるのですが、

今回はテーマファイル(sidebar.phpなど)を編集して、人気記事を表示させたい場合の設定方法を紹介させていただこうと思います。

WordPress Popular Posts のインストール

管理画面のプラグイン新規追加より WordPress Popular Posts を検索するか、以下のページからプラグインファイルをダウンロードします。


週間で閲覧数の高い記事を20件、画像付きで表示させる

ウィジェットを使わずにサイドバーなどのテーマファイル内に直接書く場合は、
テンプレートタグ wpp_get_mostpopular() を使います。
<?php
wpp_get_mostpopular('
	range=weekly&
	order_by=views&
	limit=20&
	post_type=post&
	stats_comments=0&
	stats_views=1&
	pages=0&
	thumbnail_width=100&
	thumbnail_height=100&
	thumbnail_selection=usergenerated
');
?>

パラメータ

テンプレートタグ wpp_get_mostpopular() に指定できるパラメータを
一部抜粋して紹介致します。

range=weekly

weekly で週間ランキングになります。
他にも24時間(daily)、1ヶ月(monthly)などが指定できます。

order_by=views

閲覧数順にソートする場合の指定です。
他にもコメント数順(comments)や、1日の平均閲覧数(avg)が指定できます。

limit=20

表示数の上限を指定します。

post_type=post

投稿タイプの指定です。
投稿記事のみを出力したい場合はpost を指定します。

他にも固定ページ、カスタム投稿タイプも交えたい場合は、
post_type=post,page,カスタム投稿タイプ
のようにカンマでつなぎます。

stats_comments=0

コメント数を表示するかどうかを指定します。
0で非表示、1で表示です。

stats_views=1

閲覧数を表示する場合は「1」を指定します。

thumbnail_width=100
thumbnail_height=100

画像のサイズ(幅、高さ)を指定できます。

thumbnail_selection=usergenerated

画像をアイキャッチ画像から呼び出す指定です。


管理画面のWordPress Popular Posts の「よくある質問」ページにも掲載されている通り、wpp_get_mostpopular() に指定できるパラメーターは他にもたくさん有るのですが、

今回の「週間で閲覧数の高い記事を20件、サムネイル付きで表示させる」という条件をクリアするには、上記指定がなされていれば問題ないと思います。


デフォルトのサムネイルを指定

管理画面のWordPress Popular Posts の「ツール」ページで、記事に画像(アイキャッチなど)がない場合のデフォルト画像を、自分の好きな画像へと変更することができます。
Wordpress Popular Posts を利用して、週間人気記事を画像付きで表示する

閲覧数を訪問者のみとする

同じくWordPress Popular Posts の「ツール」ページで、閲覧数の記録を「訪問者のみ」か「ログインユーザーも含める」かの中から選択できます。
Wordpress Popular Posts を利用して、週間人気記事を画像付きで表示する

  • 19455
    views
  • このエントリーをはてなブックマークに追加
  • follow us in feedly

この投稿と関連する記事一覧

この記事に関するコメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください