WordPressで人気記事ランキングを作成する定番のPopular Posts。とある日、ランキング表示がおかしくなっていることに気づきました。
ぶるたろう
いつの間に…。人気記事ランキングと言っておきながら、2位から始まるってダサすぎる。
スタイルシートに2文字だけ追加したら復旧しましたので、その方法を共有します。
事象が発生したブログ環境
- WordPress:バージョン 4.8.3
- WordPressテーマ:Emanon Freeバージョン 1.3.5
- WordPress Popular Posts:バージョン 4.0.11
ランキング表示がおかしい時の対処方法
①スタイルシートの設定確認
WordPress管理画面で「テーマの編集」をクリックします。
子テーマのスタイルシートにはPopular Postsの定義はありませんでしたので、親テーマを探してみます。
スタイルシート内に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位から始まっています。
さいごに:スタイルシートを疑う!
Popular Postsのランキング表示がおかしくなったら、スタイルシートを疑いましょう。
私は深いことがわからないので、安易な発想でcounter-reset部分を修正してみました。ほかに対処法があれば教えてください。
ぶるたろう
そもそもランキング表示がおかしいって、僕だけなのか?