在一年一度 2014年的 DrupalCamp 論壇中,台灣最大 IT資訊網站 iThome總編輯吳其勳和網站開發暨資訊部經理黃柏彥,分享了如何透過開源內容管理系統 Drupal 打造出全新的 iThome 網站。
總編輯提到,其實 iThome 最早的網址是PCHome,後來 PCHome 發展成入口網站的時候,才正名為 iThome。早期的 iThome 最早是透過 Email 電子報的方式發送 IT 資訊給使用者,但遇到2000年網路泡沫化的問題,當時網際網路還未能找到一個好的獲利模式,iThome 才轉型為平面雜誌,現在則是平面、網站同時都有良好發展的IT專業媒體。
因為 iThome 的其他成員都忙於其他專案,所以這次改版直接由總編輯配上一位工程師(而且是技術編輯轉職)的兩人團隊進行改版。過去 iThome 每一次的改版,CMS(內容管理系統)都自己做,要整個改完可能要花到一年以上,且只有伺服器端用 Open Source。這次選用成熟的 Drupal 系統,改版的進程非常好。
當初在選擇內容管理系統的時候,曾經研究過國外新聞媒體怎麼用Drupal 和 WordPress,後來選用 Drupal 主要原因是,
Drupal 有模組多、資源多(大陸也很多資訊可看)、彈性高(有更好的延伸價值,例如購物網站)、台灣社群力強(開發者在2013年開始學習,獎金獵人花水木和網絡行動的 Jimmy 也給予許多協助)等這些好處。
因為是輕量團隊開發,所以都以利用 Druapal 現成模組為主,這也是 Drupal 的極大優勢之一。例如 iThome 網站在太陽花學運的時候,由作者唐鳳寫的「太陽花學運背後的IT秘辛」文章,為網站帶來大幅的流量,這時候需要導入 CDN,而導入的過程中,就有現成的Drupal模組可用,提升的開發的效率。

上圖為 iThome 電腦報 2013 年的版型
另外 iThome 的總編輯吳其勳指出,這次根據一些設計精神來進行改版,包括:
- 適應多裝置:大的科技事件,白天使用者就會透過行動裝置來看,採用RWD(Responsive Dedesign)設計,才能服務更多的手機、平板的讀者。
- 版面視覺化:從iThome優秀地平面設計經驗發展出來精緻版面,並導入卡片式設計,使讀者更好的閱讀經驗。
- 設計精簡化:多了解文字的編排,版面設計就會好看!
- 有品質好的片好好的利用:iThome有專業的攝影棚,專業攝影師拍出品質精良的產品照片,以及專業的企業IT採購專欄,網站應該突顯這些優質畫面和欄目。

RWD 是本次 iThome 改版的重點之一
確實,改版後的 iThome 確實比 2013年版本好看太多了!
最後網站開發暨資訊部經理黃柏彥提到使用 Drupal 的兩個問題,一個是由於 Drupal 開發的彈性太大,反而讓開發者無法做最好的開發方向決定。另外搭建Drupal面臨效能方面的問題,也是持續關注的,這裡黃柏彥推薦一套 New Relic 服務,可以良好監控Druapl的效能問題,來面對搭建 Drupal 的持續挑戰。
延伸閱讀