theming

Drupal theming approach

อ่าน drupal.in.th/node/2309 แล้วเกิดอยากเขียนบล็อกขึ้นมา เพราะเท่าที่ติดตามดู หลายๆอย่างใน Drupal กำลังเปลี่ยนไปในทางที่ดีขึ้น รวมถึงแนวทางการทำธีมที่สะดวกมากขึ้นด้วย ยกตัวอย่างเท่าที่นึกออกตอนนี้ และเกี่ยวกับกระทู้ที่อ้างถึงด้านบน ก็เช่น

ถ้าต้องการปลดปล่อยตัวเองจาก block regions ใน drupal ก็ต้องลองเล่น panels + skinr + views เหมาะสำหรับเว็บไซต์ที่ต้องการเลย์เอาต์ซับซ้อน(มากๆ) เราไม่ต้องเซ็ต block regions ไว้ในธีมเลยก็ได้ แต่ override ใน panels-*-.tpl.php , views-*-.tpl.php แล้วก็กำหนด css style ผ่านทาง skinr

จากเอียงขวา มาชิดซ้าย

ไม่ได้มีนัยยะทางการเมืองแต่อย่างใด (แม้จะเปลี่ยนธีมในวันชาติ - 24 มิถุนายน) แค่ทดสอบธีมใหม่ที่ปล่อยให้มันเอียงซ้ายไปตามธรรมชาติของบราวเซอร์ (อันเดิมบังคับให้มันเบียดขวา) และยังคงไร้สีสันเช่นเดิม ไม่ได้ทะเลาะเบาะแว้งกับ CSS แต่เพราะยังเลือก color scheme ไม่ได้ เว็บไซต์โทน ขาว-ดำ อาจดูจองหองเกินไป สำหรับผู้ใช้เว็บทั่วไปที่ชินกับสีของลิ้งค์ที่แตกต่าง แล้วค่อยเปลี่ยนสีสันให้มันทีหลัง ตอนนี้แค่ทดลองหา baseline สำหรับ drupal theme (อีกหน) เลยยังไม่อยากใส่สีอะไรลงไปให้เคืองตา (ตัวเอง) และรู้สึกหงุดหงิดกับการเรนเดอร์ธีมของ drupal อย่างที่ไม่เคยรู้สึกมาก่อน มันมีข้อดีมากกว่าข้อเสีย แต่บางครั้งเราก็ไม่ได้ต้องการแบบเดิมเสมอไป ในที่สุดก็ต้องแฮ็ค!

Misaligned Theme Test

webzer misalignment

เกิดอาการเบื่อ Grid คล้ายๆคนเป็นโรคจิต เลยแงะ Beach Theme ออกมาปั่นป่วนให้มันเละเทะ โครงสร้างธีม 80% เหมือนเดิม เปลี่ยนแค่ CSS กับ กราฟิค (ถ้าอยากดู จงเลือก Misalign Test จาก Theme switch เพื่อดูอาการป่วยของ เว็บเซ่อ!)

Drupal Colourise 6.x-2.1 Released

ค้างคามาหลายเดือน ชาวบ้านรายงานบั๊กเข้ามาเพียบ เลยอาศัยจังหวะชุลมุล ปล่อยเวอร์ชั่นใหม่ของ Drupal Colourise ซะเลย

เวอร์ชั่นเดิม (colourise-6.x-2.0) จะมีปัญหา กับ Contrib module ที่เติม elements เข้ามาแทรกใน BODY เช่น Administration menu และ SimpleMenu ที่มักจะใช้ position: absolute ใน CSS ของโมดูล เพื่อยึดตำแหน่งส่วนบนของหน้าเว็บ วิธีแก้ก็ทำได้ด้วยการเอา position: releative ออกไปจาก CSS ในธีมของเราซะ (ทำไมเราต้องหลีกทางให้โมดูลด้วยเนี่ย? ทำถูกแล้วล่ะ โมดูลต้องสำคัญกว่าธีมสิ!)

อีกปัญหาก็เกิดกับ WYSIWYG editors ที่มักใช้ IFRAME เพื่อแสดงพื้นที่ของตัว editor แทน TEXTAREA ปกติของดรูปัล แบ็คกราวน์ของธีมเลยไปโผล่ในตัว editor ด้วย เพราะ Colourise กำหนดสีและภาพพื้นหลังไว้ที่ BODY แก้โดยย้ายมากำหนดสีและภาพพื้นหลังใน #page แทน

สิ่งที่เพิ่มเข้ามา อีกอันคือ อินเตอร์เฟสของธีมในภาษารัสเซีย อันนี้ไม่มีปัญญาแปลเองแน่ๆ แต่ ChemAli ส่งเข้ามา (อ่านไม่ออก แค่คิดว่าคงไม่มีพิษมีภัย)

Thanks ChemAli for your russian translations.

แต่ยังเหลืออีก 2 ธีมที่ต้องสะสาง คือ Strange Little Town กับ Beach รู้สึกว่ายิ่งปล่อยไว้นานก็ยิ่งขี้เกียจ โอ้วววว ขอพลังสร้างสรรค์จงสถิตย์ในตัวข้าอีกครั้งเทอญ!

ทำไมธีมดรูปัลไม่โดน!

ช่วงนี้เศรษฐกิจไม่ดี งานไม่ค่อยเข้า ผมก็เลยได้กลับมายุ่งกับการทำธีมส่งเข้า drupal.org อีกครั้ง หลังจากห่างหายไปหลายเดือน แต่ดูเหมือนว่าธีมใหม่ๆ แบบโดนๆ ที่คนส่งเข้าเว็บแม่นั้นมีน้อยมาก (ถ้าเทียบกับ ธีมสำหรับเวิร์ดเพรส ที่ผมชอบแอบย่องไปส่องดูบ่อยๆ) เลยอยากจะโน้ตความคิดเห็นส่วนตัวไว้สักหน่อยว่า เหตุผลใดที่ทำให้ ธีมดรูปัลที่แจกจ่ายกันในเว็บแม่นั้น ถึงไม่ค่อยโดนใจผู้ใช้งาน และโพสต์นี้อาจช่วยเพิ่มกำลังใจ (หรือตัดกำลังใจ) เว็บดีไซเนอร์ชาวไทยที่กำลังสนใจทำธีมดรูปัลอยู่ก็ได้

ธีมที่แจกจ่ายกันใน drupal.org นั้น ส่วนใหญ่เจ๋งมากๆ พูดจริงๆนะไม่ได้ประชด เพราะถ้าดูที่เนื้อในของธีม เราจะเห็นเจตนาดีของผู้แจกจ่าย ที่พยายามลดขั้นตอนในการทำธีมของเราให้ได้มากที่สุดแล้ว (แต่เผอิญดันลืมลดขั้นตอนการดีไซน์ไปซะนี่) ยกตัวอย่าง ธีมตั้งต้นยอดนิยม (starter themes) เช่น Zen, Genesis, Blueprint, Tendu, Basic และอื่นๆ ธีมเหล่านี้เหมือนคฤหาสน์ที่มีรากฐานมั่นคง แต่เราต้องซื้อเฟอร์นิเจอร์และทาสีให้มันเอง (ดู ตารางเปรียบเทียบ Drupal6.x Starter Themes)

สำหรับ Drupal Core สิ่งที่กำลังปรับปรุงแน่ๆ คือ ทำให้มันใช้งานง่ายขึ้น และทำให้ผู้ใช้ไม่รู้สึกกลัวหน้าตาขึงขังเกินเหตุของมัน ได้ข่าวว่า พี่มาร์คแอนด์เดอะแก๊งค์ที่ก่อนหน้านี้รับหน้าที่รื้อดีไซน์ของ drupal.org ไปแล้วนั้น กำลังจะเข้ามาปรับปรุงเรื่อง Usability และ User experience สำหรับอินเตอร์เฟสของ Drupal 7 อีกหน (ลองอ่านดูในบล็อกของ Dries : Mark Boulton to help with Drupal 7) แต่สำหรับคนที่อยากได้ธีมดรูปัลหน้าตาเจ็บจี๊ดได้ใจ แบบดาวน์โหลดปุ๊บใช้ได้ปั๊บเลยนั้น ดรูปัลคือถิ่นทุรกันดารสำหรับคุณแน่นอน Confirm!

Awesome "Strange Little Town"

A week ago I found an awesome theme from wordpress.org and I can't resist to do something about it. But you know, I'm a Drupal user who doesn't want to migrate his own experiences to another platform. So I asked the theme author, Minmin from magical.nu for her permission, and now I'm porting "Strange Little Town", a lovely whimsical WordPress theme, to Drupal.

Strang Little Town Screenshot

Yes, Minmin gave me a kindly permission to contribute "Strange Little Town" for all Drupal users.

Theme

Twitter Update

Restless Engine

Powered by Drupal, an open source content management system

Back to content. RSS