Drupal Colourise theme project

06 Feb 2009

ปล่อยของ : Drupal Colourise 6.x-2.1 ออกแล้วจ้า

ในที่สุด "สงคราม Drupal Colourise CVS" ก็จบสิ้นอีกรอบ เชลยศึกถูกปล่อยตัว คงไว้แต่อนุสรณ์ของทหารผ่านศึก ไปดูได้เลยที่ : Drupal Colourise Project

รู้สึกภูมิใจ เวลาได้เขียนอะไรเว่อร์ๆ เพราะผมเพิ่งไปต่อ ใบอนุญาตเขียนบทกวี จากขุมนรกมาน่ะ
โอเคจ้ะ ถ้าไม่ขำ ก็จริงจังกันดีกว่า อ่านต่อซะ!

แบบดั้งเดิม

ดีไซน์ดั้งเดิม : Colourise 1.0 : styleshout.com
คนที่ออกแบบไว้ : Erwin Aligam
สิทธิในการนำไปใช้งาน : Creative Commons Attribution 2.5 License

แบบทำใหม่

หน้าโปรเจ็คต์อย่างเป็นทางการ : Drupal Colourise
ผู้สร้างธีมดรูปอล : สังศิต ไสววรรณ (Gibbo)
หน้ารายงานบั๊กและแก้ไขปัญหา : http://drupal.org/project/issues/colourise
เวอร์ชั่นล่าสุดที่ลงตัวแล้ว : Colourise-6.x-2.1
สิทธิในการนำไปใช้งาน : GNU General Public License

คุณสมบัติในธีม

ชื่อเว็บไซต์
สโลแกน/คำโปรย
บล็อคประกาศภารกิจ
กล่องค้นหาต้านบน
โอค่อนประจำเว็บไซต์ (favicon)
ลิ้งค์เมนูหลัก
ใช้รูปภาพของผู้ใช้ในโพสต์และคอมเมนต์ได้
พื้นที่บล็อคด้านบนและล่างเนื้อหา
พื้นที่บล็อคส่วนท้าย 3 คอลัมน์
เมนูช่วยข้ามไปสู่เนื้อหาหลัก
ไม่ใช้ตารางจัดเลย์เอาต์หน้าเว็บ
W3C XHTML 1.0 strict และ CSS 2.1 ที่ตรวจสอบความถูกต้องแล้ว *
ทดสอบการแสดงผลแล้ว ใน IE6/7, Opera, Safari, and Firefox

( * ถ้าลองตรวจสอบ CSS ที่ jigsaw.w3.org แล้วเจอ ERROR ก็อย่าตกใจ เพราะตัว Validator มันไม่รู้จัก property บางตัวที่ระบุให้ใช้เฉพาะสำหรับเรนเดอร์เอนจีนแต่ละตัวครับ เช่น property สำหรับกำหนดความโค้งของเส้นขอบ -moz-border-radius (Mozilla) หรือ -webkit-border-radius (Webkit) หรือแม้แต่ border-radius ใน CSS3 เองก็ต้องระบุว่าจะใช้ตัว Validator สำหรับ CSS3 ครับ ดังนั้นไม่ต้องเชื่อมันมาก เพราะช่วงหลังๆ บางคนใช้มันเป็นแค่คำโฆษณา แบบที่ผมกำลังทำอยู่นี้ไง!)

คุณสมบัติใหม่ใน Colourise-6.x-2.x

ส่วนตั้งค่าการใช้งานเฉพาะในธีม
ไซด์บาร์ซ้าย, ขวา, สองข้าง หรือ ไม่มีก็ได้
ความกว้างหน้าเว็บ 6 ระดับ จาก 780px ถึง ไม่จำกัดความกว้าง (เลือกในส่วนตั้งค่าของธีม)
jQuery Transparent PNG Fix สำหรับ IE6 และรุ่นต่ำลงมา (เลือกในส่วนตั้งค่าของธีม)
เพิ่ม/ปลด สไตล์ชีตที่คุณจัดการเองได้ (เลือกในส่วนตั้งค่าของธีม)
เพิ่ม/ปลด Breadcrumb (เลือกในส่วนตั้งค่าเฉพาะในธีม)
รวมไฟล์ CSS สำหรับ การพิมพ์ไว้ด้วย
มีหน้า "ปิดปรับปรุง" เป็นของธีมเอง
รองรับการแสดงผลภาษาและเลย์เอาต์แบบสองทาง - BiDi (ยังต้องการคำแนะนำจากผู้ใช้ภาษาที่เขียนจากขวาไปซ้าย เช่น อาหรับ, เปอร์เชีย, อูรดู, ฮิบรู และอื่นๆ)
มีคำแปลภาษาไทยเรียบร้อยแล้วสำหรับอินเตอร์เฟสส่วนตั้งค่าของธีม

ที่มาของแรงบันดาลใจ

Colourise 1.0 ของ Erwin Aligam : ดีไซน์โทนมืดที่พื้นหลังส่วนหัวเล่นกับสีสันจนดูโดดเด่น ดีไซน์ดั้งเดิมจะที่เป็นเลย์แบบความกว้างตายตัว และมีไซด์บาร์ด้านขวาข้างเดียว และเป็น XHTML/CSS ที่ตรวจสอบความถูกต้องแล้ว ในเวอร์ชั่นสำหรับดรูปอล ผมได้ทำการปรับเปลี่ยนการแสดงลักษณะตัวอักษรให้อ่านได้ง่ายขึ้น และให้เหมาะกับทั้งภาษาไทยและภาษาอังกฤษ

ในเวอร์ชั่นแรกๆของธีมสำหรับดรูปอลธีมนี้ ได้ปรับใช้ 960 Grid System ของ Nathan Smith ในการจัดเลย์เอาต์ แต่สำหรับเวอร์ชั่น 6.x-2.x จำเป็นต้องเอาเฟรมเวิร์คดีๆแบบนั้นออกไป เพื่อให้รองรับหน้าเว็บได้หลายระดับ อนึ่ง 960 Grid System คือ CSS เฟรมเวิร์คที่จะช่วยให้นักออกแบบสามารถเริ่มต้นพัฒนาเว็บไซต์ได้ง่ายขึ้น เพราะได้เตรียมส่วนพื้นฐานต่างๆไว้ให้เราเรียบร้อยแล้ว โดยใช้ความกว้าง 960 พิกเซลเป็นฐาน แนะนำให้นักออกแบบเว็บไซต์ลองศึกษาดูครับ