ในบทนี้แสดงวิธีการรายละเอียดการปรับแต่ง Layout และหน้าตาเว็บไซต์ในเมนู Site building เป็นหลัก และเมนูอื่น ๆ ที่เกี่ยวข้องเท่าที่จำเป็นใน การใช้งานเบื้องต้น ในตอนท้ายของบทนี้มีรายละเอียด ของโมดูลที่น่าสนใจในการนำมาปรับแต่งเว็บไซต์ของคุณ

Site building หลังจากที่ติดตั้งเสร็จจะมีเมนูหลัก ๆ 4 หัวข้อได้แก่

Blocks

สำหรับปรับแต่ง Blockต่าง ๆ ที่จะแสดงบนเว็บไซต์ อย่าสับสนระหว่าง Blog ซึ่งเป็นเหมือนกับหัวข้อ ข่าวที่ผู้ใช้(user)เขียนในพื้นที่(account)ของตัวเอง และ Block ซึ่งหมายถึงพื้นที่สี่เหลี่ยมที่เรามีไว้ เพื่อนำเนื้อหา เมนู รูปภาพ ฯลฯ ไปแสดง เช่นแสดงรูปภาพโลโก้ทางซ้ายมือหรือขวามือ ของผู้สนับสนุน ต่าง ๆ

Menu

สำหรับควบคุมเมนูต่าง ๆไม่ว่าจะเป็นการเพิ่ม ลบเมนู จัดลำดับ หรือเปลี่ยนชื่อใหม่ เมนูหลัก ๆ ได้แก่ navigation ปกติอยู่ซ้ายมือ, primary links อยู่มุมขวามือบน

Modules

สำหรับควบคุมโมดูลต่าง ๆ บนเว็บไซต์ บทนี้จะกล่าวถึงเมนูที่จำเป็นสำหรับการใช้งานเบื้องต้น และเมนู ที่ต้องติดตั้งเพิ่มเติม เช่น TinyMCE ที่เป็นโมดูลเครื่องมือช่วยในการสร้างเนื้อหา IMCE สำหรับจัดการ เรื่องการ Upload ไฟล์ต่าง ๆ

Themes

สำหรับเลือกหน้าตา Interface ของเว็บไซต์ ในบทนี้จะแสดงวิธีการติดตั้งและการปรับแต่ง

Blocks

ฺคลิกเมนู Administer->Site Building->Blocks จะแสดงเพจดังรูปที่ 2.1

รูปที่ 2.1 เมนู Blocks

ตำแหน่งBlock คือพื้นที่สี่เหลี่มแทนด้วยเส้นประจะมีปกติ 5 ที่ด้วยกันได้แก่ ส่วนหัว(Header) ด้านขวามือ(Right Sidebar) ด้านซ้ายมือ(Left Sidebar) ส่วนเนื้อหา(Content) ล่างสุด(Footer) ทั้งนี้ตำแหน่งของ Block ขึ้นอยู่กับ themes ที่เลือกด้วย ในรูปที่ 2.1 แสดง theme ของ garland เราสามารถสร้าง Block ขึ้นมาเองได้ โดยวิธีเหมือนกับการสร้าง ในเมนู create content จากนั้นเลือก ตำแหน่งที่ต้องการให้ Block แสดง

ฺMenu

คลิกเมนู Administer->Site Building->Menu จะแสดงเพจดังรูปที่ 2.2

รูปที่ 2.2 Site building->Menu

Menu มีส่วนต่าง ๆ ที่สำคัญดังนี้

มุมขวามือบนคือ ตำแหน่ง Primary Link ท่านสามารถแก้ไข เพิ่มเมนู หรือเปลี่ยนเอาเมนู Navigation ไปไว้ตำแหน่งนั้นได้ ทางซ้ายมือจะเป็นเมนู Navigation โดยปริยาย หากต้องการเปลี่ยนแปลงชื่อเมนู คลิกที่ Edit ถ้าต้องการเพิ่มเมนูคลิกที่ Add item ถ้าต้องการลบเมนูคลิกที่ Delete

Modules

module เรียกทับศัพท์ทางภาษาไทยได้ว่า โมดูล ใน drupal โมดูลจะมีลักษณะเป็นโปรแกรมหรือสคริปต์ เพื่อช่วยให้ webmaster สามารถจัดการเว็บไชต์ได้ง่ายขึ้น หลังจากการติดตั้ง drupal จะมีโมดูลมาอยู่แล้ว โดยคลิกไปที่ Administer->Site Building->Modules บทนี้จะกล่าวถึงโมดูลที่สำคัญ ๆ และที่จำเป็นใน การใช้งานก่อนได้แก่

1. Aggregator ดึงข้อมูลจากเว็บอื่นๆ (RSS, RDF, Atom) มาแสดง

2. Blog ช่วยให้สามารถอัพเดทเพจและ blog ของผู้ใช้ได้อย่างง่ายดาย

3. Blog API ผู้ใช้สามารถเขียนเนื้อหาโดยผ่านโปรแกรมภายนอกที่สนับสนุน API แบบ XML-RPC

4. Book ผู้ใช้สามารถร่วมกันเขียนหนังสือได้

5. Color ผู้ใช้สามารถเปลี่ยนชุดสีของธีมได้

6. Comment ผู้ใช้สามารถแสดงความคิดเห็นในเนื้อหา

7. Contact ผู้ใช้สามารถส่งข้อความติดต่อกันเอง และฟอร์มติดต่อของเว็บไซต์

8. Drupal ลงทะเบียนเว็บไซต์กับเซิร์ฟเวอร์กลาง และส่งข้อมูลเกี่ยวกับเว็บไซต์ไปยัง Drupal เพื่อพัฒนาโครงการ

9. Forum กระดานสนทนาในหัวข้อต่างๆ

10. Help จัดการการแสดงผลของการช่วยเหลือออนไลน์

11. Legacy ให้ฟังก์ชั่นเก่าสำหรับการอัพเกรดจากดรูปัลเก่า

12. Locale แปลภาษาของส่วนติดต่อผู้ใช้เป็นภาษาอื่นๆ นอกเหนือจากภาษาอังกฤษ

13. Menu ทำให้ administrators สามารถปรับแต่งเมนู navigation ของเว็บไซต์ได้

14. Path เปลี่ยนชื่อเรียก URL

15. Ping แจ้งเว็บไซต์อื่นว่าเว็บไซต์ของคุณมีการอัพเดต

16. Poll เปิดให้มีการโหวตสำหรับหัวข้อต่างๆ

17. Profile สนับสนุนให้สามารถแก้ไขข้อมูลส่วนตัว (user profiles) ของผู้ใช้ (user) ได้

18. Search ค้นหาข้อมูลภายในเว็บไซต์ด้วยคีย์เวิร์ด

19. Statistics เก็บสถิติในการใช้งานเว็บไซต์

20. Taxonomy ทำให้สามารถจำแนกประเภทของเนื้อหาได้

21. Throttle ตั้งค่าพฤติกรรมของเว็บไซต์เมื่อมีโหลดปริมาณมาก

22. Tracker แสดงรายการเนื้อหาที่เขียนล่าสุดของผู้ใช้แต่ละคน

23. Upload เพิ่มการอัพโหลดและแนบไฟล์ในเนื้อหา ซึ่งจำเป็นในการสร้างเนื้อหาต่าง ๆ

อีกโมดูลหนึ่งที่น่าสนใจคือTinyMCE ซึ่งเป็นโมดูลที่ช่วยให้การสร้างเนื้อหาง่ายขึ้น โดยต้องมีการติดตั้งเองดังนี้

1. Download TimyMCE ที่ http://drupal.org/project/tinymce

2. แตกไฟล์ออกมา จะได้โฟลเดอร์ชื่อ tinymce

3. ก็อบปี้โฟลเดอร์ tinymce ไปไว้ใน ...drupal/modules/

4. โหลด tinymce engine ที่ http://tinymce.moxiecode.com/

5. แตกไฟล์ออกมาเป็นโฟลเดอร์ชื่อ tinymce

6. ก็อบปี้โฟลเดอร์ tinymce ไปไว้ใน ...drupal/modules/tinymce ดังนั้นไฟล์ engine จะอยู่ในโฟลเอดร์ ...drupal/modules/tinymce/tinymce

7. ไปที่เมนู administer->site building->modules

8. เลือกเช็กบ๊อกที่ TinyMCE

9. คลิก Administer->Site Configutation->TinyMCE

10. คลิกเลือก Create new profile

11. คลิก Basic setup ใส่ข้อความ Basic ลงใน Profile name

12. เลือก anonymous user ตรงหัวข้อ Roles allowed to use this profile

13. คลิกเลือก Buttons and plugins เช็กเลือกทุกช่อง

14. กดปุ่ม Create Profile

คลิกที่ Create content->page เลือกเพจลงมาด้านล่างสุดจะพบคำว่า enable rich-text คลิกเข้าไป จะพบว่ามีเมนูขยายเพิ่มมาอีกมากมายให้เราเลือกใช้ในการสร้างเนื้อหา

Drupal มีโมดูลที่น่าสนใจอีกมากมายให้เลือกใช้ซึ่งจะแสดงไว้ตอนท้ายของบทนี้

Themes

หน้าตาของเว็บไซต์ของคุณสามารถเปลี่ยนธีมของเว็บไซต์ หรือกำหนดธีมที่ผู้ใช้สามารถเปลี่ยนได้ การเปลี่ยนธีมก็คือการเปลี่ยนหน้าตาและบางครั้งยังรวมถึงโครงสร้างของ Block ด้วยดังนั้นจึ้งขึ้นอยู่กับ webmaster หรือเจ้าของเว็บไซต์ว่าต้องการหน้าตาของเว็บไซต์ของท่านอย่างไร

การติดตั้ง

ธีมหน้าตาต่าง ๆ สามารถดาวน์โหลดได้ที่ http://drupal.org/project/Themes เลือกธีมที่ชอบและมี เวอร์ชันที่ใช้ได้กับเวอร์ชันของ drupal ของท่านด้วย ลองคลิกเลือกธีม fancy เป็นตัวอย่าง

หลังจากที่ดาวน์โหลดมาแล้วให้แตกไฟล์ออก แล้วก็อบปี้ไปให้อยู่ใน ...drupal/themes/

คลิก Administer->Site Building->Theme ท่านจะเห็นชื่อธีมที่ท่านโหลดมา จากนั้นเลือก Enable และ Default ท่านจะได้เว็บไซต์หน้าตาใหม่ ตามที่ต้องการ

สังเกตว่าทางขวามือจะเห็นคำว่า configure คลิกเข้าไปจะพบหน้าเพจเพื่อปรับแต่ง หน้าเพจของธีมนั้น ๆ กลุ่ม Toggle Display เพื่อเลือกที่จะแสดงหรือไม่แสดงค่าที่อยู่ในกลุ่มนี้ โลโก้ ชื่อเว็บไซต์ สโลแกน mission statement แสดงรูปผู้ใช้ที่โพสต์ แสดงรูปผู้ใช้ที่แสดงความคิดเห็น

กลุ่ม Logo image setting และกลุ่ม shortcut image setting เพื่อเซ็ตโลโก้และไอคอนตามลำดับ

เมื่อกดปุ่มบันทึกแล้วเว็บไซต์ของคุณจะเปลี่ยนหน้าตาและสีสันไปจากเดิมทันที

หลังจากที่ท่านเลือกธีมใหม่แล้ว Block ต่าง ๆ ที่ท่านสร้างเอาไว้ที่ ธีมเดิมจะไม่แสดงในธีมใหม่ ท่านต้องตั้งค่า Block ใหม่ในเมนู Administer->Site Building->Block อีกครั้งสำหรับธีมใหม่นี้