相信很多大德都有在找如何變更 CCK 輸入表單版型的方法，這個是有點複雜的，所以就多給阿舍一點時間來準備，今天阿舍要介紹的這個 Content Templates 模組 ( 簡稱 Contemplate ) 做的事，是在各位大德輸入完 CCK 表單之後，用來設定這些表單的顯示範本，也就是說，可以用來製定所有內容類型的顯示方式，而且還不只是只有設定顯示整個節點時的範本，還包括有 Teaser 和 RSS 的顯示範本，用了這個模組之後，就可以很容易的來修改各種內容類型的顯示方式，還不錯用哩 !! ^^。

這個 Contemplate 模組在之前介紹 FlashVideo 模組時，已經有用到過了，不過那時沒有好好的說一下，只是帶過去而已，今天就來好好介紹一下囉 !! ^^。

在開始之前，阿舍先來講一下 Contemplate 模組的一些概念。 Contemplate 模組是以內容類型為對象，不論是 Drupal 出廠內建的內容類型或是各位大德自行建立的內容類型，都可以透過這個模組所提供的能來修改，而 Contemplate 模組所提供方式，就是將原本各位大德沒辦法看的到的程式碼顯示出來，不只是顯示而已，各位大德還可以修改它，這個做法和編修所有的 tpl.php 類似。

在版型在設計上，會利用大量的 div 標籤和 id 或 class 屬性的指定，經由 CSS 的運用，來達成排版的效果，因此，只要能知道 Drupal 產生的資料被放在那一個 id 或 class 的 div 標籤裡，就能運用 CSS 來控制與操作，但是，對於用 CCK 所建的表單來說，每一個新建的 CCK 欄位，其實都會有一個對應的 div 可供進行 CSS 的操作，只是，在沒有 Contemplage 模組的情況下，各位大德就和可能得和阿舍一樣，去看 Drupal 所產生的網頁原始碼才行。

Contemplage 模組不只是顯示出這些欄位的範本程式碼，同時，還讓各位大德可以去修改它，例如，把原來所使用的 HTML 標籤給改掉、變更原來排列的位置或是變更 class 的名稱等，都可以經由這個模組的功能來調整。

在介紹完 Contemplate 模組的使用方式之後，接下就要開始介紹設定的說明。

1.安裝和啟用
請到 http://drupal.org/project/contemplate 下載 Comtemplate 模組並安裝啟用。

2.建立範本
在啟用 Contemplate 模組之後，可以透過二種方式來建立內容類型的範本，第一種是直接到 「管理」 › 「內容管理」 › 「Content templates」去找到要建立範本的內容類型，在它的右邊點「Create template」，另一種則是透過內容類型來設定，到 「管理」 › 「內容管理」 › 「內容類型」裡，點要建立範本的內容類型，進入內容類型的編輯頁面，然後在上面的 Tab 那一排，會多出一個 tab 叫 「Template」，點那個進去就會看到和上一個方法相同的畫面。

3.設定範本
進入範本的設定畫面之後，會看到三個收合的欄位群組，分別是「Teaser」、「Body」和「RSS」，這三個項目就是在分別設定各位大德的自定欄位在這三種情形下的顯示範本，要注意的是，預設的 Title 和 Body 在範本裡是不會出現的。

點「Teaser」來展開這個欄位群組，第一個選項是「Affect teaser output」，如果沒有勾選這個項目的話，下面的「Teaser Template: 」欄位就不能修改，因為這個選項是用來控制是否要啟用範本的。

接下來的「Teaser Template: 」欄位就是預設的欄位顯示方式的範本程式碼，如果各位大德所選的內容類型沒有自定的欄位，那麼在這裡看到的就會是只有"<?php print $teaser ?>"，但是，如果有自定欄位的話，那可就複雜多了，一般來說會是下列的格式：

<div class="field field-type-text field-field-欄位名稱">
<h3 class="field-label">欄位名稱</h3>
<div class="field-items">
<div class="field-item"><?php print $node->field_欄位名稱[0]['view'] ?></div>
</div>
</div>

註: 如果沒出現，表示大德有把自定的欄位設定成會顯示在 Teaser 裡，沒關係，那就看下一個 「Body」欄位群組裡的，也是一樣的。

各位大德仔細看可以發現，整個欄位、欄位標題和欄位的值都有一個 div 標籤給包圍起來，並且都設有一個 class 屬性，所以，各位大德就可以針對這 class 來設定 CSS 的內容。

當然囉 ! 不只是知道它的 class 名稱而已，還可以改標籤和位置，例如，原來的欄位標題是用 <h3> 標籤，各位大德可以直接把它改成 <h1> 或是 <span>，在各位大德歡喜的，另外，也可以直接把 class 屬性變成 id 屬性，但是記得給一個唯一的名稱，這種方式可以避免所設定 CSS 去影響到其它的欄位或版面。

在接下來的有一個收合的欄位叫做「Teaser Variables」，這裡列會列出所有在 Teaser 裡可以使用的 Drupal 變數，也就是所有可以顯示在 Teaser 的資料。

這個欄位是不能編輯的，它的功用是讓各位大德用來選擇用的，各位大德只要點任一個變數，這個變數就會出現在上面那個「Teaser Template: 」欄位裡，就不用手打了，不過，使用這些變數要小心一點，在欄位的下面有顯示一些說明，各位大德使用前要注意一下哩...。

下面的「Body」和「RSS」的欄位和設定都是一樣的，阿舍就略過了...呵...呵。

4.設定 CSS 格式
最後就是開始調整位的顯示方式了，這個就得要用 CSS 來達到，各位大德要先記下在前面步驟所查到或設定的 class 或 id，然後到目前所使用的版型的資料夾之下，打開 styles.css 檔，將剛剛記下的 class 或 id 給加上去並且加入 CSS 的屬性後存檔，再去開這個內容類型的文件時，就可以看到調整後的樣子了。

經由 Contemplate 模組的協助，要讓每個內容類型的顯示方式有所不同，就變的容易多了，至少可以不用去改到版型，不過 Comtemplate 也可以透過使用 tpl.php 檔的方式來製作範本，這個，就等下次再來說明囉 !! ^^=。