ฉันกำลังพยายามใช้คุณสมบัติภาพที่ตอบสนองต่อใหม่ใน 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">
โปรดช่วยฉันเข้าใจสิ่งที่ฉันทำผิด!
add_image_size ('my-custom-size', 1050, 0, false );
และสำหรับคำอธิบายโปรดอ่านwordpress.stackexchange.com/a/211405/18731 ที่ได้