CSSのカスタマイズをしてWordPress Popular Postsのデザインを一新

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

2022年6月12日パソコン/インターネット,WordPress,Luxeritas

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

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


WordPress Popular Postsとは

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

 

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

Luxeritas標準の新着をお知らせするウィジェット

 

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

WordPress Popular Postsのウィジェット

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

 

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

新しくしたWordPress Popular Postsのウィジェット

 

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

WordPress Popular Postsのデザインを一新

 

参考にさせていただいたのはこのサイト。

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

 

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

CSSをちょっと変更

 

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

 

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

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

 

おすすめ記事

Luxeritas関連記事一覧: