【簡単】人気記事のWPPのサムネイル画像をキレイに表示する方法！

WPPの人気記事のサムネイルがぼやけてた！

WordPress Popular Postsのサムネイル画像がぼやけてるんです。

なんで！なんで！って思ったんです。

WPPの人気記事のサムネイル画像をキレイに表示するのは簡単です。

でも、なんで、ぼやけるの？

「メディア設定」の「サムネイルのサイズ」を200×200と大きくします。

デフォルトだと150×150なのかもですが、100×100にしてました。

Regenerate Thumbnailsを使って、サムネイル画像を作成し直します。

WordPress Popular Postsのウィジェットを75×75ではなく、

既定のサイズの「thumbnail (200×200,hard corp)」に変更します。

サムネイル画像を作成し直すと、

「thumbnail (200×200,hard corp)」になっているはずです。

このままだと、サムネイル画像が200×200で表示されるので75×75にします。

下記をCSSに追記します。

.wpp-list img {
width: 75px!important;
height: 75px!important;
}

「 !important; 」を使って強制的にCSSを反映させています。

あまり、スマートじゃありませんが、問題はありません。