takatoriblog.com

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

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

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

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

 

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

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

有料テーマのSANGOの関連記事の画像サイズをCSS追記で揃える方法も書いていますので、よかたらどうぞ!

 

WPPのサムネイル画像をキレイに表示する方法

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

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

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

 

WPPのウィジェットの設定を変更します

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

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

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

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

 

サムネイル画像が200×200で表示さちゃう

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

 

下記をCSSに追記します。

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

 

サムネイルを75×75に表示します

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

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