(2016年8月2日更新)

WordPressでウィジェットとして人気記事ランキングを表示するのは、WordPress Popular Postsというプラグインをインストールすればすぐだけど、それを固定ページや投稿(記事)ページとして掲載する方法は、関連記事も見つからず、作成に悪戦苦闘させられました。

以下、一応その方法が分かったので共有したいと思います。

スポンサーリンク

 

人気ランキングページのデモページ

まずは、実際どのようになるかをこのブログで実践しているので、ご覧ください。

人気記事ランキングBEST30

どうでしょう?
普通に1つのページとして成立していると思います。

では、このページをどうやって作るかというと以下のようにします。

 

WordPressで人気記事ランキングを記事として掲載する方法

手順は至って簡単。3ステップ!

WordPressにプラグインWordPress Popular Postsをインストール

人気記事ランキングを表示するためのウィジェットを生成する定番のプラグイン「WordPress Popular Posts」をインストールします。

管理画面から、プラグイン → 新規追加 → 「WordPress Popular Posts」で検索してインストールで簡単に導入できます。

 

固定ページor投稿を作成する

固定ページなら、管理画面から「固定ページ → 新規追加」。投稿なら「投稿 → 新規追加」で編集画面に遷移し、任意のタイトルとパーマリンクを入力後、投稿タイプを「テキスト」にする

 

コードをコピペする

記事の入力欄に、以下のコードをコピペします。

上のコード部分はWordPress Popular Postsのパラメータを利用して作成したランキング表示用のコード。
下のCSS部分は、ランキングの順位を数字で表示させるためのスタイルシートです。

ちなみに、コード部分の各項目値は以下を意味します。

  • range 集計期間("daily", "weekly", "monthly", "all")
  • order_by 集計方法("comments", "views", "avg")
  • limit 何位まで表示するか
  • pid 除外する記事番号(上記コード内では未設定)
  • cat カテゴリIDを指定して特定カテゴリのランキングを表示(上記コード内では未設定)
  • thumbnail_width サムネイルの幅(px)
  • tumbnail_height サムネイルの高さ(px)
  • excerpt_format 抜粋する文にhtmlの装飾やリンクを反映(1=反映させる,0=反映させない)
  • excerpt_length 抜粋する文の文字数

 

なので例えば、「limit=30」を「limit=50」にすればランキング数が30から50に増えます。

CSS等自由にカスタマイズして、自分だけのオリジナルランキングページを作成しましょう♪

なお、カテゴリ別ランキングの作成は、WordPressの記事&ウィジェットでカテゴリ別ランキングを表示させる方法で解説してるので、こちらもよろしく☆


このブログの現在の順位はこちら→∩(´∀`)∩