Wordpress 4.4 の新しいレスポンシブ画像機能を使用しようとしていますが、カスタム画像サイズでthe_post_thumbnailを使用しようとすると、特定の問題が発生し続けます。カスタムの画像サイズを使用できないようです。
次のコードは現在のimg
タグを生成しますsrcset
:
<?php the_post_thumbnail('medium', array( 'class' => 'img-responsive' )); ?>
以下は、関数に渡されたサイズでのimg
タグの外観medium
です。
<img width="300" height="225" src="path/to/image-300x225.jpg" class="img-responsive wp-post-image" alt="Image" srcset="path/to/image-300x225.jpg 300w, path/to/image-768x576.jpg 768w, path/to/image.jpg 1024w" sizes="(max-width: 300px) 100vw, 300px">
ただし、カスタムイメージサイズを使用するように1つの変更を加えると、がsrcset
消えます。ここで何が起こっているのか誰か知っていますか?
カスタムイメージサイズを追加する方法は次のとおりです。
add_image_size ('my-custom-size', 1050, 626, true );
これがコードでどのように見えるかです:
<?php the_post_thumbnail('my-custom-size', array( 'class' => 'img-responsive' )); ?>
そして、これが出力するものであり、my-custom-size
読み取られておらず、wp-post-image
代わりに追加されていることに注意してくださいmy-custom-size
:
<img width="1024" height="626" src="path/to/image-1024x626.jpg" class="img-responsive wp-post-image" alt="Image">
私が間違っていることを理解するのを助けてください!
新しくアップロードした画像でテストしましたか?新しい画像サイズは、画像がアップロードされたときにのみ適用されます。サムネイルの再生成などのプラグインを使用して、既存の画像の画像セットを再生成できます。
—
アンディマコーレーブルック
@Jevuskaは、質問者が望んでいるサイズに画像をハードトリミングしません。
—
アンディマコーレーブルック
私の答えはまったく役に立ちましたか?この質問はまだ最新ですか?
—
アンディマコーレーブルック
add_image_size ('my-custom-size', 1050, 0, false );
ください。説明については、この回答済みのwordpress.stackexchange.com/a/211405/18731