YARPPのサムネイルの画像サイズの変更

サムネイルの画像変更

YARPP のサムネイルは120x120で固定されており、変更することはできません。wordpressのサムネイルは150x150なので関連ページの画像表示は縮小表示されてしまうので荒くなってしまいます。

ぎょぴグループのサイトはマガジン形式のテーマを使っているサイトが多くサムネイルは長方形なので左右に圧縮されて表示されてます。

そこでCSSに下記のコードを追加してます。

/* 関連記事 (YARPP)  */
.yarpp-thumbnail > img, .yarpp-thumbnail-default {
width: 横サイズ !important;
height: auto !important;
}
.yarpp-thumbnails-horizontal .yarpp-thumbnail {
max-width: 横サイズ !important;
height: auto !important;
}

もとのサムネイル画像によって表示される大きさは変わってしまいますが、きれいに表示されていると思います。

こちらのサイト参考にさせていただきました。

SEO塾.com(モバイル対策)

 

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です