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 yangJawaban:
Tidak ada info yang cukup untuk memastikan jawaban ini definitif tetapi inilah upaya.
Pertama-tama pastikan gambar yang Anda unggah sebenarnya lebih besar dari ukuran yang Anda tentukan. Saya melihat orang-orang mengunggah gambar yang terlalu kecil dan kemudian mendapatkan hasil semacam ini sepanjang waktu.
Kedua, WP hanya akan membuat daftar ukuran gambar Srcset dengan rasio aspek yang sama. Jika ukuran khusus Anda memiliki rasio aspek yang berbeda dengan ukuran gambar lain, Anda dapat membuat pilihan ukuran baru dengan rasio aspek yang cocok.
Ketiga, setelah mengubah atau menambahkan ukuran gambar baru Anda harus selalu membuat ulang thumbnail yang ada. Ada plugin bagus yang disebut Regenerate Thumbnails untuk ini.
sumber