[WP] เทคนิคการเพิ่มรูป Thumbnail ในการแสดงหัวข้อเนื้อหา

การเพิ่มรูป Thumbnail ในการแสดงหัวข้อเนื้อหาคือยังไง???

การมีรูปอยู่ในหัวข้อเนื้อหาจะเห็นได้บ่อยๆ ในธีมแบบ Magazine ที่มีการใช้รูปประกอบเนื้อหาในหน้าแรก ไปดูเพิ่มเติมได้ที่ http://wphacks.com/best-magazine-style-wordpress-themes/ หรือจะดูรูปที่ออฟใส่กรอบสีแดงเอาไว้ให้ดูก็ได้คะ

wordpress_mimbo_magazine_free_wordress_theme.jpg

Mimbo based BranfordMagazine theme:

wordpress_thumbnail_artemia_free.jpg

Arthemia Free Theme (Premium Version Also Available)

wordpress_thumbnail_branfordmagazine_wp.jpg

วิธีหลักๆในการการเพิ่มรูป Thumbnail ในการแสดงหัวข้อเนื้อหา

  1. ใช้ปลั๊กอิน Thumbnail For Excerpts ซึ่งจะเป็นการนำรูปแรกของเนื้อหามาเป็น Thumbnail พร้อมกับเนื้อหาที่มีการ excerpt (ใช้คำสั่ง <?php the_excerpt(); ?> )แต่มีข้อจำกัดตรงที่ว่าจะสามารถแสดงได้เพียงแค่ส่วนเดียวเท่านั้น เช่น ถ้าอยากมีการดึงข้อมูลออกมาจาก Category ต่างกันในหน้าเดียวกันจะทำไม่ได้ โดยมันจะดึงรูปของเอนทรี่ล่าสุดมาแสดงเท่านั้น
  2. การใช้งานสคริปของ TimThumb PHP Script โดยจะเป็นสคริปที่ช่วยในการ resize รูปภาพ ซึ่งถ้าหากจะใช้วิธีนี้จะต้องมีการแก้ไขโค้ดเพิ่มเองนิดหน่อย ซึ่งสำหรับบางคนที่ไม่ชินกับการแก้โค้ดนั้นอาจจะยุ่งยากนิดหน่อยค่ะ

Leave a comment