1. TOP
  2. Wordpress
  3. Wordpressプラグイン
  4. WordPress Popular Postsを活用してサイドバーに人気記事を表示させる方法

WordPress Popular Postsを活用してサイドバーに人気記事を表示させる方法

 2017/02/13 Wordpressプラグイン  

つつ前ですが、あたなはワードプレスのサイドバーに、「人気記事ランキング」を表示させたいと思っていませんか?
人気記事ランキングは、「WordPress Popular Posts」というプラグインを活用することで、表示可能です。

この記事では、そんな「WordPress Popular Posts」の活用方法を解説していきます。

スポンサードリンク

WordPress Popular Postsの設定方法

「WordPress Popular Posts」は冒頭でお伝えした通り、「人気記事ランキング」を表示するプラグインです。
しかも、単にランキングを表示させるだけでなく、記事のアイキャッチ画像や、アクセス数など、装飾も加えることができます。

WordPress Popular Postsの表示例

プラグインのインストールは、プラグイン検索画面にて行います。
「WordPress Popular Posts」と入力すると、以下のプラグインが出てくるのでインストールしてください。

 

WordPress Popular Posts

このプラグインを有効化し、具体的な設定に入ります。

ワードプレスプラグインのインストール方法は以下の記事を参考にしてください。

ワードプレスプラグインをインストールする全手順

WordPress Popular Postsの設定画面への入り方

サイドメニューの「設定」「WordPress Popular Posts」とクリックします。

WordPress Popular Postsの設定画面に入る方法

そして、「Tools」というタブをクリックします。

以下の設定画面で具体的な設定を行なっていきます。

WordPress Popular Postsのtools画面

サムネイル設定

まずは、サムネイル画像の設定です。
もし、サムネイル画像を人気記事ランキングに表示する場合は、ここで設定が必要になります。

それぞれの項目は、以下の日本語訳になっています。

WordPress Popular Postsのサムネイル設定画面

ここで特に設定しておきたいのが、「Pick image from」です。

「Pick image from(どの画像をサムネイルに表示するか)ですが、基本的に3つの項目から選べます。


Featured image

各投稿のアイキャッチ画像を表示

First image on post

投稿内の最初の画像を表示

First attachment

最初に添付されているファイルから表示

Custom field

カスタムフィールド

 


普段、記事を投稿するときは、記事の内容に即したアイキャッチ画像を設定しているはずなので「Featured image(各投稿のアイキャッチ画像を表示)」を選択しておきましょう。

 

データ設定

データ設定は、基本的にこのままで大丈夫です。

WordPress Popular Postsのデータ設定

その他の設定

ここもそのままで大丈夫です。
もしも、ウィンドウの開き方でこだわりがあれば設定してみてください。

WordPress Popular Postsのその他の設定

サイドバーに人気記事ランキングを追加する方法

続いて、「WordPress Popular Posts」をサイドバーに追加して、人気記事ランキングを表示します。

まずは設定画面に入りましょう。

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

「利用できるウィジェット」から「WordPress Popular Posts」「サイドバー」にドラッグ&ドロップします。

WordPress Popular Postsをサイドバーに追加する方法

「▼」を押します。

WordPress Popular Posts

以下の画面になったら、設定開始です。

WordPress Popular Posts

タイトルと表示記事数

はじめに行う設定は、サイドバーに表示される、以下の項目になります。


・タイトル
・表示する記事数
・並びを決める要素

 


WordPress Popular Postsの表示設定

続いて、Sort posts by:(並びを決める要素)」を設定します。
日本語訳は以下の通りです。

Sort posts by:


Comments

コメント数

Total views

合計閲覧数

Avg. daily views

一日の平均閲覧数

 


対象期間と対象記事

次に設定する項目は、表示の対象となる期間や記事です。

filters


Time Range

記事の順位づけの要素
前項で決めたコメント数や閲覧数をどれだけの期間を対象とするかを選択します。
基本的には「All-time」で大丈夫です。
timerange

Post type

人気記事の対象となるページを選択します。
以下のふたつから設定できます。

・post(投稿ページ)
・page(固定ページ)

ここでは、投稿ページのみ設定しておくことをお勧めします

 


続いて、以下の部分の説明です。

個別投稿設定

この部分では各記事やライター、カテゴリーごとに「表示 / 非表示」を決めることができます。
それぞれのIDの見つけ方ですが、「投稿」「投稿一覧」で、記事に矢印を当てると、以下のように左下にIDが表示されます。

個別投稿のIDの見つけ方

このID(数字のみ)を先ほどの項目に入力すると、個別に適用されます。
また、カテゴリIDは「投稿」「カテゴリ」から、個別ライターIDは「ユーザー」「ユーザー一覧」から、同様に確認してください。

表示方法・表示する情報

次は、それぞれのランキング内の表示方法の設定です。

英語が多いので、画像内に訳を入れています。

表示項目

自分が必要だなと感じる項目にチェックを入れておきましょう。

HTMLマークアップ設定

一度チェックを入れて「保存」をすると、以下のように表示されます。

htmlマークアップ

htmlやcssの知識がある人は、この項目にも装飾のコードを入れてみてください。

 


いかがでしたか?

ところどころ複雑な部分がありますが、ブログ運営上そこまで重要なパーツではありませんので、分からなくて頭を抱えないようにしておいてくださいね。

以下の記事ではサイドバーの中に、より高度な装飾を加えるための方法をお伝えしています。ぜひご覧ください。

サイドバーにFacebookの「いいね!」ボタンとタイムラインを埋め込む方法

サイドバーを自由自在にデザインする方法


このサイトでは、情報の専門性・信ぴょう性に配慮しています。そのため、中央省庁のデータやGoogle公式資料、市場分析データ、書籍などの信用できるデータを参照するよう、心がけております。ポリシーについて

無料E-BOOK|0から始めるワードプレスマーケティング実践ガイド

0から始めるワードプレスマーケティング
このE-BOOKは次のようなノウハウをお伝えしています。

  •  ・ワードプレスブログを立ち上げてから、実際にビジネスに繋げる方法
  •  ・ブログを使った集客方法の全体像
  •  ・ブログやメルマガなど、様々なツールをより効果的に使いこなす方法

以下のボタンからダウンロードしてください。

ダウンロードする