テストサイト_-_2014-12-22_15.43.17

人気記事の横に順位アイコンやランキングアイコンを表示したりしたいこともあると思いますが、下記の2つのサイトのサイトに詳しい方法が載っています。(※まとめ主さんありがとうございますm(__)m)

人気記事サムネイルに順位バッジ画像を付ける方法-WordPress Popular Postsカスタマイズ
http://chocobanditz.com/blog/wordpress_popular_posts_customize/

WordPress Popular Posts の人気記事サムネイルにランキングの順位をつける方法
http://calico.xyz/2014/09/18/wordpress-3/

ただ、私の環境では上手く行かなかったのと、少しアレンジしたので。上記の方法で上手くいかない方は、試してみてください。

まず、上記のページにある、順位を付けるためのスクリプトをfooter.phpに入れます。

CSSは

こんな感じです。

そして、HTML Markup settingsは下記のように修正しました。

Before

After

後は、上記のページと一緒です。

※ P.S 追記 thumbnail なしで設定しました。

アイコンは下記のサイトのものを使わせて頂きました。

定番アイテムの王冠
http://kage-design.com/wp/?p=512

この他、たまたま毎日新聞のサイトにあったので拝借したのですが、数字でも良いですね。

毎日

色々ためしてみてください。