暇人北っちの趣味ブログアフィリエイト。

ギター、ゲーム、アニメ。やりたいことに時間とお金を使おう。

人気の記事を画像付きで一覧表示出来るWordPress Popular Postsが超便利!

北っちはこれまで、よく読まれている記事を
most-viewというプラグインを使ってました。

けれど他の方のブログを見たら
サムネイル付きで人気記事が
一覧表示されてたんですよね。

そこで調べたところ、WordPress Popular Posts
というプラグインで簡単にサムネイル付きの
記事ランキングが作れちゃうことが発覚。

画像付き記事ランキングは読まれやすい

WordPress_Popular_Posts9

人気記事の一覧などを表示させる場合、
記事タイトルだけではなくて
画像も一緒に表示した方がオススメです。

だって明らかに目立つし、
読者も「お?これ気になるな〜」
ってクリックしてくれやすくなるから。

サイドバーに設置するだけで
ブログも華やかになるのでオススメ。

 

WordPress Popular Postsのインストール

それではWordPress Popular Postsを
実際にインストールしていきましょう。

Dagon_Design_Sitemap_Generator2

ワードプレス管理画面のメニュー一覧から、
「プラグイン」→「新規追加」を選択します。

 

WordPress_Popular_Posts1

プラグインの検索欄に
「WordPress Popular Posts」と入力。

プラグインの検索をクリックします。

 

WordPress_Popular_Posts2

検索で表示されたWordPress_Popular_Postsがあります。

「いますぐインストール」をクリック。
インストールが自動で始まります。

 

WordPress_Popular_Posts3

インストールが完了するので、
「プラグインを有効化」をクリックします。

これでインストールは完了です。

WordPress_Popular_Postsの設定をしよう

それでは実際にWordPress_Popular_Postsを
サイドバーに表示させてみましょう。

WordPress_Popular_Posts4

ワードプレス管理画面から
「外観」→「ウィジェット」をクリック。

WordPress_Popular_Posts5

するとウイジェットの追加項目に
WordPress_Popular_Postsがあります。

これをサイドバーに追加するわけです。

テンプレートによってウィジェットは異なりますが、
サイドバーは必ずあるのでご安心ください。

WordPress_Popular_Posts_9

サイドバーにWordPress_Popular_Postsを追加したところ。

ここから更に設定項目があるので見ていきましょう。

WordPress_Popular_Posts6

タイトルID

お好きに決めてください。
北っちは「人気記事ランキングTOP10」としています。

表示する数

何記事表示させるか、ですね。
5〜10記事くらいがちょうど良いと思います。

時間間隔

WordPress_Popular_Posts10

  • 24時間
  • 1周間
  • 1ヶ月
  • 累積

の中から選択出来ます。

並べ替え

累積閲覧数のままでOK。

投稿設定
  • タイトルの短縮
  • 抜粋を表示する

と2つの項目がありますが
サイドバーのサイズも考え、必要ないかと。

フィルタ

投稿タイプが最初はpost,pagesとなっています。
pagesってのは固定ページのこと。

WordPress_Popular_Posts11

基本通常の投稿だけで人気記事を
一覧表示させたいので「pages」は削除しましょう。

WordPress_Popular_Posts7

設定項目が長いので2分割しています。

サムネール設定

サムネール(アイキャッチ画像)を
表示するかどうかの設定。

一回保存をクリックすると以下の設定が表示されます。

WordPress_Popular_Posts12

いろいろ試した結果、
幅、高さ共に80がちょうどいいです。

統計タグ設定

コメントや日付、カテゴリを
表示させるかどうかを設定出来ます。

WordPress_Popular_Posts13

北っちは日付とカテゴリを
表示させるようにしています。

日付は表示パターンが選べるので
ブログに合わせて決めましょう。

ここまで出来たら「保存」をクリック。

これで記事の一覧表示が出来るようになります。

一度設定してしまえばかなり使える
プラグインなのでぜひ使って見て下さいね。

LEAVE A REPLY

*
*
* (公開されません)

Return Top