認識 SharePoint 2007 系列【09】-【WSS 3.0】佈景主題的新增與設定
在 WSS 3.0 環境裡,預設已經提供不少佈景主題,而這些佈景主題比起 WSS 2.0 有很大的進步也漂亮多了,但 … 人是不會因此而自滿的 ( 事實上大多都是老闆的要求吧!噓 ~~~) ,所以苦命的工程師就得開始研究,怎麼在 WSS 網站建立自己的佈景主題 ( 加班都是因為該死的佈景主題 ) !好在新增一個佈景主題不是很難的事情,再搭配 SharePoint Designer ,那就更如虎添翼了。下面僅簡單介紹佈景主題建置的基本步驟,詳細的內容設計,各位再使用 SharePoint Designer 設計吧!
在本文您將完 成:
1. 複製佈景主題樣版
2. 修改佈景主題資訊
3. 檢視新增成果
1. 複製佈景主題樣版
先找到佈景主題 (Theme) 資料夾的位置【 C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\THEMES】 ; 在下圖 \THEMES 下的每個資料 夾,都會對應到 WSS 網站設定下的佈景主題,如【 WHEAT 】所對應的就是【小麥】這個佈景主題。
在這邊複製 WHEAT 這個資料夾,並將它更名為 ANGI ,即接下來要設定的佈景主題的名稱。由於直接使用小麥這個佈景主題的內容,所以當後面的設定完成後,會看到與小麥一模一樣的佈景主題,只是佈景主題的名稱不一樣而已,如要更改佈景主題的內容,就是使用 SharePoint Designer 或以修改佈景主題 CSS 的方式進行修改!
2. 修改佈景主題資訊
在 ANGI 資料夾 下,找到 WHEAT.INF 這個檔案,並將其更名為 ANGI.INF ,即佈景主題資料夾的名稱必須與 *.INF 檔同。
接著打開 ANGI.INF 修改內 容,將 title 資訊改為 title=ANGI ,此意義與上面更改 *.INF 的意義相同。
當完成上面設定 後,接著要在佈景主題資訊的定義檔【 SPTHEMES.XML 】裡增加新的佈景主題資訊,此檔案位於
【 C:\Program Files\Common Files\Microsoft Shared\web server extensions\12\TEMPLATE\LAYOUTS\1028 】,找到之後使用任何文字編輯器打開。
在 SPTHEMES.XML 之 中,增加一個 <Templates> 資訊,如下
<Templates>
<TemplateID>ANGI</TemplateID>
<DisplayName>ANGI 的測試 </DisplayName>
<Description> 「 ANGI 的測試」是使用小麥的佈景。 </Description>
<Thumbnail>images/thwheat.gif</Thumbnail>
<Preview>images/thwheat.gif</Preview>
</Templates>
個人習慣將自定的佈景主題放在定義檔的最下 方,方便找尋,編輯完後儲存即可。
3. 檢視新增成果
當完成上面一系列設定 後,佈景主題就會顯示在網站設定的佈景主題設定中。
下圖一,在沒有新增佈景主題時,只會看到系統預設的佈景主題;一旦完成上面工作,則在第二張圖就可以看到一個命名為【 ANGI 的測試】的佈景主題了!
以上很快的跟大家介紹如何快速複製佈景主題樣版與修改設定佈景主題的資訊與定義 檔,接下來的佈景主題美工,就可以使用 SharePoint Designer 一一修改了!祝大家都能做出漂亮的佈景主題囉!!!