wp - ปรับขนาดรูปในโพสให้พอดีกับหน้าเว็บ

[seoห่วยแตก]

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

มือใหม่ ฝากแนะนำด้วยครับ 




css
img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}


ตั้งค่าไฟล์สื่อ

[fangbif]

ทำไมถึงอยากให้รูปเล็กมันยืดอ่ะคะ มันจะไม่สวยนะ ค่าปกติของ wordpress จะไม่ยืดรูปเล็กอยู่แล้วค่ะ เช่นถ้าขนาดเต็มของมันไม่ได้ใหญ่กว่าหน้าบทความ มันก็จะมีไซต์ให้เลือกแค่ thumbnail, medium แล้วก็ full size เลย เพราะมันจะไม่ยืดรูปค่ะ แต่ถ้าเป็นรูปใหญ่กว่า ก็จะมีตัวเลือก Large อีกตัว อันนี้จะเล็กกว่า full size เพราะมันหดได้ ดีกว่ายืดนั่นเอง

วิธีแก้ต้องรอท่านอื่นต่อไป เพราะจริงๆ คนคงไม่อยากให้มันยืดมากกว่า ภาพเบลอหมด แก้ขั้นต้นอาจจะต้องจับยืดออกเอง แต่มันไม่อัตโนมัติอ่ะเนาะ ต้องมายืดทีละรูป 

[sputtaro]

object-fit:contain;

ลองค้นคำว่า "css object-fit" ดูครับ จะมีคำสั่งที่เกี่ยวข้อง ให้เลือกใช้ ตามค้องการ
ช่วยแก้ไขปัญหาภาพเล็ก แล้วต้องการให้ขยายเพิ่มขึ้นได้

ไม่รู้จะช่วยได้ไหม ลองดูเองนะครับ

[seoห่วยแตก]

ทำไมถึงอยากให้รูปเล็กมันยืดอ่ะคะ มันจะไม่สวยนะ ค่าปกติของ wordpress จะไม่ยืดรูปเล็กอยู่แล้วค่ะ เช่นถ้าขนาดเต็มของมันไม่ได้ใหญ่กว่าหน้าบทความ มันก็จะมีไซต์ให้เลือกแค่ thumbnail, medium แล้วก็ full size เลย เพราะมันจะไม่ยืดรูปค่ะ แต่ถ้าเป็นรูปใหญ่กว่า ก็จะมีตัวเลือก Large อีกตัว อันนี้จะเล็กกว่า full size เพราะมันหดได้ ดีกว่ายืดนั่นเอง

วิธีแก้ต้องรอท่านอื่นต่อไป เพราะจริงๆ คนคงไม่อยากให้มันยืดมากกว่า ภาพเบลอหมด แก้ขั้นต้นอาจจะต้องจับยืดออกเอง แต่มันไม่อัตโนมัติอ่ะเนาะ ต้องมายืดทีละรูป 

เป็นเว็บสำหรับโพสรูปล้วนๆครับ ส่วนใหญ่ก็เป็นรูปขนาดใหญ่กว่า content
แต่ก็มีบางรูปที่จะเล็กกว่า ประมาณ 500-600px  ซึ่งมันจะแหว่งๆ ดูแล้วไม่ค่อยสวยครับ