Wordpress投稿画像の応答性の問題

Question

私は私のWordPressのサイトに次の問題があります。すべてのblogpostsのリストが表示されている私のブログのセクションでは、Wordpressが実行する反応的な画像オプションのため、私の注目画像の品質が悪いです。これは私のコードは次のようになります。

<div class="post-thumb"><a href="http://www.example.com/mypost"> 
    <img width="300" height="75" src="http://www.example.com/wp-content/uploads/2017/02/img-300x75.jpeg" class="alignleft wp-post-image" alt="" srcset="http://www.example.com/wp-content/uploads/2017/02/img-300x75.jpeg 300w, http://www.example.com/wp-content/uploads/2017/02/img-768x192.jpeg 768w, http://www.example.com/wp-content/uploads/2017/02/img-1024x256.jpeg 1024w, http://www.example.com/wp-content/uploads/2017/02/img.jpeg 1400w" sizes="(max-width: 300px) 100vw, 300px"> 
    </a></div> 

私は300ピクセルよりも、私のコンソールで「サイズ」要素と非常に高い数値に最大幅を変更した場合（例えば3000px）、私のイメージはそれが品質に示し察するに。しかし今では、全幅である私のサイトは、300ピクセルの画像だけを拡大します。私は現在、私のテーマでこの要素をどこで変更するのかはわかりません。事前に

おかげで、 トム

Answer 1

こんにちはあなたのテーマにフルサイズで表示画像を試してみてください。

<?php the_post_thumbnail('full'); ?> 

マイテンプレートは常にフル解像度で画像を表示します。

または管理パネルからポストサムネイルサイズを変更して、プラグインを使用してイメージを再表示することもできます（今はプラグイン名を覚えていません）。

スタイル（または最小幅：100％;のmax-width：100％;）：

<style type="text/css"> 
.post-thumb img{ 
    padding: 5px; float: left; width: 100%; height: auto; overflow: hidden; box-sizing: border-box; 
} 
</style>