O.S. CMS

Drupal 的 Eye Candy?

花水木 — Mon, 26 Oct 2009 10:58:17 +0000

最近有幾次打擊，一次又一次讓我打入「一定要把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。實做過程也是顛頗啊！

橫向發展的Open Source學習路徑

花水木 — Mon, 16 Feb 2009 06:32:37 +0000

話說回來，我到底是在忙什麼？又是被什麼打斷呢？看了一堆簡體中文，感覺頭腦都頓頓的(無不敬之意)。還是來回想一下吧！

開頭是javascript

一開始我是在我的RSS閱讀器看到javascript的效果介紹文章，然後我就連到他的網站，翻看javascript相關文章。因為除了php的Open Source CMS之外，javascript framework似乎也正進行著一疊疊的亂戰呢！

而且，我最喜歡的「核心+外掛」這模式看起來也在javascript framework的世界上演，所以我一直很想努力鑽研這部分。所以就先去翻文章了。

註：核心+外掛的例子：Firefox、Wordpress、Nuendo、Drupal、Joomla都是這樣獲取我芳心，甚至Photoshop的Blush也是

所以開頭是javascript。

JQuery

然後我發現framework裡面，好像JQuery很有名，但是Joomla是用一個叫做mootools的，而Joomla又有許多漂亮效果，所以我就一直找呀找，發現JQuery的外掛不能用在mootools底下(廢話)，才發現這兩個東西原來不能並存！真有趣(哪裡有趣)！

所以目前我的看法是mootools的漸變動態效果比較漂亮，JQuery可能比較輕量吧！總之JQuery應該是比較有名。

然後Joomla內建的是mootools，Drupal內建的是JQuery，真的各有各的風格。

NiceJForms

然後我發現一個需要JQuery的表單美化工具，我對JQuery還非常不懂，所以不知這算不算是JQuery的外掛。總之，這個表單美化工具叫做NiceJForms，他的效果可以到達這樣的地步。

會不會太美了一點。(會有這種讚嘆，還真宅！)

所以從javascript的探索，我找到了NiceJForms。

Drupal Form API

然後我想起來前兩個星期開始學Drupal的Form API，我怎麼用CSS美化，表單都還是普普通通。雖然簡單方便就好，但我突然一股腦很想把javascript應用的技能學起來，所以不管目前Drupal的白老鼠網站的bug多到爆炸，我還是逕自測試起NiceJForm套到Drupal表單的方式。

所以從NiceJForms，我又跑到了Drupal Form API身上。

應該很簡單，按表操課就對了，NiceJForms的說明很簡單易懂，只要插入這些那些這些就好。所以，我打開特別用Drupal為某表單定製的template之後，打入

drupal_add_js(path_to_subtheme() .'/libraries/nicejforms/js/nicejforms.js');
drupal_add_css(path_to_subtheme() .'/libraries/nicejforms/css/niceforms-green.css');

這是Drupal內建的API，非常非常方便好用。想在這邊插入css，想在那邊插入javascript，都只需要一行字。

不過接下來，第三步驟是要在Form標籤加上class。聽起來很簡單，但是，Drupal的模板可怕的就是都要用Drupal的寫法，不用他的寫法，就等著死吧！所以直接硬是加個form標籤再加上class，是下下之策，既然都到別人家了，就乖乖用他的方法吧！

然後我寫了這兩種方式

$form['#attributes']['class'] = 'niceform';
$form['#attributes'] = array('class' => 'niceform');

都完全沒屁用，連print_r輸出的內容，都看不到#attributes有多個class，然後我憤怒之下，跑到template.php，找到定義這個表單模板的function

<?php
function phptemplate_buytogether_node_form($form) {
  global $user;
  $vars = array('user' => $user, 'form' => $form);  
  return _phptemplate_callback('buytogether_form', $vars);
}
?>

我先試著在return前面加上$form['#attributes']['class'] = 'niceform';，結果行不通，然後我又試著在$vars前面加看看，結果，print_r的#attributes就出現class這個東西了。

問題是，render之後的form仍舊沒有class，這到底是怎麼回事？

所以我就跑來部落格呼喊了。最後我鑽牛角尖的地方變成是Drupal的form到底怎麼插入class，回想到我的初衷，只不過是想用用看NiceJForms嘛！

然後有個心得，就是本文標題，我發現我的學習路徑，都是橫向的，我沒辦法畫出來，但我真的覺得我像毛毛蟲一樣，沒有先把一樣東西學會，就跑去學下一樣東西，一開始我都覺得這樣不太好，但我後來想想，既然只有這種方式能夠讓我有一頭熱的熱情繼續鑽研下去，那就這樣吧！

最後，我想問的是，Open Source為何大家都簡稱OSS？為何有兩個S呢？

2008最佳Open Source CMS大獎入圍清單

花水木 — Mon, 16 Feb 2009 06:14:55 +0000

除了昨天說的年度最佳Open Source獎，是指總大獎之外，也是有其他分項的獎。

總之是最好的CMS獎

* DotNetNuke
* Drupal
* Joomla!
* Plone
* TYPOlight

最有前途獎

* CMS Made Simple
* ImpressCMS
* MiaCMS
* MemHT
* SilverStripe

最佳PHP寫的CMS獎

* CMS Made Simple
* Drupal
* eZ Publish
* Joomla!
* XOOPS

最佳不是PHP寫的CMS獎

* dotCMS
* DotNetNuke
* mojoPortal
* Plone
* Umbraco

這份清單在這邊，也投投票吧！

年度最佳Open Source CMS大獎

花水木 — Mon, 16 Feb 2009 06:14:12 +0000

去年是Joomla得獎，今年的評選又開始了！最近用Joomla連做了3.5個網站，我怎能不投他呢？

投票是到這邊：「最佳內容管理系統獎」、另一個獎是「最佳PHP寫成的系統獎」。(就說了我很不會翻譯)投票只要輸入名字和信箱就好。

玩過Joomla之後，慢慢也發現他的優點和缺點，有些優點是真的讓人愛不釋手，但也有些難以突破的地方。所以絕不能光是滿足現狀就好，接下來開始研究Drupal！他也是今年最佳內容管理決選之一。以下是其他清單。

* DotNetNuke
* Drupal
* Joomla!
* Plone
* TYPOlight

每一個都要試試！

Drupal連續兩年得到最佳CMS獎

花水木 — Sun, 02 Nov 2008 15:55:27 +0000

眾望所歸！今天到Packt的網站，發現掛掉了，不知是怎麼回事，後來到Drupal官網，終於看到這個好消息了！

左邊是Digg Drupal得獎文的小widget。Drupal連續兩年得到最佳開放原始碼CMS獎，真的太棒了。回顧一下，2006年的Joomla，2007和 2008的Drupal，其實都是很不錯的Open Source CMS，不過可能Joomla自己核心的framework比Drupal稍微弱了點，1.5版本發行後又發生一些安全上的重大疏失，以及套件數量一直難以突破舊時代(1.0版本的時候)的榮景，而Drupal從4.7跨到5.x，又跨到6.x，進步的幅度可是非常大的，且社群向心力也比Joomla強，因此雖然使用上比Joomla醜又難懂，還是贏得這個大獎。

真是太棒了！

我有點想做個專門探討CMS的網站，有人有什麼想法，歡迎來跟我交流噢！