サイドバーの人気記事ランキングについて



  • 0_1719118675497_スクリーンショット 2024-06-23 13.53.50.png

    お世話になっています。

    サイドバーに人気記事ランキングを表示させたのですが、1~3位、4~5位が同色になってしまっています。
    これは変更できますか?また、ランキングデザインの変更はできますか?

    よろしくお願いいたします。


    マニュアル確認済み
    キャッシュクリア済み
    WordPressのバージョン : 6.3.3
    ご利用のサーバー名 : ミックスホスト
    PHPのバージョン : 7.0
    OS : Ventura 13.6.4
    ご利用のブラウザ : Googleクローム
    該当サイトのURL : https://rrruka.com/



  • @るか さん

    こんにちは!
    画像ありがとうございます。

    1~3位、4~5位が同色になってしまっています。
    こちらが標準仕様ですね、、、

    以下の追加CSSで対応できると思います...!
    (#の後の6桁の数字で好みの色に変更できます)

    .popular-item:nth-child(1) .pop-num {
        background-color: #ffd700 !important;
    }
    .popular-item:nth-child(2) .pop-num {
        background-color: #a9a9a9 !important;
    }
    .popular-item:nth-child(3) .pop-num {
        background-color: #8b4513 !important;
    }
    .popular-item:nth-child(4) .pop-num {
        background-color: #cccccc!important;
    }
    .popular-item:nth-child(5) .pop-num {
        background-color: #cccccc !important;
    }
    

    デザインを変更するにはCSSを理解した上での
    独自カスタマイズになるかなと思います、、

    よろしくお願いいたします!



  • お世話になっています。
    ありがとうございます。
    できました!