アダルトアフィリエイト実践記

WordPress Popular Postsを使って固定ページに人気記事ランキングを作る方法

 


「ワードプレスの固定ページに人気記事ランキングを50位まで作りたい」と思いつき、簡単な方法はないものか?と探してみたところ、プラグイン「WordPress Popular Posts」を使って簡単にランキングを作る方法を見つけましたのでご紹介します。

人気記事ランキングを簡単に設定できる「WordPress Popular Posts」ですが、通常はウィジェットとしてサイドバーで使用します。

サイドバーの場合、あまり表示数を多くしすぎると縦に長くなってしまうので、10位くらいまでしか表示しません。

そこで、WordPress Popular Postsのショートコードを使って固定ページにランキングを設置すれば、より多くの件数を表示することができます。

WordPress Popular Postsのショートコードを使用した詳しい設置方法

詳しい設置方法や関数(パラメータ)に関してはこちらの記事をご覧ください。

参考記事
WordPress Popular Posts ショートコードで人気ランキングを表示する

「limit=10」の数字を変えることで表示される記事の数を変えることができます。

ショートコード設定サンプル

[wpp range="all" thumbnail_width=120 thumbnail_height=80 order_by="views" limit=10 post_type="post" stats_views=1 ]

このようなショートコードを記事に追加するだけでランキングが表示されます。

スタイルシート設定サンプル

.wpp-list ul{
font-size:14px;
}

.wpp-list li{
list-style:none;
padding:0 0 15px 0px;
}

人気記事ランキング表示サンプル

WordPress Popular Postsのショートコードは固定ページだけでなく投稿ページでも使用することができます。

アイキャッチ画像を設定していない記事はデフォルトの画像が表示されています^^;。

 

ワードプレス便利技   2

この記事に関連する記事一覧

コメントは2件です

  1. スパイク より:

    はじめまして。

    「WordPress Popular Postsを使って固定ページに人気記事ランキングを作る方法」

    この記事をすごく参考にしてページを作っています。

    ショートコードで呼び出してスタイルシートにて設定していますがこれにランキング番号を付けることは可能ですか?

    あと記事を縦にではなく横に三列ずつ表示とかできませんか?

    初心者なので良かったら教えていただけませんか?

    • 管理人 より:

      コメントありがとうございます。返信が遅くなり申し訳ありません。
      ランキング番号ですが、ショートコードに「wpp_start=”<ol>” wpp_end=”</ol>”」を追加すれば表示されます。
      ただし、画像付きでランキングを表示するとどうしてもレイアウトが崩れてしまいます。
      私も試みましたがうまくいかず諦めましたorz。

      記事のレイアウトについてですが、既存のテーマをカスタマイズするとスマートフォン表示なども考慮しなくてはいけなくなるのでデザインが崩れて大変な思いをします。
      なので、こちらの書籍「WordPressデザインブック HTML5&CSS3準拠 (WordPress DESIGN BOOK)」などを参考に自作したほうが早いと思います。

      また、このサイトでも使用しているワードプレステンプレート「THE WORLD」ではあらかじめ横3列のテンプレートが用意されています。THE WORLDの公式ページはこちら

コメントフォーム

名前

 

メールアドレス

 

URL

 

 

コメント

トラックバックURL: