針對不同的模塊系統(tǒng)，您可以通過模塊風(fēng)格功能，預(yù)先為該模塊設(shè)置數(shù)據(jù)顯示的樣式風(fēng)格文件。這些小的風(fēng)格文件控制了通過模塊代碼獲得的數(shù)據(jù)是以什么樣的版式進(jìn)行展示。本文將簡要介紹一下“模塊風(fēng)格”界面，然后實(shí)例告訴大家如果增加一個(gè)模塊風(fēng)格。

一、模塊風(fēng)格后臺(tái)界面介紹

打開 SupeSite 后臺(tái) => 模塊管理 => 模塊風(fēng)格，如下圖

1、名詞含義

風(fēng)格方案名：模塊風(fēng)格的名稱，用來區(qū)別其他的模塊風(fēng)格，建議使用有意義的模塊風(fēng)格名稱，有利于快速知道該風(fēng)格模塊的用處。

歸屬系統(tǒng)：這些都是 SupeSite 內(nèi)置的基本模塊，不能增加和刪除。

模板文件地址：./styles 目錄下模板文件名去掉后綴部分，模板文件可以在 SupeSite 后臺(tái) => 模塊管理 => 模塊模板進(jìn)行編輯

2、編輯模塊風(fēng)格

點(diǎn)擊某個(gè)模塊風(fēng)格后面的編輯，可以對該模塊風(fēng)格進(jìn)行編輯，如下圖：

圖中，“模塊”即上面提到的歸屬系統(tǒng)，“詳細(xì)說明”是一段說明文字，這些文字在創(chuàng)建、編輯模塊的時(shí)候，可以看到，如下圖

點(diǎn)擊“提交”，即完成編輯操作

3、刪除模塊風(fēng)格

點(diǎn)擊模塊風(fēng)格后面的刪除鏈接，可以刪除模塊風(fēng)格

二、實(shí)例介紹如何增加模塊風(fēng)格

1、SupeSite 后臺(tái) => 模塊管理 => 添加新風(fēng)格，模塊選擇“資訊”，風(fēng)格方案名填寫“國際新聞”，詳細(xì)說明填寫“了解天下大事”，風(fēng)格模板文件地址選擇“subject_li.html.php”，如下圖

點(diǎn)擊“提交”，提示添加成功，然后跳轉(zhuǎn)到如下圖的界面，添加完成。

三、使用模塊風(fēng)格

模塊風(fēng)格是供模塊調(diào)用功能使用的，SupeSite 后臺(tái) => 模塊管理 => 創(chuàng)建模塊，如下圖

因?yàn)樯厦嫣砑拥男嘛L(fēng)格模塊的歸屬系統(tǒng)是資訊，所以在上圖中，選擇基本模塊部分選擇資訊，然后拖動(dòng)上下滾動(dòng)條，拉到最下面，可以看到下圖

上面添加的新風(fēng)格，已經(jīng)在這里顯示出來了。

查看更多 supesite教程  supesite模板