s_cs_thumbnail ตอบสนอง srcset ไม่ได้บรรจุด้วยขนาดภาพที่กำหนดเอง


8

ฉันกำลังพยายามใช้คุณสมบัติภาพที่ตอบสนองต่อใหม่ใน 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">

อย่างไรก็ตามเมื่อฉันทำการเปลี่ยนแปลงเพื่อใช้ขนาดรูปภาพที่กำหนดเองของฉันการเปลี่ยนแปลงจะ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">

โปรดช่วยฉันเข้าใจสิ่งที่ฉันทำผิด!


1
ตั้งค่าของคุณadd_image_size ('my-custom-size', 1050, 0, false );และสำหรับคำอธิบายโปรดอ่านwordpress.stackexchange.com/a/211405/18731 ที่ได้
Jevuska

คุณทดสอบด้วยภาพที่อัปโหลดใหม่หรือไม่? ขนาดรูปภาพใหม่ของคุณจะถูกนำไปใช้เฉพาะเมื่อมีการอัพโหลดรูปภาพ คุณสามารถสร้างชุดรูปภาพใหม่สำหรับรูปภาพที่มีอยู่โดยใช้ปลั๊กอินเช่นสร้างรูปภาพขนาดย่อ
Andy Macaulay-Brook

1
@Jevuska ที่ไม่ยากครอบตัดรูปภาพตามขนาดที่ผู้ถามต้องการ
Andy Macaulay-Brook

1
คำตอบของฉันมีประโยชน์หรือไม่? คำถามนี้ยังคงเป็นปัจจุบันหรือไม่?
Andy Macaulay-Brook

คำตอบ:


4

มีข้อมูลไม่เพียงพอที่จะตรวจสอบให้แน่ใจว่าคำตอบนี้ชัดเจน แต่เป็นความพยายาม

ประการแรกตรวจสอบให้แน่ใจว่าภาพที่คุณอัปโหลดนั้นใหญ่กว่าขนาดที่คุณกำหนดไว้ ฉันเห็นคนอัปโหลดภาพที่เล็กเกินไปแล้วรับผลลัพธ์แบบนี้ตลอดเวลา

ประการที่สอง WP จะสร้างรายการขนาดภาพ Srcset ด้วยอัตราส่วนกว้างเดียวกันเท่านั้น หากขนาดที่กำหนดเองของคุณมีอัตราส่วนกว้างยาวต่างกันกับขนาดรูปภาพอื่นคุณสามารถสร้างการเลือกขนาดใหม่ด้วยอัตราส่วนกว้างยาวที่ตรงกัน

ประการที่สามหลังจากเปลี่ยนหรือเพิ่มขนาดรูปภาพใหม่คุณต้องสร้างภาพขนาดย่อที่มีอยู่ใหม่ทุกครั้ง มีปลั๊กอินที่ยอดเยี่ยมที่เรียกว่าสร้างภาพขนาดย่อสำหรับสิ่งนี้


1
รู้สึกอิสระที่จะลงคะแนนถ้ามันช่วย :-)
Andy Macaulay-Brook
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.