ブログ運営

ブログに人気記事ランキングを設置する方法【WordPress Popular Postsの使い方】

こんにちは!とも@tomounsoです。

みなさんはブログに人気記事ランキングを設置していますか?

とも

人気記事ランキングを設置すると、サイト内の回遊率が上がると聞き、早速設置してみました。

この記事では人気記事ランキングを簡単に設置できるプラグイン、「WordPress Popular Posts」の使い方を紹介します。

人気記事ランキングの設置は意外と簡単です。

ぜひ最後までご覧ください!

この記事はこんな方におすすめです。
  • ブログ初心者で人気記事ランキングに興味がある方
  • サイト内の回遊率が上がらずに悩んでいる方

「WordPress Popular Posts」とは

閲覧数などを元に人気記事ランキングを作成し、ブログ内に表示できるプラグインです。

当ブログではサイドバーに設置してありますので参考にしてください。

この記事では私が実際に設定した内容をご紹介します。

プラグインを使用することで、不具合が発生してしまう可能性があります。 プラグインの使用は、あらかじめデータをバックアップしたうえで、ご自身の責任のもと行ってください。プラグインを使用されたことで生じるいかなる損失、損害についても、当ブログでは一切の責任を負いかねます。

「WordPress Popular Posts」の設定方法

インストールして有効化

まず他のプラグインと同様にインストール→有効化しておきます。

「WordPress Popular Posts」のインストール画面。

「WordPress Popular Posts」の「ツール」を開く

①WordPressの「設定」から「WordPress Popular Posts」を探してクリックします。

WordPressの「設定」から「WordPress Popular Posts」をクリックするところ。

②「統計情報」のページが表示されますので、上部にある「ツール」をクリックして設定を開始しましょう。

「WordPress Popular Posts」の統計情報画面。

「アイキャッチ画像」の設定

「ツール」を開いたら、まずは「アイキャッチ画像」の設定をします。

「WordPress Popular Posts」のツール画面。
  1. デフォルトのアイキャッチ画像はそのままにしました。
  2. 画像の取得元は「アイキャッチ画像」を選択しました。
  3. Lazy loadは「はい」にしました。画像を遅延読み込みにするという意味です。
  4. 変更したら「適用」をクリックします。

「データ」の設定

次に「データ」の設定をします。

「WordPress Popular Posts」のデータ設定画面。
  1. 閲覧を記録する対象者は「訪問者のみ」にしました。「全員」を選択すると自分も含まれてしまいます。
  2. ログ上限は「データ保存期間」「180日」にしました。無効にするとサーバーに負担がかかるようです。
  3. ウィジェットをAJAX化は「無効」にしました。私はキャッシュ系のプラグインWP Super Cacheを使用していますので、不具合があれば有効にするかもしれません。
  4. データキャッシュは「キャッシュする」を選択しました。読み込み速度に影響します。
  5. キャッシュ更新間隔は「1日」にしました。訪問者数が少ないので、あまり間隔が短いと変動が大きいかと思い1日に変更しました。
  6. データサンプリングは「無効」にしました。訪問者数が多い大規模サイトでは「有効」にすると大幅に表示速度が改善されるそうです。
  7. 設定をしたら「適用」をクリックします。

「その他」の設定

次に「その他」の設定です。

「WordPress Popular Posts」のその他の設定画面。
  1. リンクの開き方「現在のウインドウ」にしました。必要に応じて「新しいタブまたはウインドウ」も選択できます。
  2. プラグインのスタイルシートを使うは「有効」にしました。自分で作成したCSSを反映させる場合には「無効」にするようです。
  3. 設定を変更したら「適用」をクリックします。

ページの1番下で、キャッシュを空にしたりデータの削除をしたりできます。

これで「WordPress Popular Posts」「ツール」を使った設定は終わりです。

引き続きWordPressの方で、ブログのサイドバーに人気記事ランキングを設置します。

ブログのサイドバーに人気記事ランキングを設置する方法

ウィジェット画面を開く

「WordPress Popular Posts」の設定が終わったら、いよいよブログのサイドバーに人気記事ランキングを設置します。

WordPressの「外観」から「ウィジェット」をクリックします。

WordPressの「外観」から「ウィジェット」をクリックするところ。

「WordPress Popular Posts」をドラッグしてサイドバーに移す

ウィジェット」画面が開きます。

「利用できるウィジェット」の中から、「WordPress Popular Posts」を探し、ドラッグしてサイドバーに移します。

「利用できるウィジェット」の中から、「WordPress Popular Posts」を探し、ドラッグしてサイドバーに移すところ。

ランキングをどのように表示するか設定する

「WordPress Popular Posts」のボックス右端にある🔽をクリックして、ランキングをどのように表示するか、細かい設定をします。

タイトルやフィルターの設定

「WordPress Popular Posts」のタイトルやフィルター設定画面。
  1. タイトルは「人気記事ランキング」にしました。
  2. 最大表示数は「」にしました。
  3. ソート順は「総閲覧数」にしました。
  4. 計測期間は訪問者数がまだ少ないため「全期間」にしました。
  5. 投稿タイプは「post」にしました。
  6. 除外する投稿ID空欄のままです。人気はあるけどランキングに表示させたくない記事は、記事IDを入力して除外できます。
  7. タクソノミー空欄のままです。カテゴリーやタグごとのランキングを表示することができるようですが、まだ試していません。
  8. 投稿者ID空欄のままです。

投稿設定

「WordPress Popular Posts」の投稿設定。
  1. 投稿設定は「アイキャッチ画像を表示」にチェックしました。記事タイトルの横にアイキャッチ画像を表示できます。
  2. 統計タグの設定空欄のままです。訪問者数がもう少し増えたら「閲覧数を表示」に変更するつもりです。
  3. HTMLマークアップ設定はカスタマイズ等ができないのでチェックしていません。
  4. テーマはとりあえず「なし」にしていますが、10種類もあるようなので今後試してみるつもりです。
  5. 最後に「完了」をクリックして設定を保存します。

以上で人気記事ランキングの設置は完了です!



まとめ

人気記事ランキングの設定はとても簡単にできました。

サイト内の回遊率が上がらずに悩んでいる方は、ぜひ「WordPress Popular Posts」で人気記事ランキングを設置してみてください。

今回も最後までご覧いただきありがとうございました。

サイト表示速度改善のために行ったこと【ワードプレスプラグインAutoptimize・EWWW Image Optimizer・WP Super Cacheの活用】この記事では、サイト表示速度改善対策として、ワードプレスプラグインAutoptimize・EWWW Image Optimizer・WP Super Cacheの活用方法をご紹介します。...
タイトル黒板
クレジットカードの発行はA8.netのセルフバック利用がおすすめ!【ブログ初心者必見!】無料会員登録やクレジットカードの発行で報酬を得る事ができる、セルフバック(自己アフィリエイト)というサービスをご存知ですか? ブログ初心者の方や、これからクレジットカードを作ろうとしている方に、ぜひおすすめしたいサービスです。 ...
スクリーンショットをブログ記事や資料作成に活用する方法【Screenpressoの使い方】今回はスクリーンショットを簡単に加工できるソフト、 「Screenpresso」を紹介します。スクリーンショットをブログ記事や資料作成に活用したい方はぜひ参考にしてください。 ...
WordPressのブログをGoogleドライブに無料でバックアップする方法【初心者向け】WordPressでブログを始めたばかりの方、バックアップの方法がわかりづらくて困っていませんか?プラグインの『UpdraftPlus』を使ってGoogleドライブを保存先にすれば、簡単に無料でバックアップできます。初心者の方には一番簡単な方法だと思いますのでぜひ参考にしてください。 ...
Googleアドセンスの審査に合格する方法【9つのチェックポイント】この記事では、Googleアドセンスの審査に合格する方法【9つのチェックポイント】について解説します。 ...
もしもアフィリエイト「かんたんリンク」の使い方丨初めての広告におすすめこの記事では、もしもアフィリエイト「かんたんリンク」の特徴と使い方を解説します。初心者の方でも簡単にアフィリエイトリンクを貼れるようになりますので、 最後までお付き合いくださいね。 ...
ワードプレスでブログを始める方法【初心者向け】この初心者によるブログ運営日記では、私が知識ゼロの状態からブログを運営する様子を初心者の立場で解説します。ブログをこれから始める方にとって少しでもお役に立てば幸いです。...