Saya mencoba menggunakan fitur gambar responsif baru di Wordpress 4.4 tetapi saya tetap mengalami masalah tertentu ketika mencoba menggunakan the_post_thumbnail dengan ukuran gambar khusus. Sepertinya saya tidak dapat menggunakan ukuran gambar khusus.
Kode berikut akan menghasilkan img
tag dengan srcset
hadiah:
<?php the_post_thumbnail('medium', array( 'class' => 'img-responsive' )); ?>
Inilah yang img
terlihat dari tag dengan medium
ukuran yang dilewatkan ke fungsi:
<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">
Namun, ketika saya melakukan satu perubahan untuk menggunakan ukuran gambar khusus saya, srcset
menghilang. Adakah yang tahu apa yang sedang terjadi di sini?
Inilah cara saya menambahkan ukuran gambar khusus saya:
add_image_size ('my-custom-size', 1050, 626, true );
Berikut ini tampilannya dalam kode:
<?php the_post_thumbnail('my-custom-size', array( 'class' => 'img-responsive' )); ?>
Dan di sini adalah apa yang output, pemberitahuan yang my-custom-size
tidak sedang dibaca dan itu bukan menambahkan dalam wp-post-image
bukannya my-custom-size
:
<img width="1024" height="626" src="path/to/image-1024x626.jpg" class="img-responsive wp-post-image" alt="Image">
Tolong bantu saya memahami apa yang saya lakukan salah!
add_image_size ('my-custom-size', 1050, 0, false );
dan untuk penjelasannya, silakan baca wordpress.stackexchange.com/a/211405/18731 yang