theming
Drupal Colourise Theme (EP.4)
ก่อนที่ผมจะลืมไปซะก่อน ก็เอาธีม Colourise ที่แก้ไข CSS แล้ว มาไว้ให้ทดลองใช้กันครับ ผมใส่คอมเมนต์ภาษาไทยไว้ในไฟล์ page.tpl.php ให้ด้วย เผื่อใครอยากจะดูตัวอย่างโค้ดไว้ทำธีมด้วยตัวเอง นอกจากนี้ก็มีอีกหลายจุดที่เพิ่มเข้ามาจาก EP.3 แต่ผมขี้เกียจเขียนอธิบายไว้ใน blog นี้ ก็ลองเปรียบเทียบดูในโค้ดเอาเองนะครับ ส่วนเรื่องการใช้งาน เท่าที่เช็คใน IE ก็ปกติสุขดี เพราะโยนภาระไปให้ Javascript จัดการแทน (ใส่ลงไปดื้อๆในไฟล์ page.tpl.php นั่นแหละ) แต่ก็มีบางจุดที่ยังต้องแก้ไขอยู่ เช่น สีของพื้นหลังและตัวหนังสือ , เลย์เอาต์ในส่วน admin และ system ส่วนไฟล์ที่แพ็คไว้มันใหญ่ขึ้นเท่าตัว เพราะรวม Javascript กับ Screenshot แบบเต็มหน้าเข้าไปด้วย
ส่วนเรื่องโครงสร้างและรูปแบบการเขียนโค้ด ผมยึดตาม ธรรมเนียมของ drupal เป็นหลัก เพราะกะว่าจะส่งไปที่ drupal.org ด้วย แต่ตอนนี้ยังสมัคร CVS account ไม่ผ่าน (เคี่ยวมิใช่เล่น ผมสมัครรอบแรกสอบตก เพราะเค้าบอกว่า ตัวอย่างโค้ดน้อยเกินไป สมัครรอบสองยังไม่มีฟีดแบ็คกลับมา)
หากมีปัญหาการใช้ธีมหรือข้อเสนอแนะอื่นๆ ก็ยินดีรับฟังเสมอครับ มาแลกเปลี่ยนความรู้กัน และจะได้นำมาปรับปรุง ตามแบบฉบับลูกทุ่ง Open Source Cowboy!
Edit : ตอนนี้ผมได้ CVS account จาก drupal.org แล้ว ก็ขอเอา file ตัวอย่างออกไปนะครับ โดยคุณสามารถดาวน์โหลดเวอร์ชั่นล่าสุดของ Drupal Colourise ได้ที่ http://drupal.org/project/colourise หรือ อ่านรายละเอียดภาษาไทยเพิ่มเติมได้ที่ http://webzer.net/drupal/theme/colourise
Drupal Colourise Theme (EP.3)
สำหรับ Episode 3 ของการแปลง Colourise (free css template) เป็นธีมของ drupal6.x นี้ ก็คงเป็นตอนสุดท้ายที่ผมจะเขียน แต่ไม่ใช่ขั้นตอนสุดท้ายของการพัฒนาธีม แต่หลังจากผ่านขั้นตอนพื้นฐานของการทำธีม drupal ก็จะเป็นเรื่องการตกแต่ง ซึ่งเน้นไปที่ css มากกว่า drupal และผมตั้งใจว่าจะแยกเรื่อง css ออกมาเขียนต่างหาก เพราะมันสามารถเอาไปพัฒนาธีม/เทมเพลตสำหรับ cms ตัวอื่นๆได้เช่นกัน
ขั้นตอนที่เหลือสำหรับ Drupal Colourise Theme ก็คือ กำหนดตำแหน่ง block เพิ่มเติม , เปลี่ยน path ของไฟล์ให้เป็นระเบียบ แล้วก็เพิ่มและเคลียร์สิ่งที่ไม่จำเป็นออกไปจาก css
Drupal Colourise Theme (EP.2)
คราวที่แล้ว เราแนะนำให้ drupal รู้จักธีม Colourise ของเราไปแล้ว พร้อมทั้งจัดการนำส่วนเนื้อหาหลัก กับ sidebar มาแสดงในธีม คราวนี้มาสนุกกับส่วน header และ footer กันดีกว่า ก่อนอื่นเปิดใช้งานธีม Colourise ใน drupal เลยครับ ถ้าใครติดตั้ง โมดูล Switchtheme แล้ว ก็จัดการเอา block ของมันมาไว้ที่ right sidebar ได้เลย เวลาเปลี่ยนธีมกลับไปกลับมาจะได้ไม่ลำบาก
Drupal Colourise Theme (EP.1)
การนำ Free CSS Template มาสร้างธีมสำหรับ Drupal 6.x
ผมเป็นคนหนึ่งที่อยากเห็นตัวอย่างการทำธีมสำหรับ drupal 6.x แบบรวดเร็วทันใจ แต่มันก็ไม่ง่ายเหมือนการดาวน์โหลดธีมมาติดตั้ง วิธีที่ผมคิดออกเพื่ออธิบายขั้นตอนการทำธีมของ drupal ก็คือ ยังไม่ต้องพูดถึงที่มาที่ไปของแต่ละขั้นตอนมากมายนัก เพราะรายละเอียดมันเยอะมาก เอาไว้ถ้ามีโอกาสก็คงได้พูดถึงมันทีหลัง และอยากจะข้ามขั้นตอนการออกแบบเว็บไซต์ไปด้วย จะได้ไม่ต้องคิดอะไรฟุ้งซ่านเกินไป
ทางออกก็คือ หา Free CSS Template มาเป็นต้นแบบ เพื่อประกอบการอธิบาย ซึ่งจะทำให้งานของเราง่ายขึ้นมาก และสุดท้ายเราก็สามารถเอาธีมนั้นมาใช้งานจริงได้ด้วย แบบนี้คงช่วยให้เห็นกระบวนการสร้างธีม drupal แบบไม่ปวดหัวใจ(และปวดกบาล) แต่ยังมีอีกหลายวิธีที่ทำได้เหมือนกัน ผมเพียงแต่ยกวิธีนี้ขึ้นมาเป็นตัวอย่าง เพราะคิดว่ามันเป็นวิธีที่ "เมื่อยนิ้วน้อยที่สุดแล้ว" (ไม่ต้องยุ่งกับโค้ดมากมายเกินไป)
Drupal.in.th ทำให้ข้าพเจ้าของขึ้น!
ผมกำลังวางแผนจะรวบรวมวิธีการทำธีมสำหรับ drupal ปัญหาอย่างเดียวที่มีตอนนี้คือ "ขี้เกียจ" เพราะยังไงซะ ตัวเองก็หาเวลาว่างได้ไม่ยาก เพราะไม่ได้ทำงานประจำ แต่ความขี้เกียจของผมเริ่มหายไปเมื่ออ่าน กระทู้ที่ชวนให้ของขึ้น ใน drupal.in.th เลยมีแรงขับเพิ่มขึ้นมา(นิดนึง) อยากจะเขียนให้มันเป็นภาษาไทยที่เข้าใจได้ง่ายๆ และเอาไปใช้ได้จริง
ผมไม่ค่อยให้ความสำคัญกับเรื่องเทคนิคซักเท่าไหร่ แต่ใส่ใจหลักการที่อยู่เบื้องหลังการทำงานมากกว่า แต่... ถ้าเอาแต่พูดเรื่องหลักการ ใครจะสนใจฟังล่ะ? ถ้าไม่ใช่คนที่อยากรู้จริงๆเค้าคงไม่อ่าน และจริงๆข้อมูลไม่น้อยที่ผมหาในอินเตอร์เน็ต ก็เป็น tutorials บอกขั้นตอนการทำแบบทีละขั้นจนจบกระบวนการ คิดว่าคนที่สนใจปรับแต่งธีมสำหรับ drupal ก็คงต้องการข้อมูลลักษณะนั้นเหมือนกัน
