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

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

WordPress Popular Postsの使い方 ブログの人気記事を画像付きで一覧表示

「ブログでよく読まれている記事をランキング形式で表示させたい・・・」

「出来ればサムネイル(画像)も表示させたいなあ」ってお悩みのあなたへおすすめのプラグインを紹介するよ。

WordPress Popular Postsというプラグインで簡単にサムネイル付きの記事ランキングが作れちゃうのだ。インストール、使い方を解説!

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

WordPress_Popular_Posts9

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

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

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

ただし、テンプレートによっては最初から人気記事一覧を表示出来るウィジェットが搭載されているものがあるので(Digipressなど)、必要か確認してから使ってね!

WordPress Popular Postsのインストール

それではWordPress Popular Postsを実際にインストールしていこっか。

Dagon_Design_Sitemap_Generator2

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

WordPress_Popular_Posts1

プラグインの検索欄に「WordPress Popular Posts」と入力。プラグインの検索をクリックします。

検索で表示されたWordPress_Popular_Postsが表示されるよ。「いますぐインストール」をクリック。インストールが自動で始まるのでちょっと待とう。

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

WordPress_Popular_Postsをサイドバーに表示させる

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

WordPress_Popular_Posts4

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

するとウイジェットの追加項目にWordPress_Popular_Postsがあるのがわかるかな?

これをサイドバーに追加すればOK。テンプレートによってウィジェットは異なりますが、サイドバーは必ずあるのでまずはここに追加。

当然ウィジェットなので、サイドバー以外にも追加することが出来るよ。

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分割しています。

サムネール設定

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

若干わかりにくいんだけど、一度「アイキャッチ画像を表示」にチェックを入れて、一回保存。そしたら上の画像のように、設定画面が表示されるよ。

いろいろ試した結果、幅、高さ共に80がちょうどいい。ただ、テンプレートによって変わると思うので、正方形を基準にサイズは色々試してみよう。

統計タグ設定

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

WordPress_Popular_Posts13

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

日付は表示パターンが選べるのでブログに合わせて決めましょう。ここまで出来たら「保存」をクリック。

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

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

LEAVE A REPLY

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

Return Top