30代会社員のリアルな投資成績公開中

ランキング表示がおかしい時の対処(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部分を修正してみました。ほかに対処法があれば教えてください。

ぶるたろう

そもそもランキング表示がおかしいって、僕だけなのか?