แก้ไขรูป Thumnail ในเวิดเพรสตรงไหนครับ ฝากวิจารณ์ด้วย (รายละเอียดข้างใน)

[toekingsize]

ตัวเว็บเพิ่งทำได้ 2 วันครับ กำลังไล่ใส่คอนเทนต์อยู่

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

ตัวอย่างลิ้งค์นี้ http://www.monkbigbike.com/%E0%B8%97%E0%B8%A3%E0%B8%B4%E0%B8%9B-monk-4-motogp-2013-%E0%B8%97%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B9%81%E0%B8%94%E0%B8%99%E0%B8%A1%E0%B8%B0%E0%B8%A5%E0%B8%B0%E0%B8%81%E0%B8%B2/

ปล. รูปแบบเว็บพอได้ไหมครับ


ขอบคุณครับบบบบ

[makoto]

ทำได้ครับ แค่วัดพื้นที่ทั้งหมด แล้วลบขนาดขอบรวมช่องไฟประมาณ 10-12 px เหลือเท่าไหร่จับหารจำนวนภาพต่อ 1 แถวว่าจะใส่กี่ภาพ จะได้จำนวนความกว้างของ pixel ที่จะลงภาพ
แล้วเอาค่าที่ได้ไปแก้ไขเอาใน theme ที่ใช้ว่าจะกำหนดให้ความกว้างเท่าไหร่ สูงเท่าไหร่

[mytony]

theme สวยนะครับ   ไม่ทราบว่าท่านเขียนเอง หรือ แก้ไข เล็กหน่อยครับ

[VadiForte]

ได้ครับ ก็เรียกมันมาแบบขนาดเต็มไปเลยครับ แล้วใช้ CSS ย่อรูป จัดมันเอา

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

สีแดงคือชื่อ Class ที่เอาไว้กำหนดครับ

ใน css ก็ตั้งชื่อว่า

img.img-responsive
{
    อะไรก็ว่าไป;
}

[wasantec]

ได้ครับ ก็เรียกมันมาแบบขนาดเต็มไปเลยครับ แล้วใช้ CSS ย่อรูป จัดมันเอา

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

สีแดงคือชื่อ Class ที่เอาไว้กำหนดครับ

ใน css ก็ตั้งชื่อว่า

img.img-responsive
{
    อะไรก็ว่าไป;
}

เรียกแบบ Full มาเลยหลอ แล้วถ้ารูปมันไม่เท่ากันละครับ จะทำให้รุปมันดูยืดนะท่าน ต้องกำหนดขนาดว่าจะให้มันขนาดเท่าไหร่แล้วค่อยดึงมาครับมันถึงจะทำให้รูปไม่ยืดไม่หด

[ptteppawong]

ปกติผมจะใช้ดค้ดตามที่เว็บเค้าบอกมาอ่ะ   ลอง ๆ ดุใน wordpress น่ะแหละ เค้ามีบอกไว้อยู่

http://codex.wordpress.org/Post_Thumbnails

http://codex.wordpress.org/Function_Reference/add_image_size

[VadiForte]

ได้ครับ ก็เรียกมันมาแบบขนาดเต็มไปเลยครับ แล้วใช้ CSS ย่อรูป จัดมันเอา

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

สีแดงคือชื่อ Class ที่เอาไว้กำหนดครับ

ใน css ก็ตั้งชื่อว่า

img.img-responsive
{
    อะไรก็ว่าไป;
}

เรียกแบบ Full มาเลยหลอ แล้วถ้ารูปมันไม่เท่ากันละครับ จะทำให้รุปมันดูยืดนะท่าน ต้องกำหนดขนาดว่าจะให้มันขนาดเท่าไหร่แล้วค่อยดึงมาครับมันถึงจะทำให้รูปไม่ยืดไม่หด

ครับ เพราะผมให้ Solution เขาเฉพาะในส่วนของเขา เพราะรูปของเขาเท่ากันทุกรูปครับ
และผมก็ยังบอกอีกว่า ให้แก้ CSS กำหนดขนาดเอาครับ

อีกอย่าง พฤติกรรมของ User เวลาจะเปิดดูรูป ยังไงเขาก็ต้องดูรูปใหญ่อยู่แล้วครับ ซึ่งมันไม่ค่อยต่างกันเท่าไหร่ว่าคุณจะเอาใหญ่ หรือเล็กมาก่อน เพราะยังไงมันก็ต้องโหลดใหญ่อยู่แล้ว ก็เหมือนกับเราเรียกมาโหลดไว้ก่อนครับ

อีกอย่าง เว็บของเขาเป็นกลุ่มค่อนข้าง Niche ครับ มากกว่า 80 เปอร์เซ็นเวลาเข้าดูรูปแล้ว ต้องเปิดดูทุกรูปอยู่แล้วครับ เพราะพวกเขาสนใจในเรื่องนี้

[toekingsize]

ยังแก้ไม่ได้เลยครับ ฮือๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆๆ

[ptteppawong]

อันใช้ plugin แสดงรูป gallery หรือว่าเป้นรูปจากของแต่ละโพสต์ครับ

[ptteppawong]

เท่าที่ดูท่านใช้ plugin ตัวนี้เหรอเปล่าเอ่ย

http://wordpress.org/plugins/easy-fancybox/screenshots/


ไม่ลองใช้ตัวนี้ดูบ้างครับ 

http://wordpress.org/plugins/nextgen-gallery/screenshots/

ภาพโชว์เต้มครับ ไม่โดนตัดครับ

http://www.tankhun-weddingthai.com/%E0%B9%81%E0%B8%81%E0%B8%A5%E0%B8%AD%E0%B8%A3%E0%B8%B5%E0%B9%88-016/

[toekingsize]

เท่าที่ดูท่านใช้ plugin ตัวนี้เหรอเปล่าเอ่ย

http://wordpress.org/plugins/easy-fancybox/screenshots/


ไม่ลองใช้ตัวนี้ดูบ้างครับ 

http://wordpress.org/plugins/nextgen-gallery/screenshots/

ภาพโชว์เต้มครับ ไม่โดนตัดครับ

http://www.tankhun-weddingthai.com/%E0%B9%81%E0%B8%81%E0%B8%A5%E0%B8%AD%E0%B8%A3%E0%B8%B5%E0%B9%88-016/

มันอยู่ที่ตอนอัพโหลดรูปภาพครับ แล้วเราเลือกขนาด (ตรงมุมขวามือล่าง) มันมีแค่ 230*130 << อยากแก้จุดนี้อ่ะ ส่วนปลั๊กอินนี้มันออโต้ครับ ไม่มีส่วนในการปรับขนาดรูปครับท่าน

[toekingsize]

อันใช้ plugin แสดงรูป gallery หรือว่าเป้นรูปจากของแต่ละโพสต์ครับ

เป้นรูปจากของแต่ละโพสต์ครับ

[ptteppawong]

เท่าที่ดูท่านใช้ plugin ตัวนี้เหรอเปล่าเอ่ย

http://wordpress.org/plugins/easy-fancybox/screenshots/


ไม่ลองใช้ตัวนี้ดูบ้างครับ 

http://wordpress.org/plugins/nextgen-gallery/screenshots/

ภาพโชว์เต้มครับ ไม่โดนตัดครับ

http://www.tankhun-weddingthai.com/%E0%B9%81%E0%B8%81%E0%B8%A5%E0%B8%AD%E0%B8%A3%E0%B8%B5%E0%B9%88-016/

มันอยู่ที่ตอนอัพโหลดรูปภาพครับ แล้วเราเลือกขนาด (ตรงมุมขวามือล่าง) มันมีแค่ 230*130 << อยากแก้จุดนี้อ่ะ ส่วนปลั๊กอินนี้มันออโต้ครับ ไม่มีส่วนในการปรับขนาดรูปครับท่าน

ผมไม่ทราบเหมือนกันว่าอัพไปทีละรูป  หรือ อัพไปหลาย ๆ รูปเลย  อย่างของผม ผมไม่ใช้ feather image ครับ

ผมใช้ plugin ตัวนี้จัดการ  http://wordpress.org/plugins/nextgen-gallery/screenshots/

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

[ptteppawong]

อันใช้ plugin แสดงรูป gallery หรือว่าเป้นรูปจากของแต่ละโพสต์ครับ

เป้นรูปจากของแต่ละโพสต์ครับ

thumnail ที่ว่านี้ คือหน้า
http://www.monkbigbike.com/category/%E0%B9%81%E0%B8%81%E0%B8%A5%E0%B9%80%E0%B8%A5%E0%B8%AD%E0%B8%A3%E0%B8%B5%E0%B9%88/

หรือหน้านี้ครับ

http://www.monkbigbike.com/%E0%B8%97%E0%B8%A3%E0%B8%B4%E0%B8%9B-monk-4-motogp-2013-%E0%B8%97%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B9%81%E0%B8%94%E0%B8%99%E0%B8%A1%E0%B8%B0%E0%B8%A5%E0%B8%B0%E0%B8%81%E0%B8%B2/

[toekingsize]

อันใช้ plugin แสดงรูป gallery หรือว่าเป้นรูปจากของแต่ละโพสต์ครับ

เป้นรูปจากของแต่ละโพสต์ครับ

thumnail ที่ว่านี้ คือหน้า
http://www.monkbigbike.com/category/%E0%B9%81%E0%B8%81%E0%B8%A5%E0%B9%80%E0%B8%A5%E0%B8%AD%E0%B8%A3%E0%B8%B5%E0%B9%88/

หรือหน้านี้ครับ

http://www.monkbigbike.com/%E0%B8%97%E0%B8%A3%E0%B8%B4%E0%B8%9B-monk-4-motogp-2013-%E0%B8%97%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B9%81%E0%B8%94%E0%B8%99%E0%B8%A1%E0%B8%B0%E0%B8%A5%E0%B8%B0%E0%B8%81%E0%B8%B2/

หน้านี้ครับท่าน http://www.monkbigbike.com/%E0%B8%97%E0%B8%A3%E0%B8%B4%E0%B8%9B-monk-4-motogp-2013-%E0%B8%97%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B9%81%E0%B8%94%E0%B8%99%E0%B8%A1%E0%B8%B0%E0%B8%A5%E0%B8%B0%E0%B8%81%E0%B8%B2/

[ptteppawong]

หน้านี้ครับท่าน http://www.monkbigbike.com/%E0...A5%E0%B8%B0%E0%B8%81%E0%B8%B2

หมายถึงรูปทั้งหมดที่โดนตัดไปเหรอครับ   คงไม่ใช่รูปจาก Feather image เหรอเปล่าครับ  ปกติมันใส่ได้รูปเดียวนะ

ใช้ plugin อัพโหลดภาพเข้ามา หรือใช้ตัวอัพโหลดของ wordpress ครับ  ที่ใส่เป็นอัลบั้มภาพเหรอเปล่าครับ

[toekingsize]

หน้านี้ครับท่าน http://www.monkbigbike.com/%E0...A5%E0%B8%B0%E0%B8%81%E0%B8%B2

หมายถึงรูปทั้งหมดที่โดนตัดไปเหรอครับ   คงไม่ใช่รูปจาก Feather image เหรอเปล่าครับ  ปกติมันใส่ได้รูปเดียวนะ

ใช้ plugin อัพโหลดภาพเข้ามา หรือใช้ตัวอัพโหลดของ wordpress ครับ  ที่ใส่เป็นอัลบั้มภาพเหรอเปล่าครับ

ใช้ตัวอัพโหลดของ wordpress ครับ
ไม่ได้ผ่านปลั๊กอินแต่อย่างใด

เดิมๆมันมี 110*110 / 230*130 / xxx*xxx ไรเงี้ย
ผมอยากแก้ขนาดที่มันมีมาให้น่ะ อาจจะเป็น 250*200 แบบว่าเวลาโพสให้มันมีให้เลือกเลยครับ

ขอบคุณนะครับท่าน

[ThugzAffiliate]

เข้าไปที่ media settings มองหา medium size เปลี่ยนจาก 230 เป็น 254 แล้วใช้ plugin http://wordpress.org/plugins/regenerate-thumbnails/ ให้มันตัดรูปมาใหม่ตามที่เราเปลี่ยน

[ptteppawong]

หน้านี้ครับท่าน http://www.monkbigbike.com/%E0...A5%E0%B8%B0%E0%B8%81%E0%B8%B2

หมายถึงรูปทั้งหมดที่โดนตัดไปเหรอครับ   คงไม่ใช่รูปจาก Feather image เหรอเปล่าครับ  ปกติมันใส่ได้รูปเดียวนะ

ใช้ plugin อัพโหลดภาพเข้ามา หรือใช้ตัวอัพโหลดของ wordpress ครับ  ที่ใส่เป็นอัลบั้มภาพเหรอเปล่าครับ

ใช้ตัวอัพโหลดของ wordpress ครับ
ไม่ได้ผ่านปลั๊กอินแต่อย่างใด

เดิมๆมันมี 110*110 / 230*130 / xxx*xxx ไรเงี้ย
ผมอยากแก้ขนาดที่มันมีมาให้น่ะ อาจจะเป็น 250*200 แบบว่าเวลาโพสให้มันมีให้เลือกเลยครับ

ขอบคุณนะครับท่าน

อ๋อ  ใช้ตัวอัพโหลดของ wordpress นี่เอง  ปกติผมไม่ใช้อันนี้  แต่ผมใช้ plugin ตัวอื่นแทน...

สงสัยต้องไปตั้งค่าที่    การตั้งค่าไฟล์สื่อ

[toekingsize]

เข้าไปที่ media settings มองหา medium size เปลี่ยนจาก 230 เป็น 254 แล้วใช้ plugin http://wordpress.org/plugins/regenerate-thumbnails/ ให้มันตัดรูปมาใหม่ตามที่เราเปลี่ยน

ไม่ได้อยู่ดีครับท่าน ติดตั้งไปแล้วไม่มีให้ตั้งค่าอะไรเลย // ผมเข้าไปตั้งค่าไฟล์สื่อตามที่ท่านบอกแล้วก็เหมือนเดิม ลองโพสใหม่ก็เหมือนเดิมครับ