[WP] วิธีการใช้ TimThumb Script ในการปรับขนาดรูปใน WordPress
TimThumb Script คืออะไร
TimThumb Script คือสคริปที่ใช้ในการปรับขนาดของภาพโดยอัตโนมัติ โดยทำให้เราสามารถ crop รูปภาพได้ตามต้องการ โดยเหมาะกับ wordpress theme ที่มีการแสดงรูปภาพในส่วนของ Thumbnail เยอะๆ
วิธีการดาวน์โหลดและตั้งค่า TimThumb Script
- ดาว์นโหลด TimThumb.php
- อัพโหลดไฟล์ไปไว้ที่
/wp-content/themes/your-theme/scripts/timthumb.php
- สร้างโฟลเดอร์ cache ใน
wp-content/themes/your-theme/scripts/cache
- ตั้งค่าเข้าใช้งานให้โฟลเดอร์ 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) ) { ?> < ?php } ?>
วิธีการใช้ Custom Field
- เข้าไปยังหน้าเพิ่มหรือแก้ไข post
- กด Enter new
- ใส่ค่าใน thumb ในช่อง Name และใส่ pathของรูปในช่อง Value
- กด Add Custom Field
http://c.hadcoleman.com/2008/06/adding-timthumb-to-your-wordpress-theme/
Leave a comment