WordPressで人気記事ランキングを固定ページに表示するには？

WordPressで人気記事ランキングを

サイドバーなどに表示する方法はよく見かけるのですが、

固定ページで投稿する方法ってあまり見かけますんよね。

今回はWordPressの人気記事ランキングを固定ページで表示する方法について、

初心者の方でもわかりやすく、

手順を追ってご紹介したいと思います。

1 WordPress Popular Postsをインストールしましょう！
2 固定ページに人気記事ランキングを投稿しましょう。
- 2.1 STEP1
- 2.2 STEP２

WordPress Popular Postsをインストールしましょう！

STEP1

まずはWordPressの管理画面を表示し、

メニューの一覧から『プラグイン』→『新規追加』を選びましょう。

STEP2

次にプラグインの検索窓に『WordPress Popular Posts』と入力し、

『プラグインの検索をクリック』した後、

WordPress Popular Postsのインストール画面を表示させましょう。

STEP3

WordPress Popular Postsのプラグインのインストール画面が表示されたら、

『いますぐインストール』をクリックしましょう。

STEP4

WordPress Popular Posts のインストールが完了しましたら、

『プラグインを有効化』をクリックし、

WordPress Popular Postsの機能を有効にします。

WordPress Popular Postsの設定についてはこれだけです。

これならパソコン音痴の方でも、

比較的、設定しやすいですよね。

固定ページに人気記事ランキングを投稿しましょう。

WordPress Popular Postsプラグインの有効化が完了しましたら、

次はいよいよ本題の人気記事ランキングを

固定ページに投稿してみましょう。

STEP1

まずはWordPressの管理画面を表示し、

『固定ページ』→『新規追加』を選びましょう。

STEP２

次にテキスト入力欄に、

下記のコードを入力します。

[wpp range=“monthly” order_by=“views” limit=30 thumbnail_width=120 thumbnail_height=120 excerpt_format=0 excerpt_length=120 wpp_start=‘<ol class=”wpp-list2″>’ wpp_end=“</ol>” post_html=‘<li style=”list-style:none;border-bottom:1px gray dotted;”>{thumb}<a href=”{url}”>{text_title}</a> {summary}</li>’]

<style>

.wpp-list2{

 margin: 0!important;

 counter-reset: no;

}

.wpp-list2 li:before{

 content: counter(no);

 counter-increment: no;

 color: white; /*文字色*/

 background-color: black; /*背景色*/

 text-align: center;

 opacity: .999;

 float: left;

 line-height: 30px;

 width: 30px;

 height: 30px;

 border-radius: 2px;

 -moz-border-radius: 2px;

 margin-right: -25px;

}

</style>