今回は、Wordpressでブログのサイドバーに【人気の記事】を

表示させる方法を図解入りで丁寧に解説します^^

 

よく、ブログのサイドバーで見かける、下の画像のような表示ですね。

これを作って行きたいと思います。

人気記事を表示させるためには、

【Wordpress Popular Posts】というプラグインを使用します。

wordpress  popular posts

【Wordpress Popular Posts】プラグインのインストール

 

WordPressのダッシュボードにログインしておきます。

左メニューの【プラグイン】をクリックします。

Wordpress Popular Posts

 

画面が切り替わったら、【新規追加】をクリック。

wordpress  popular posts

 

プラグインの検索画面が表示されますので、

右上の【プラグインの検索】欄に、【wordpress popular posts】と入力します。

wordpress  popular posts

 

入力したところを拡大してみました♪

入力が出来たら、キーボードの【Enterキー】を押します。

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 Poular Posts】があるので

そちらをクリックします。

wordpress  popular posts

 

下の画像のような表示が現れ、周りの画面の色が薄くなります。

①サイドバーにチェックが入っている事を確認して

②【ウィジェットを追加】をクリックします。

wordpress  popular posts

 

サイドバーに【Wordpress Popular Posts】が追加され、

設定画面が開きます。

それぞれの設定項目について、上から順に細かく見て行きましょう。

wordpress  popular posts

1.Title :

 

サイドバーに表示されるタイトルを入力します。
【人気の記事】【良く読まれている記事】など。

2.Show up to: 表示させたい人気記事の件数を入力します。
3.Sort posts by: 

人気記事のカウント方式を選択します。

  • Comments=コメント数でカウントする
  • Total views=ページビュー数でカウントする
  • Avg.daily xiews=1日の平均ページビュー数

 

wordpress  popular posts

1. Time Range:

人気記事の集計期間を選択します。

  • Last 24 hours=1日
  • Last 7 days=1週間
  • Last 30 days=1ヶ月
  • All-time=全期間
2. Post type(s):

人気記事に表示させる投稿のタイプを指定できます。

  • postのみ記述=投稿記事の人気記事を表示
  • post,pageと記述=投稿記事と固定ページの
    人気記事を表示
 3.Post(s) ID(s) to exclude: 表示させたくない記事がある場合は、
その記事のIDを入力します。
複数ある場合はカンマで区切って入力します。

※記事IDの確認方法はこの記事の後半で解説します

4. Category(ies) ID(s): 特定のカテゴリーのみを表示させたい場合は、
そのカテゴリーのIDを入力します。
複数ある場合はカンマで区切って入力します。

※カテゴリーIDの確認方法はこの記事の後半で解説します

5. Auther(s) ID(s): 人気記事を表示させる投稿者を指定します。
空欄でもOK。

 

wordpress  popular posts

1.Posts settngs  投稿の設定

  • Shorten title
    チェックを入れると記事タイトルの文字数を制限できます
  • Display post excerpt
    チェックを入れると記事の抜粋を表示できます
  • Display post thumbnail
    チェックを入れるとアイキャッチ画像を表示できます

    ※アイキャッチ画像の表示方法について、詳しくは記事後半で解説します

2.Stats Tag settings タグ表示の設定

  • Display comment count=コメント数を表示
  • Display views=ページビュー数を表示
  • Display author=投稿者を表示
  • Display date=投稿日を表示
3.HTML Markup settings ここは触らなくて大丈夫です。(上級者向け)
4. 保存ボタン 設定が出来たら保存ボタンをクリックします。

 

※アイキャッチ画像の表示方法

①【Display post thumbnail】 にチェックを入れた状態で【保存】ボタンクリックすると

 その下に、アイキャッチ画像の表示方法を設定する項目が表示されます。

②【Use predefined size】 にチェックをいれ、 【small_thumbnail 】を選択します。

 (ここで別の項目を選択すると、アイキャッチ画像の大きさを変更する事ができます)

wordpress  popular posts

 

もう一度【保存】ボタンを押して、プレビューを確認すると、

記事タイトルの前に、アイキャッチ画像が表示されます。

アイキャッチ画像を設定していない場合は、【No Thumbnail】と表示されます。

wordpress  popular posts

 

※記事IDの確認方法

投稿(または固定ページ)の一覧画面を開きます。

①IDを調べたい記事のタイトルにマウスを合わせます。
 ※クリックはしません。

②画面の左下に、薄く文字列が表示されます。
 この中の、【post=●●】という数字の部分が記事IDです。

 

 

 

※カテゴリーIDの確認方法

①左メニューの【投稿】にマウスを当て、

②【カテゴリー】をクリックします。

wordpress  popular posts

 

カテゴリー設定の画面が表示されます。

①カテゴリーのリストの中から、IDを調べたい項目にマウスを合わせると、

②画面右下に小さくIDが表示されます。

wordpress  popular posts

 

カテゴリーIDの部分を拡大しました^^

【ID=147】と書かれている部分があります。

これで、このカテゴリのIDが【147】であることが分かります。

wordpress  popular posts

 

人気記事の表示位置を移動する

サイドバーに表示されたウィジェットを、

ドラッグ&ドロップで表示させたい場所に移動します。

wordpress  popular posts

 

まとめ

これで人気記事を表示させるための作業は完了です。

お疲れ様でした^^

 

人気記事の設定に関しては、全ての項目を設定する必要は無く、

必要に応じてチェックを入れたり、入力するようにして頂いてOKです^^

 

また、アイキャッチ画像を表示させるとちょっとカッコよくなりますが、

若干サイトの表示速度が遅くなります。

これも、お好みで設定してください。

 

それでは、今回はこのへんで(#^^#)

 

PS.
いかがでしたでしょうか?

もし、【ここが分かりにくい!】とか
【こんな記事も書いて欲しい!】とか
【こんな事も教えて!】とかいう事がありましたら

どうぞ、遠慮なくマルコにメッセージをくださいませ♪
 ↓↓↓
マルコにメールしてみる(#^.^#)

 

PPS.
マルコは、パソコン1台でインターネットで収入を得て暮らしています。

自宅で家事をこなしながら、毎月自動でも20万円、
頑張った時には月収100万円以上を達成して
家庭を犠牲にして働きづめだった生活から、救われました。
そんなマルコのゼロからの道のりをメルマガでお話しています。

メルマガ内でマニュアル等のプレゼントも行っていますので
良ければ詳細をご確認くださいませ^^
(強引な勧誘などはおこなっていませんのでご安心くださいね)
 ↓↓↓
マルコのメルマガを読んでみる(#^.^#)