Art Pai » Drupal

IE的CSS數量限制

minipai — Wed, 01 Apr 2009 10:05:38 +0000

今天一個進行中的Drupal網站專案被客戶反映網站「跑掉」，一開始還不知道怎麼回事，原來是網站在IE下的樣式都消失了。一整個就是css naked的狀態，不過部分樣式像是下拉選單的樣式還在。所以我有點嚇到了，IE bug很多沒錯，不過從來沒聽過整個css當做沒有的事情。

在IE下看一下原始碼也沒什麼異樣，實在想不出為什麼，我甚至還懷疑今天是四月一號，該不會版型暗藏愚人節玩笑吧？

在沒辦法的情況下，只好回Drupal官網看看，很幸運的馬上就看到解答了。原來IE有30個css檔案外連數量的限制（有的網站說是32個）。而我的網站css數量超過了，所以就有css被犧牲囉。這時我把Drupal內建的css合一快取的功能啟用一下，問題就解決了。

通常一般網站是不會沒事寫那麼多個.css的，偏偏Drupal這種CMS，每外加一個模組都有可能再外加一個該模組用的css
，才導致這種情況。這也剛好回答了某篇網誌的問題，究竟要大到什麼程度的網站，會需要用到32個以上的CSS外連檔？

當然還有自行發現的強者。

P.S. IE還有288k限制，詳情可以看這篇文章。

Drupal Starter Themes比較

minipai — Sat, 28 Feb 2009 10:35:53 +0000

因為我不會寫PHP，因此我在做Drupal的theme時是完全靠css在設計的。這時一個好的「starter theme」就非常重要，因為修改別人做好的版型（的css）是非常痛苦的，而「starter theme」的用途就是提供一個良好的html結構與好用的id跟class設定，方便設計師使用css來設計版型。

我原本選的starter theme是「Zen」，因為這個名字取自我很尊敬的CSS Zen Garden。Zen確實好用，特別是我喜歡他提供一個Zen Themer’s Starter Kit，裡面的註解說明非常清楚，對於我學習drupal的theme系統的幫助不少。

不過用了一陣子，我發現Zen所生產出來的

非常多層。Zen的html結構大概長這個樣子…

區塊內容

[...略...]

所以我開始想找看看有沒有其他starter theme好用。Starter theme在Drupal.org上是有不少，不過如果自己一一測試起來太花時間了，所以我想找看看網路上有沒有評論。很幸運的，（經過幾次失敗）我找到了一個比較表：
Drupal 6.x Starter Theme Comparison
以及一個站，他有幾個starter theme可讓你線上切換，看看這個starter theme實際的表現：
Drupal Starter Themes

不過在看完比較表之後，我還是決定繼續用Zen了，因為他提供的Regions最為好用。不過我還是希望日後能我自己寫最適合自己的theme，那就更好了。

Mac OS X 10.5 vs Drupal Clean URL

minipai — Fri, 02 Jan 2009 09:57:46 +0000

Drupal是一套很強大的CMS，而Mac OS X 因為內建了Apache與PHP，安裝這種用PHP寫的架站軟體（還有像是Joomla!、WordPress等等）都非常方便，因此我也安裝了一套在本機方便開發。在安裝的過程中，因為網路上的教學上有些細節不適用於Leopard，因此我花了不少時間摸索才成功。

Clean URL

通常網路上的教學都說你要修改/etc/httpd/conf/httpd.conf 或是 /etc/apache2/apache2.conf，將裡面的AllowOverride設定

AllowOverride None

改成

AllowOverride All

但是如果是一般我們將網站安裝在個人目錄/Sites/底下的情況下，你要修改的是你個人的設定檔，也就是/etc/apache2/users/你的使用者名稱.conf。

接下來，.htaccess也需要修改。我的druapl是安裝在個人目錄/Sites/drupal裡面，這時/Sites/drupal/.htaccess裡面需要相對應的設定：

RewriteBase /~個人目錄/drupal

Drupal所建立的.htaccess裡面有詳細的註解說明，你只要找到被註解起來的RewriteBase去掉註解進行修改即可。當.conf跟.htaccess都設定好了，重新啟動Apache，你再到Drupal的設定去看，就可以看到Clean URL可以啟用了。