the_post_thumbnail srcset responsif tidak mengisi dengan ukuran gambar khusus


8

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 imgtag dengan srcsethadiah:

<?php the_post_thumbnail('medium',  array( 'class' => 'img-responsive' )); ?>

Inilah yang imgterlihat dari tag dengan mediumukuran 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, srcsetmenghilang. 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-sizetidak sedang dibaca dan itu bukan menambahkan dalam wp-post-imagebukannya 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!


1
atur milik Anda add_image_size ('my-custom-size', 1050, 0, false );dan untuk penjelasannya, silakan baca wordpress.stackexchange.com/a/211405/18731 yang
Jevuska

Apakah Anda menguji dengan gambar yang baru diunggah? Ukuran gambar baru Anda hanya akan diterapkan ketika gambar diunggah. Anda dapat membuat ulang set gambar untuk gambar yang ada menggunakan plugin seperti Regenerate Thumbnails.
Andy Macaulay-Brook

1
@ Jevuska yang tidak akan memotong gambar ke dimensi yang diinginkan si penanya.
Andy Macaulay-Brook

1
Apakah jawaban saya membantu sama sekali? Apakah pertanyaan ini masih terkini?
Andy Macaulay-Brook

Jawaban:


4

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.


1
Jangan ragu untuk memilihnya jika itu membantu :-)
Andy Macaulay-Brook
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.