Drupal 7: 開始動手打造自己的 Drupal 模版

Drupal 7 的模版是個複雜、有點難上手的架構，東西分的很散，但是上手之後，會很省力。2011 年八月底剛在倫敦舉辦完 DrupalCon 2011，官方活動網站上已經整理好各個演講場次的錄影檔了！

今天先看了一個比較入門的演講場次：「FORENSIC THEMING: KEY TECHNIQUES TO BUILDING EFFECTIVE DRUPAL THEMES」。沒有太多的圖說，對於想要自製 Drupal 7 Theme 的初學入門者，可能這個場次不是很適合（倒是有介紹了一些製作 theme 時的常用工具）。但是對於想要使用 grid system 快速製作 Drupal 7 Theme 的初學入門者，則是個好的開始。

這些 DrupalCon London 2011 的影片們是很棒的資源，至少已經過濾過，大部分的資訊都是 Drupal 7 或 Drupal 8 的整合資訊，比起目前網路上普遍能搜尋到的舊資料（Drupal 6）來說，對於打算使用 Drupal 7 的個人、組織、單位來說，是很有效率的資源整理。

• 一些常用工具
• http://drupal.org/project/sweaver : Sweaver offers a visual interface for completely changing your Drupal theme without knowing any CSS.
• Firebug
• Web Developer Toolbar
• IE Web Developer Toolbar
• Devel: Tell you which tpl.php or theme function is responsible for that thing displaying over there.
• http://drupal.org/project/devel_themer
• http://drupal.org/project/devel
• point, check, analyse
• HTML5
• http://drupal.org/project/html5_tools
• Sketch book, wire frame, data model, grid framework (http://www.fivesimplesteps.com/)
• Base Theme
• http://drupal.org/project/ninesixty : 960 Grid System
• http://drupal.org/project/fusion : Fusion
• http://drupal.org/project/zen : Zen
• Drupal Layout Modules
• http://drupal.org/project/context : Context
• http://drupal.org/project/ds : Display suite
• http://drupal.org/project/panels : Panels
• Folder
• sites/example.com/themes/theme_name
  theme_name.info
  page.tpl.php
• 投影片中有一些 step-by-step 的資訊以及 check-list 值得作為作業流程的參考。

延伸閱讀：「Drupal 7: 用 Zen 打造你專屬的佈景主題(範本;模版)」

Brought to you by