FileField ImageField

เมื่อเราจะเข้าไปจัดการกับ Fields ของ content types ยังมี Fields อีกบางประเภท ที่ยังไม่ถูกติดตั้งมากับ CCK นั้นก็คือ Imagefield และ Filefield ในบางครั้งที่เราต้องการให้ Content ของเรามีการแทรกรูปภาพ หรือไฟล์ ลงไปด้วย

การติดตั้ง Imagesfield และ Filefield นั้นจะต้องติดตั้ง Modules ดังนี้

• CCK Module
• FileField Module

และมี Module ที่เกี่ยวข้องกันอีก คือ ImageCache ไว้สำหรับจัดกาีรกับรูปภาพ ซึ่งไม่ต้องติดตั้ง Module นี้ก็สามารถใช้งานได้

เริ่มต้น เราต้องดาวน์โหลด FileField Module และ ImageField Module ก่อน และทำการคัดลอก Modules ทั้ง 2 ตัวนี้ไปไว้ใน /Modules เข้าไปทำการเปิดใช้งาน Modules โดยเข้าไปที่เมนู Administer > Site building > Modules ทำการ Enable Modules ทั้ง 2 ตัวนี้

เราจะมาทดสอบการสร้าง ImageField ให้กับ Announcement โดยเราจะสร้าง Content type ขึ้นมาใหม่โดยกำหนดชื่อว่า Announcement แล้วเพิ่ม ImagesField เข้าไปให้แสดงรูปภาพประกอบด้วย

ขั้นตอนแรก ต้องเพิ่ม Content type เข้าไป โดยไปที่เมนู Administer > Content management > Content types เลือก Add content type

ทำการป้อนค่้าดังนี้

Name : Announcement

Type: announcement

Description : Announcement news this web site

Title field label : หัวข้อข่าว

Body field label : เนื้อหาข่าว

ทำการบันทึกโดยเลือก Save content type แ้ล้วเราจะได้ Content type ชนิด Announcement ขึ้นมาดังรูป

หลังจากสร้าง Content type เสร็จแล้วให้เข้่าไปที่ manage fields ของ Announcement

ทำการเพิ่ม new field ดังนี้

lebel : รูปภาพข่าว

field name picturenews

type : file

Form element : Image

เมื่อทำการป้อนค่าแล้ว เลือกที่ Save

จากนั้นจะเข้่าสู่การกำหนดค่าของ field ที่เราได้สร้่างขึ้นมา

ทำการป้อนค่าดังนี้

Permitted upload file extensions: gif jpg jepg png bmp

ทำเครื่องหมายถูกที่ Use default image

Upload image: เลือกไฟล์ที่เราจะกำหนดให้เป็นไฟล์เริ่มต้น สำหรับผม ผมได้สร้างไฟล์นี้ขึ้นมาเพื่อกำหนดเป็นค่าเริ่มต้นไว้ ผมก็จะเลือกไฟล์ที่ทำได้สสร้างไว้

เลือก Save field settings ถือเป็นการเสร็จสินการเพิ่ม field ชนิด image ให้กับ Announcement ต่อไปนี้เราจะมาทดสอบการเพิ่ม เนื้อหา ให้กับ Announcement กัน โดย เข้าไปที่เมนู Create content > Announcement ตัวอย่างดังรูป

ทำการป้อน หัวข้อข่าว เนื้อหาข่าว และเลือกรูปภาพข่าว จากนั้นเลือก Save เพียงแค่นี้ Announcement ของเราก็สามารถเพิ่มรูปภาพเข้าไปได้แล้ว จากข่าวที่ผมเพิ่มเข้าไป แสดงผลได้แบบนี้

เห็นมั้ยละครับ การเพิ่ม ImageField ไม่ยากอย่างที่คิด ส่วนการเพิ่ม Filefield ก็ทำเหมือนกัน Imagefield นี่แหละ แต่ไอ้ตอนที่เลือก Form element ให้เลือก เป็น File ก็แค่นั้นเองครับ คราวหน้าผมจะมาบอกกับการจัดการขนาด กับรูปภาพที่สร้างขึ้นมาจาก Imagefield นะครับ

Content Type CCK

คราวนี้เราจะมาเรียนรู้กับ Content Types ด้วย CCK (Content Construction Kit)

Content Types หมายถึงประเภทของเนื้อหา ที่ใช้ในเว็บไซต์ทั้งหมด ตามปรกติ Drupal จะกำหนด Contype types มาให้ 2 ประเภท คือ Page และ Story และจะสามารถมีเสริมได้อีก คือ Forum Blog Pool ตาม Modules ที่เราได้เปิดการใช้งาน Content types เหล่านี้ถือเป็น Content types ที่ Modules แต่ละประเภท เป็นคนสร้างขึ้นมาให้ใช้งานนั่นเอง เราสามารถเข้าไปจัดการกับ Content types เข้าไปที่ Administer > Content management > Content types เราสามารถสร้างประเภทเนื้อหาของเราเองได้ การสร้างประเภทเนื้อหาสามารถทำได้โดย เลือกที่ add content type แล้วทำการป้อนข้อมูลของประเภทเนื้อหา และกำหนดค่าต่าง ซึ่งการกำหนดค่าต่าง ๆ จะมีดังต่อไปนี้

Identification : เป็นการกำหนดค่าพื้นฐานของ Content types ชื่อ ชื่อที่ระบบเรียกใช้ คำอธิบาย

Submission form settings : กำหนด ชื่อ field และ label ของ form ในการเพิ่มเนื้อหา และจำนวนตัวอักษรที่น้อยที่สุด

Workflow settings : เป็นการกำหนดค่าด้านการใช้งาน การกำหนดค่าเริ่มต้นของการใช้งาน เช่น อนุญาติให้ประกาศได้เลยหรือไม่

Comment settings : เป็นการกำหนดค่าด้านการ comment ของ Content types ประเภทนี้

CCK หรือ Content Construction Kit เป็น Module ที่มีไว้สำหรับเพิ่ม field ให้กับ Content types หากเริ่มเพิ่มประเภทของเนื้อหาแล้วยังต้องการเพิ่ม field ต้องใช้ CCK เป็นตัวช่วยสำหรับการเพิ่ม field

การติดตั้ง Module CCK เริ่มต้นด้วยการเตรียม Module โดยสามารถเข้าไปดาวน์โหลด ได้ที่ http://drupal.org/project/cck เมื่อดาวน์โหลดเสร็จแล้วก็ทำการแยกไฟล์ แล้วทำการคัดลอกไปไว้ในโฟลเดอร์ modules แล้้วทำการเปิดการใช้งาน Module โดยเข้าไปที่ Administer > Site building > Modules แล้วทำการเปิดกาีรใช้งาน CCK โดยทำการเช็คเครื่องหมายถูก ที่ Modules ภายใต้ package ของ CCK ทั้งหมด

แล้วเลือก Save configuration

หลังจากได้ติดตั้ง Modules CCK ไปกันแล้วเราจะมาลองเพิ่ม field ให้กับ Content types กัน เข้าไปที่ Administer > Content management > Content types ระบบจะทำการเพิ่ม ส่วนของการจัดการ field ให้โดยอัตโนมัติ ตามรูปด้านล่าง

เราสามารถเข้าไปจัดการกับ field ของ Content types ได้ทุกประเภท โดยการคลิ๊กที่ manage fields แล้วจะพบกับส่วนของการจัดการ fields

เราสามารถเพิ่ม fields ได้ โดยป้อนในช่อง new field

• label : ป้ายกำหนดของ field
• field name : ชื่อของ field
• type of data to store : ชนิดข้อมูล
• form element to edit the data : รูปแบบการป้อนข้อมูล

หลังจากนั้นกดปุ่ม save แล้วจะไปพบกับการตั้งค่าของ ชนิดข้อมูลแต่ละประเภท เพียงแค่นี้เราก็สามารถจัดการกับ field ไว้ใช้งานเองได้อย่างไม่ยากเลย