ブログのページで人気記事のランキングが表示されていると,そのブログを見ている人に人気記事を見てもらたり,滞在時間が上昇するといったメリットが考えられます。
今回は,WordPressで人気記事のランキングを自動で作成して設置してくれるプラグイン「WordPress Popular Posts」の設定手順と使い方を紹介していきます。
また,インストールして設置しようとした際に,保存ができないといったケースもありますので,保存できない場合の解決方法も載せています。
こんな方におすすめ
- 自分のブログで人気記事のランキングを表示させたい。
- どの記事がどの期間でどれくらい見られているか知りたい。
- 以前に試したけど設定の段階で保存ができなくて諦めた。
以上に1つでも当てはまる人は参考にしてください。
関連
また,「WordPress Popular Posts」の見た目のデザインをカスタマイズする方法については,
「WordPress Popular Posts」のランキングをCSSで綺麗な見た目にカスタマイズする方法
で詳しく解説していますので,参考にしてください。
-
「WordPress Popular Posts」のランキングをCSSで綺麗な見た目にカスタマイズする方法
続きを見る
それでは解説していきます。
目次
「WordPress Popular Posts」の導入
まずは「WordPress Popular Posts」の導入手順です。
管理画面から,
- 「プラグイン」を選択します。
- 「新規追加」をクリックします。
WordPress Popular Postsなどと検索して,「WordPress Popular Posts」をインストールして有効化します。
「WordPress Popular Posts」の設定
プラグインのページの「WordPress Popular Posts」の下にある「設定」をクリックまたは,管理画面から「設定」→「WordPress Popular Posts」を選択すると,設定の画面に変わります。
「ツール」をクリックします。
お好みに合わせて各設定をしてください。
特に設定するべき箇所は1つです。
「観覧を記録する対象者」を「訪問者のみ」にすると,訪問者が観覧した場合のみカウントされ,自分で観覧した場合はカウントされませんので,ここは「訪問者のみ」にすることをおすすめします。
設定を終えたら「適用」をクリックします。
「WordPress Popular Posts」をサイドバーに設置する
次に「WordPress Popular Posts」をサイドバーに設置する手順を解説していきます。
ここでは,サイドバートップに設置する方法になります。
管理画面から,
- 「外観」を選択します。
- 「ウィジェット」をクリックします。
「WordPress Popular Posts」をサイドバートップにドラックアンドドロップする又は「WordPress Popular Posts」をクリックします。
- 「サイドバートップ」を選択します。
- 「ウィジェットを追加」をクリックします。
「タイトル(ここでは,よく読まれている記事)」「最大表示数(ここでは5)」「ソート順(ここでは総観覧数)」「時間の範囲(ここでは全期間)」「投稿タイプ(ここではpost)」などを設定します。
ここでは「カテゴリー」「アイキャッチ画像を表示」「カスタムHTMLマークアップを使う」にチェックを入れています。
ここで「保存」をクリックすればOKなんですが,ここでは「保存」の左にあるマークが回転し続けていつまで経っても保存ができません。
「WordPress Popular Posts」が保存できない場合
本来ですと上記の手順で保存が出来るみたいですが,使っているサーバーのセキュリティーの関係などで,保存できないケースがあります。
当サイトでも実際に保存できませんでしたので,今回は別の方法として,ショートコードを使って設定することにしました。
「WordPress Popular Posts」のショートコードを確認する方法
それでは,WordPress Popular Postsのショートコードを確認する方法を紹介します。
WordPress Popular Postsの設定画面で「パラメーター」をクリックします。
各項目の右下あたり(赤枠で囲っている部分)にショートコードが記載されています。
例えば,
[wpp limit=5]は,人気記事の最大表示数が5件です。
ここを10件にする場合は,[wpp limt=10]にします。
[wpp range='last7days']は,1週間分の範囲で人気記事を取得します。
ここを1週間ではなくて全期間にする場合は,[wpp range='all']にします。
まとめて設定する場合,[wpp header='Popular Posts' limit=5 range='all']のように[]のなかの最初だけにwppと記述して半角スペースでつなげていきます。
「WordPress Popular Posts」のショートコードを設定してサイドバーに設置する
それでは,WordPress Popular Postsのショートコードを使ってサイドバーに設置する手順を解説します。
ここでは先程と同じようにサイドバートップに設置する方法になります。
ウィジェットの画面を開き,「テキスト」を サイドバートップにドラッグアンドドロップする又は「テキスト」をクリックします。
- 「サイドバートップ」を選択します。
- 「ウィジェットを追加」をクリックします。
- タイトルにタイトル名を入力して,テキストにショートコードを入力します。
- 「保存」をクリックします。
ここでのショートコードの設定の例は以下のようになります。
wpp limit=5 | 表示される人気の投稿の最大数を設定(ここでは5件) |
wpp range='all' | 指定した時間範囲で人気記事を取得させます。(ここでは全期間) |
wpp thumbnail_width=100 | 投稿のサムネイルを表示できます。(ここではサムネイルの幅=100) |
wpp thumbnail_height=100 | 投稿のサムネイルを表示できます。(ここではサムネイルの高さ=100) |
wpp post_type='post' | リスト表示させる投稿タイプを指定できます。(ここでは投稿) |
wpp stats_taxonomy=1 | 各投稿の設定されたタクソノミーを表示するようになります。(表示しないは0) |
wpp stats_views=0 | 指定された時間範囲内に獲得した表示数を表示しません。(表示するは1) |
保存が完了したら,「完了」をクリックします。
自分のブログのページで確認してみると,
サイドバートップに人気記事がちゃんと反映されています。
まとめ
「WordPress Popular Posts」の設置の手順をまとめると,
- 「WordPress Popular Posts」の導入
- 「WordPress Popular Posts」の設定
- 「WordPress Popular Posts」をサイドバーに設置する
- 「WordPress Popular Posts」が保存できない場合
になります。
関連
「WordPress Popular Posts」の見た目のデザインをカスタマイズする方法
-
「WordPress Popular Posts」のランキングをCSSで綺麗な見た目にカスタマイズする方法
続きを見る
参考
また,WordPressでおすすめのプラグインの一覧については,
WordPressおすすめのプラグインまとめ【最適なものを厳選】
で紹介していますので,参考にしてください。
-
WordPressおすすめのプラグインまとめ【最適なものを厳選】
続きを見る
今回は以上になります。
それではまた!