drupal
โพสต์สุดท้ายของปี (ไม่รู้จะตั้งชื่ออะไร)
พูดแบบหยาบๆ เส้นทางของเวลา ในวัฒนธรรมตะวันตกจะมองเวลาและชีวิตเป็นเส้นตรง แต่ตะวันออกจะมองเป็นวงกลม แม้จะประกอบด้วย เกิด - แก่ - เจ็บ - ตาย เหมือนกัน แต่ฝรั่งส่วนใหญ่คงเชื่อว่า ตายแล้วก็จบกัน เป็นชีวิตนิรันดร์ที่ไหนซักแห่ง ไม่ต้องเวียนว่ายกับมาใช้กรรมเป็นสิบเป็นร้อยชาติ แบบที่คนตะวันออกเชื่อ (ผมจำมาจากสมัยเรียนวิชาปรัชญาศาสนาน่ะ)
ผมเลิกใส่นาฬิกาหลังจากจบ ม.3 เพราะเบื่อความซ้ำซากของตัวเลข แต่ละวันมันก็วนกลับมาที่เดิม พอเรียนจบมหาวิทยาลัย ผมชอบมองนาฬิกาที่มีเข็ม เพราะอยากให้วันทำงานหมดไปไวๆ ส่วนตอนนี้ไม่ได้ทำงานประจำแล้ว นาฬิกาจึงไม่มีอิทธิพลต่อชีวิตมากมายนัก เพราะไม่ชอบนัดเจอใครโดยไม่จำเป็น
บางทีเทคโนโลยีก็ใช้หลบซ่อนตัวตนได้ดีทีเดียว เราคุยกับคนโน้นคนนี้ได้โดยไม่ต้องพบหน้า เราทำงานให้ใครก็ได้ อยู่ส่วนไหนของโลกก็ไม่รู้ โดยไม่เคยได้ยินเสียงของคนคนนั้น รู้สึกแปลกๆกับตัวเองอยู่เหมือนกัน เหมือนไม่ได้อยู่บนโลกมนุษย์...
Code is Discipline
หลังจากหมกมุ่นและงุ่นง่านอยู่กับ Drupal CVS เกือบทั้งอาทิตย์ ทำให้ผมรู้ว่า "สไตล์ลูกทุ่ง" ที่ติดตัวมาแต่กำเนิดนั้น ไม่เหมาะกับงานพัฒนาซอฟต์แวร์เป็นอย่างยิ่ง!
เรื่องนี้เป็นการวิพากษ์วิจารณ์ตัวเองนะครับ ไม่ได้พาดพิงถึงคนอื่น เพราะอยากจะโน้ตไว้ซะหน่อยว่า ตัวเองควรปรับปรุงอะไรบ้าง เพื่อจัดการชีวิตและโค้ดให้เป็นระเบียบและมีหลักการมากขึ้น จะได้ไม่ต้องหัวหมุนตลอดปีตลอดชาติ ก่อนที่จะ สมัคร CVS account ของ drupal.org ผมก็ใช้เวลาอยู่หลายวัน เพื่อศึกษา การเขียนโค้ดให้ได้มาตรฐานของ Drupal ถ้า สำหรับ WordPress "โค้ดเป็นดั่งบทกวี" (Code is Poetry) สำหรับ Drupal "โค้ดคือระเบียบวินัย!" (Code is Discipline) เลยทีเดียวครับ (แม้แต่สไตล์การคอมเมนต์ในซอร์สโค้ด ยังต้องมีรูปแบบที่แน่นอน)
พอสมัคร CVS account รอบสองผ่าน ผมก็ใช้เวลาอีกหลายวัน กว่าจะเข้าใจว่ามันทำอะไรได้บ้าง แต่ก็เป็นธรรมดาของมนุษย์ลูกทุ่งอย่างผมที่มีความอดทนไม่มากนัก และไม่เคยคิดว่าตัวเองจะเกิดมาเพื่อพัฒนาซอฟต์แวร์ (หรืออะไรคล้ายๆแบบนั้น) ผมจึงอ่านเอกสารเกี่ยวกับการใช้งานแค่คร่าวๆ ที่เหลือก็มั่วเอา! ตอนแรกเห็นคำสั่ง command line สำหรับ CVS แล้วหนาว เลยหาโปรแกรมพวก GUI มาใช้แทน (CVL) แล้วส่ง Colourise Theme เวอร์ชั่นแรก เข้าโปรเจ็คจนได้
Drupal Colourise Theme Project (Eng.)
Motivations
This theme is modified from Creative Commons template named Colourise 1.0. The project is motivated from Thai Drupal Community discussion about "Lacking of Thai documentations for Drupal theme creating".
So I wrote some articles in Thai to demonstrate Drupal Colurise Theme Transfering. And the output is now being on drupal.org. Currently, I use this theme as an alternative on this site so you can preview it with theme switch menu on the sidebar.
Drupal Colourise Theme Project
แรงขับดัน
ธีมนี้ดัดแปลงจากครีเอทีฟคอมมอนส์เทมเพลตที่ชื่อว่า Colourise 1.0 โปรเจ็คต์เริ่มต้นเพราะการถกประเด็นใน Thai Drupal Community ว่า "หาแหล่งข้อมูลที่เป็นภาษาไทยเกี่ยวกับการทำธีม drupal ได้ยากมาก"
นั่นเป็นแรงขับหนึ่งที่ทำให้ผมเขียนบทความในบล็อกแห่งนี้ เพื่อสาธิต วิธีการสร้างธีม drupal จาก Free CSS Template และตอนนี้มันก็ถูกเก็บไว้ที่ โปรเจ็คต์ใน drupal.org เรียบร้อยแล้ว คุณสามารถดูตัวอย่าง Drupal Colourise Theme ได้ในเว็บไซต์แห่งนี้ โดยใช้เมนู theme switch ในแถบด้านข้างครับ
แรงบันดาลใจ
- Colourise 1.0 : ดีไซน์ที่เล่นกับความมืด จน header ดูโดดเด่นหลากสีสัน ธีมนี้กำหนดความกว้างหน้าเว็บตายตัว มีแทบด้านขวาข้างเดียว พร้อมกับบล็อคด้านล่างอีก 3 บล็อค และแน่นอน มันเป็น Valid XHTML/CSS ส่วนที่เปลี่ยนแปลงจากดั้งเดิมก็คือ เรื่องตัวอักษรที่ผมแก้ CSS ให้สีสันมันอ่านได้ง่ายขึ้น และให้เหมาะกับทั้งฟอนต์ไทยและอังกฤษ
- Nathan Smith's Grid and CSS framework : The 960 Grid System เป็นคล้ายๆกับ CSS Framework ที่จะช่วยให้เรามีความสุขกับ CSS มากขึ้น เพราะมันมาพร้อมกับการเตรียมโค้ด CSS ให้เราเอาไปใช้งานได้แทบจะทันที โดยใช้ความกว้าง 960 พิกเซลเป็นตัวตั้ง สำหรับการจัดเลย์เอาต์แบบ Grid ให้ทุกอย่างดูเป็นระเบียบ (สำหรับ Colourise ผมปรับจาก 960 เป็น 900 พิกเซล)
Features
- Tableless design
- Fixed width layout
- 2 columns with single right sidebar
- 3 footer block regions
- Top and bottom content block regions
- Site name
- Site slogan
- Mission statement
- Top search box
- Shortcut icon
- Primary Links
- Accessibility Navigation
- W3C Valid XHTML 1.0 strict and CSS 2.1
- Cross-browser compatibility (IE6/7, Opera, Safari, and Firefox)
หวังว่าธีมนี้คงถูกใจคนที่ไม่ชอบกราฟิคมากมาย แต่ต้องการธีมที่เป็น valid xhtml/css
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
