การสร้าง thumbnail ใน Drupal อยากให้แสดงรูปขนาดย่อในหน้า blog หรือ frontpage ทำไง CMS ตัวอื่นอย่างเช่น wordpress จะมี thumbnail plugins ให้ใช้และใช้ง่ายกว่าดรูปัลด้วย ส่วน Drupal ก็มีโมดูลให้ใช้เช่้นกันแต่อาจยุ่งยากสักหน่อย มาดูกันครับว่าทำไง
ตัวอย่าง หลังจากที่กำหนดค่าแล้วจะได้ผลดังรูปด้านล่างนี้
การสร้าง thumbnail ใน Drupal
โมดูลที่ต้องใช้ มีดังนี้
- Image module
- image_cache module
- ImageAPI module (required by image_cache)
- Views module
- Teaser Thumbnail
1.) หลังจากอัพโหลดแล้ว เข้าไปเปิดการใช้งานที่ admin/build/modules เปิดการใช้งานแล้วอย่าลืมไปกำหนด permissions ด้วยนะครับ
2.) ตั้งค่าการใช้งาน เข้าไปที่ /admin/build/imagecache กำหนดชื่อให้กับ imagaecache โดยคลิกที่ Add new preset ใส่ชื่อ แล้วคลิก Save Preset
- คลิก New Actions แล้ว เลือก Scale กำหนดขนาดของรูปภาพ เสร็จแล้วคลิก Create Action
หลังจากสร้าง Action แล้ว จะมีข้อมูลที่เราสร้างขึ้น
หลังจากที่สร้าง preset แล้ว ไปกำหนด permissions ให้สามารถมองเห็นได้ด้วยนะครับ
3.) ตั้งค่า /admin/settings/teaserthumbnail
4.) กำหนดค่าใน Content Type ที่จะให้แสดงรูป thumbnail เช่น ผมกำหนดให้แสดง thumbnail ใน
ไปที่ /admin/content/node-type/blog
มองหาในส่วนของ Teaser Thumbnail อยู่ล่างสุดครับ มีส่วนปรับแต่งไม่กี่จุด นอกนั้นปล่อยไว้ตามนั้น จุดที่ปรับแต่งคือ
- Generate thumbnail เลือก เปิดใช้งาน
- เลือก Display thumbnail as link
- thumbnail alignment เลือก left (ให้ภาพอยู่ทางซ้ายของข้อความ)
- เลือก thumbnail preset
แล้วคลิก บันทึกชนิดเนื้อหา
5.) เพิ่ม CSS ใน style.css ในธีมที่เราใช้ (themes/ธีมที่ใช้/style.css ดังนี้
.teaserthumbnail {margin-right:10px; margin-bottom:10px;} //ขวาห่าง 10px ล่างห่าง 10px
ทดสอบหน่อย
โอ ได้ผลครับ ส่วนการตั้งค่า thumbnail ใน views ไว้ครั้งต่อไปนะครับ