為了方便演示，以下的教程中，我們使用“[雅風(fēng)設(shè)計(jì)]稻殼cms X1.0紅色企業(yè)通用模板”的靜態(tài)頁(yè)面為例進(jìn)行講解。
模板代碼編輯軟件，雅風(fēng)推薦使用Dreamweaver，這里順便啰嗦幾句：如果想從事這個(gè)行業(yè)，或者認(rèn)真的搞稻殼CMS模板，雅風(fēng)建議您不要用那些旁門(mén)左道的軟件，Dreamweaver或者其他常用的代碼編輯器才是正道。
登錄稻殼CMS后臺(tái)，進(jìn)入構(gòu)建網(wǎng)站，選擇模板管理，選擇使用950d這個(gè)模板，然后選擇[預(yù)覽網(wǎng)站]，打開(kāi)網(wǎng)站首頁(yè)界面。
這時(shí)候我們看到的網(wǎng)頁(yè)界面應(yīng)該是深喉嚨默認(rèn)模板，因?yàn)槲覀兡壳爸谱鞯哪０迨侵苯訌?fù)制默認(rèn)模板的，如下圖：
處理模板之前，我們先把第二節(jié)中提到的靜態(tài)HTML頁(yè)面中所涉及到的CSS、JS、圖片等文件復(fù)制到模板目錄。目錄關(guān)系不要搞錯(cuò)，例如原來(lái)的css文件存儲(chǔ)在css目錄名為css.css，那么復(fù)制后的位置相對(duì)于模板目錄，也是css目錄名為css.css，其他文件同理。
啟動(dòng)Dreamweaver軟件，打開(kāi)第二節(jié)中準(zhǔn)備好的index首頁(yè)html頁(yè)面，再打開(kāi)模板中的index.php首頁(yè)模板文件。
保留index.php中的head部分中編碼描述的meta代碼、title和keywords以及description的代碼，刪除原有JS和css調(diào)用代碼，處理完之后head部分的代碼應(yīng)該如下：
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>php echo $tag['seo.title']; ?>title>
- <meta name="keywords" content="" />
- <meta name="description" content="" />
- head>
上面代碼中的等表示動(dòng)態(tài)調(diào)用站點(diǎn)標(biāo)題，關(guān)鍵字和摘要的意思，是屬于稻殼CMS的系統(tǒng)標(biāo)簽。
然后我們把靜態(tài)首頁(yè)html頁(yè)面中的js和css調(diào)用代碼復(fù)制過(guò)來(lái)，復(fù)制后的head部分代碼如下：
- <head>
- <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
- <title>php echo $tag['seo.title']; ?>title>
- <meta name="keywords" content="" />
- <meta name="description" content="" />
- <link href="css/css.css" rel="stylesheet" type="text/css" />
- <script type="text/javascript" src="js/jquery.min.js">script>
- <script type="text/javascript" src="js/functions.js">script>
接下來(lái)，我們要手動(dòng)的修改一下JS和CSS鏈接路徑，需要在JS和CSS文件路徑前添加當(dāng)前模板目錄的稻殼標(biāo)簽，當(dāng)前模板目錄的稻殼標(biāo)簽是：
- echo $tag['path.skin'];?>
我們把當(dāng)前模板目錄的稻殼標(biāo)簽放到JS和CSS路徑前，注意尾部無(wú)需添加反斜杠“/”，手動(dòng)添加好之后head部分代碼如下：
