気になっていたWordPress Popular Postsのデザインを一新

ブログの人気記事を表示してくれる便利なプラグイン『WordPress Popular Posts』のデザインを一新してみました。

WordPress Popular Postsとは

WordPress Popular Postsとはブログの人気記事をランキング表示してくれる便利なプラグインなのですが、私が使用しているLuxeritasと微妙にデザインが合いません。

例えばLuxeritas標準の新着をお知らせするサイドバーに設置しているウィジェットはこんな感じでスッキリとしたデザインなのに、

WordPress Popular Postsのウィジェットはこんな感じでめっちゃ無骨。。。。

過去に色々やった結果これに決めたのですがまだまだ垢抜けないですよね。

で、いろいろ調べたところこのデザインに決定！！

Luxeritas標準の新着と遜色ないですよね😊

参考にさせていただいたのはこのサイト（リンク切れ）。

Luxeritas上でWordPress Popular Postsのランキング表示を新着記事のように表示する方法。 – シゲレコ

CSSのカスタマイズが必要になるのでちょっとややこしいのですが、基本コピペだけなので簡単にできました。

変えたところはCSSに記述するタイトルのフォントサイズを100から99%にしたくらい。

シゲレコさんに感謝ですm(_ _)m

ただLuxeritasの新着記事ウィジェトはトップページの投稿順と重複するのでトップページのサイドバーには表示させていませんし、WordPress Popular Postsの人気記事ランキングは各記事毎に表示させるのはうざいのでトップページだけにしているので2つ並ぶことはないんですけどね。

でも結果的にスッキリしたデザインにすることが出来て良かったです。

お知らせ：
当サイトは2025年9月よりCocoonで運用しています。