[WP] วิธีการใช้ TimThumb Script ในการปรับขนาดรูปใน WordPress

TimThumb Script คืออะไร

TimThumb Script คือสคริปที่ใช้ในการปรับขนาดของภาพโดยอัตโนมัติ โดยทำให้เราสามารถ crop รูปภาพได้ตามต้องการ โดยเหมาะกับ wordpress theme ที่มีการแสดงรูปภาพในส่วนของ Thumbnail เยอะๆ

วิธีการดาวน์โหลดและตั้งค่า TimThumb Script

1. ดาว์นโหลด TimThumb.php
2. อัพโหลดไฟล์ไปไว้ที่ /wp-content/themes/your-theme/scripts/timthumb.php
3. สร้างโฟลเดอร์ cache ใน wp-content/themes/your-theme/scripts/cache
4. ตั้งค่าเข้าใช้งานให้โฟลเดอร์ scripts และ cache เป็น 777

วิธีการใช้ TimThumb Script ในการปรับขนาดรูปใน WordPress

– เปิดหน้าที่ต้องการแสดงรูปไม่ว่าจะเป็น index.php, sidebar.php แล้วใส่โค้ดแสดงรูปดังนี้

• การแสดงรูปภาพ

  < ?php if ( get_post_meta($post->ID, 'thumb', true) ) { ?>
  	
  
  		&h=150&w=150&zc=1" alt="< ?php the_title(); ?>" width="100" height="57" />
  	
  < ?php } ?>
  

• การแสดงรูปภาพและลิงค์ไปยัง post

  < ?php if ( get_post_meta($post->ID, 'thumb', true) ) { ?>
  	
  
  		&h=150&w=150&zc=1" alt="< ?php the_title(); ?>" width="150" height="150" />
  	
  < ?php } ?>
  
  

วิธีการใช้ Custom Field

1. เข้าไปยังหน้าเพิ่มหรือแก้ไข post
2. กด Enter new
   
3. ใส่ค่าใน thumb ในช่อง Name และใส่ pathของรูปในช่อง Value

   

4. กด Add Custom Field

http://c.hadcoleman.com/2008/06/adding-timthumb-to-your-wordpress-theme/