サムネイルの画像変更
YARPP のサムネイルは120x120で固定されており、変更することはできません。wordpressのサムネイルは150x150なので関連ページの画像表示は縮小表示されてしまうので荒くなってしまいます。
ぎょぴグループのサイトはマガジン形式のテーマを使っているサイトが多くサムネイルは長方形なので左右に圧縮されて表示されてます。
そこでCSSに下記のコードを追加してます。
1 2 3 4 5 6 7 8 9 |
/* 関連記事 (YARPP) */ .yarpp-thumbnail > img, .yarpp-thumbnail-default { width: 横サイズ !important; height: auto !important; } .yarpp-thumbnails-horizontal .yarpp-thumbnail { max-width: 横サイズ !important; height: auto !important; } |
もとのサムネイル画像によって表示される大きさは変わってしまいますが、きれいに表示されていると思います。
こちらのサイト参考にさせていただきました。