ランキング表示がおかしい時の対処(Popular Posts)

ランキング表示がおかしいんだけど
スポンサーリンク

WordPressで人気記事ランキングを作成する定番のPopular Posts。
とある日、ランキング表示がおかしくなっていることに気づきました。

ランキングが2位から始まる
いつの間に…。人気記事ランキングと言っておきながら、2位から始まるってダサすぎる。
スタイルシートに2文字だけ追加したら復旧しましたので、その方法を共有します。

事象が発生したブログ環境

  • WordPress:バージョン 4.8.3
  • WordPressテーマ:Emanon Freeバージョン 1.3.5
  • WordPress Popular Posts:バージョン 4.0.11

対処方法

①スタイルシートの設定確認

テーマの編集をクリック
WordPress管理画面で「テーマの編集」をクリックします。

 

親テーマをいじる
子テーマのスタイルシートにはPopular Postsの定義はありませんでしたので、親テーマを探してみます。

 

EmanonにはPopular PostsのCSSが定義されている
スタイルシート内にPopular Postsの定義が入っていることを確認します。

私が採用しているWordPressテーマEmanonでは、デフォルトでPopular Postsの定義がありました。

②スタイルシートを修正

ランキングの番号を生成するための設定は、問題なさそうです。

counter-reset: wpp-ranking; //カウントをリセットする
content: counter(wpp-ranking, decimal); //カウントを"+1"する
counter-increment: wpp-ranking; //カウンターの値を表示する

でも、ランキングは2番から始まっているんです。何かアクションを起こすしかない!

2から始まるんだったら、1を引くことで解消するんじゃないかな?

スタイルシートを修正
counter-reset部分に「-1」を付け加えました。たったの2文字です。

counter-reset: wpp-ranking -1; //カウントをリセットする
content: counter(wpp-ranking, decimal); //カウントを"+1"する
counter-increment: wpp-ranking; //カウンターの値を表示する

ランキングが1位から始まるようになった
安易な発想かもしれませんが、一応なおりました!ちゃんと1位から始まっています。

さいごに

Popular Postsのランキング表示がおかしくなったら、スタイルシートを疑いましょう。

私は深いことがわからないので、安易な発想でcounter-reset部分を修正してみました。ほかに対処法があれば教えてください。

そもそもランキング表示がおかしいって、僕だけなのか?
スポンサーリンク

この記事が気に入ったらシェア!

▼登録して後悔しない取引所まとめ▼

◆Zaif(ザイフ) ☚イチオシ
ビットコインやイーサリアムを買うなら、激安手数料のZaifで買うべき!毎日コツコツ買い付けてくれるコイン積立もオススメ。

◆ビットバンク
手数料無料キャンペーン中!リップルやライトコインを購入するならココ!

◆バイナンス
世界最大級の取引所であり、取り扱いコインは100種近く。手数料が安すぎる0.05%!
>>登録方法を見る