ถาม วิธีแสดงภาพหน้าบทความ ของ wp twenty ten theme คับ

[sacc]

อยากให้มีภาพแสดงด้านหน้าบทความแบบในเว็บด้านล่างนี้ครับ

shareview.in.th

ผมลองใช้ plugin  Auto Excerpt everywhere ดู แต่รูปมันแสดงเฉพาะหน้าแรก  แต่พอหน้าหมวดหมู่ หรือ หน้า  Archives  จะไม่แสดง

ผู้รู้ช่วยผมทีครับ  จะเป็นแนะนำ plugin หรือวิธีใส code แบบละเอียดก็ได้ครับ

ขอบคุณล่วงหน้าครับ

[BrainFreeze]

จากตัวอย่าง หน้าแรกนั้นไม่ใช่ post list นะครับ แต่เป็น page

ดูตัวอย่างของหน้า post list ครับ ไม่มี thumbnail เช่นกัน
http://www.shareview.in.th/author/naihua

[sacc]

จากตัวอย่าง หน้าแรกนั้นไม่ใช่ post list นะครับ แต่เป็น page

ดูตัวอย่างของหน้า post list ครับ ไม่มี thumbnail เช่นกัน
http://www.shareview.in.th/author/naihua

ใช่ครับ  นั่นคือเว็บตัวอย่างครับ

ส่วนเว็บผมที่ยังสร้างไม่เสร็จ  อยากให้มีทุกหน้าครับ  หาวิธียังไม่เจอครับ

[BrainFreeze]

ลองแก้ code ตามนี้ครับท่าน

http://www.everville.de/2010/11/21/enabling-post-thumbnails-in-the-twenty-ten-theme/

[DragonB]

คล้ายๆเว็บผมเลย วิธีของผมคือเขียน function ตรวจจับรูปภาพขึ้นมาใหม่ รูปไหนที่เป็นรูปแรกจะนำมาย่อให้เป็นตามขนาดที่ต้องการ แล้วจัดขึ้นใน post ครับ
แต่อาจจะใช้วิธี featured image ของ WP ก็ได้ครับ มันเป็น function ที่มีมาให้อยู่แล้ว เราสามารถดึงมาใช้ได้เลย โดยรายละเอียดตัวฟังก์ชั่นอยู่ในลิ้งด้านล่างครับ
http://codex.wordpress.org/Post_Thumbnails

จากนั้นท่านก็ใช้ the_excerpt ในการดึงข้อความของบทความมาแสดงข้างๆภาพครับ มันก็จะได้เหมือนในเว็บตัวอย่างครับ

[ekateikate]

ใน post ตรง feature image อะ...

[sacc]

ใน post ตรง feature image อะ...

ก็ใสทุกโพสแหละครับแต่มันไม่ขึ้น

เด๋วจะลองจากท่านด้านบนดูก่อนครับ

ผมเคยลองทำตามเว็บฝรั่งดู ก็แสดงครับ  แต่มันแสดงไม่เท่ากัน  มันดูไม่สวย

[NaiHua]

ได้ผลอย่างไร รบกวนบอกกันบ้างนะครับ อยากทำได้บ้าง 

[sacc]

ลองแก้ code ตามนี้ครับท่าน

http://www.everville.de/2010/11/21/enabling-post-thumbnails-in-the-twenty-ten-theme/

+1 ให้แล้วครับ

ทำได้แล้วครับตามวิธีนี้  แต่ติดปัญหาคือหาที่ปรับขนาดรูปไม่เจอครับ 

มัน fix มา 150 x 150 px

[DragonB]

ลองแก้ code ตามนี้ครับท่าน

http://www.everville.de/2010/11/21/enabling-post-thumbnails-in-the-twenty-ten-theme/

+1 ให้แล้วครับ

ทำได้แล้วครับตามวิธีนี้  แต่ติดปัญหาคือหาที่ปรับขนาดรูปไม่เจอครับ 

มัน fix มา 150 x 150 px

แก้ตรง <?php the_post_thumbnail( 'thumbnail' ); ?> ให้ด้านในเป็น the_post_thumbnail( array(100,100) ) นะครับ 100,100 คือ กว้าง 100px ยาว 100px ครับ แก้ขนาดได้ตามต้องการเลยครับ

[sacc]

ลองแก้ code ตามนี้ครับท่าน

http://www.everville.de/2010/11/21/enabling-post-thumbnails-in-the-twenty-ten-theme/

+1 ให้แล้วครับ

ทำได้แล้วครับตามวิธีนี้  แต่ติดปัญหาคือหาที่ปรับขนาดรูปไม่เจอครับ 

มัน fix มา 150 x 150 px

แก้ตรง <?php the_post_thumbnail( 'thumbnail' ); ?> ให้ด้านในเป็น the_post_thumbnail( array(100,100) ) นะครับ 100,100 คือ กว้าง 100px ยาว 100px ครับ แก้ขนาดได้ตามต้องการเลยครับ

มีวิธีอื่นไหมครับ


วิธีนี้ใส่เข้าไปแล้ว  ข้อความตกลงมาอยู่ด้านล่างของรูปภาพครับ 

[adjobb]

กำหนดความกว้าง กับ สูงให้พอดีครับไม่งั้นมันจะตกลองไล่ ลดไปทีละ 10 10

มีวิธีอื่นไหมครับ


วิธีนี้ใส่เข้าไปแล้ว  ข้อความตกลงมาอยู่ด้านล่างของรูปภาพครับ 

[DragonB]

ลองแก้ code ตามนี้ครับท่าน

http://www.everville.de/2010/11/21/enabling-post-thumbnails-in-the-twenty-ten-theme/

+1 ให้แล้วครับ

ทำได้แล้วครับตามวิธีนี้  แต่ติดปัญหาคือหาที่ปรับขนาดรูปไม่เจอครับ 

มัน fix มา 150 x 150 px

แก้ตรง <?php the_post_thumbnail( 'thumbnail' ); ?> ให้ด้านในเป็น the_post_thumbnail( array(100,100) ) นะครับ 100,100 คือ กว้าง 100px ยาว 100px ครับ แก้ขนาดได้ตามต้องการเลยครับ

มีวิธีอื่นไหมครับ


วิธีนี้ใส่เข้าไปแล้ว  ข้อความตกลงมาอยู่ด้านล่างของรูปภาพครับ 

ถ้า block model ที่คุมรูปกับข้อความมันขนาดเท่าเดิม แล้วเราขยายภาพ ข้อความจะขยับลงไปด้านล่างเองอัตโนมัติครับ เพราะว่ากรอบยังเท่าเดิม แต่ข้อมูลใหญ่ขึ้น เหมือนกับน้ำที่ล้นโอ่งอ่ะครับ วิธีแก้คือกำหนด CSS ของตัว block model ให้กว้างพอที่จะรองรับข้อมูลด้านในได้พอดีครับ

[sacc]

ปกติที่มัน fix ไว้ 150x150  ก็ไม่ตกนะครับ  แต่พอแก้โค้ดตามที่ท่านแนะนำ  100x100 กลับตกลงไปด้านใต้รูปครับ