Drupal 的 Eye Candy?

最近有幾次打擊，一次又一次讓我打入「一定要把Drupal不美不炫這件事徹底解決」這種無限輪迴的思緒裡面。

眼睛一亮的效果

其中一次是NPO的比賽，雖說Drupal得到最佳滿意度獎，但要講到絢麗，還真的是跟Joomla!有差，要做出漂亮的幻燈秀、Tab轉換的漸變動畫，甚至下拉式選單的fade in fade out，對Drupal來說都不是那麼方便的事情。

因此當我看到Joomla!的作品時，其實心中滿震撼的，如果以一天之內要做出來來說，能在首頁搞這些會讓客戶眼睛一亮的東西，真的是很了不起。而且，雖然我這樣說不一定準，但Joomla!內建的mootools的漸變動畫好像比jQuery(Drupal內建)順暢漂亮。

功能？美觀？

而上星期又有另一次打擊，就是潛在客戶拿著Drupal網站和Xoops放在一起，然後不斷說「Drupal這個網站不好看啊！功能也沒好到哪，Xoops什麼功能都有，又比較漂亮！」這讓我翻出三年前做過的Xoops網站，說真的也不差，Xoops在權限、功能、版型引擎(smarty)上也都很齊全，但我為何離開Xoops跑到Joomla!社群，為何又從Joomla!跑到Drupal，而現在已經一年多了，每次看CMS評比、測試，我都難以對其他CMS產生興趣？

有人說Drupal的原始碼漂亮，但我並非程式出身，說真的我寫的都亂七八糟，也完全沒意識到所謂的「原始碼漂亮」到底是怎麼一回事。有人說Drupal社群活躍積極，但在台灣事實上使用Joomla!和Xoops的使用者以量及社群活躍度也一直很不錯，甚至中文書都好幾本，不像Drupal也是最近才終於有第一本中文書(Drupal 6水滴架站全機能攻略)。另外也有人說那個小水滴真的很可愛，說真的我覺得那種藍並非很美麗的藍啊！

每次想跟別人解釋Drupal優勢的時候，很容易遇到別人覺得「Drupal功能強、可是醜」，讓我很難過，我難過的並不是大家誤會Drupal了，而是，Drupal真的不美啊啊啊！

Drupal真的醜嗎？

Drupal真的醜嗎？不！他都做得到，只是不容易而已，牠只是把功能切的太細，因此要實做一個漂亮的東西時，你必須從根思考。思考什麼呢？

首先，以幻燈秀來說好了，最後顯示只不過是有一連串的照片不斷的fade in fade out，可能有的會有一些文字，或是控制項(向前、向後，有的是數字)。別的CMS都是安裝之後，有個設定介面給你，看你要展示的圖片在哪，分別要打哪些說明文字，然後就美美的了。

但Drupal不是，你必須找到適合你的模組，必須先考慮你要幻燈的圖片是，(喘口氣)某內容類型的node還是某個image field還是某個block還是某個資料夾還是某個view還是某個node queue，模組們還不一定都提供你想要的來源方式。然後若有說明文字，你也必須清楚知道這些來源是整個內容管理系統裡的哪裡抓出來的，若這些你都很清楚，很有可能這個幻燈秀模組其實需要其他模組配合，你必須先去熟悉他的dependencies，有的也不是那麼容易使用。

接下來，如果很幸運都設定對了，展示出來的大部分也都還是不美，你必須知道如何用CSS美化，甚至你必須知道要去修改哪個tpl檔才能作到你要的樣子，這樣折騰下來，一個幻燈秀可能要花一個下午甚至一整天、兩三天才能實現，真的很頭痛。

做出來的效果就算很美了，花的成本卻比較高。客戶真的會了解這背後所謂的「彈性」究竟有什麼好處嗎？

再說下拉式選單好了，Joomla!許多版型都有下拉式選單，並且都有漂亮的漸變效果。Drupal呢？下拉式選單可以使用nice_menus這個模組，但是他一點也不漂亮，安裝之後就是灰灰一格一格的選單，滑鼠移過去下一層就會突然出現，像這樣：

若你想把灰灰的改顏色、換底圖、設定hover樣式，你必須知道要去哪裡修改CSS，所以你必須先了解他的運作方式才會知道你需要複寫哪些CSS，然後，你必須對xhtml/css有一定程度的了解，就算你了解，這仍舊是煩躁瑣碎的工作。

接下來，就算你把灰灰格子改漂亮了，還是比Joomla!漸變效果難看，因為他沒有fade in fade out，是直接蹦出來的。若你想把nice_menus改成有動畫效果，這更難了，在Drupal討論區有許多人討論，但結論是「等下一個版本吧」(目前dev中的就有這個效果)。

所以你可能想自己找方式，去找了jQuery的外掛，終於辛辛苦苦做出有漸變效果的下拉式選單，但花的時間和精神也真是太多了。

這樣說下來感覺很像在說Drupal外觀真的不好，但，我是Drupal社群的一份子，我就會努力扭轉這種事實形象！

這幾天用Drupal做了一個網站，用了兩個Eye Candy，一個是首頁的Carousel http://cairns.nxwok.com，一個是作品集相簿 http://cairns.nxwok.com/portfolio。實做過程也是顛頗啊！