許多站長(zhǎng)在建站的時(shí)候需要對(duì)站點(diǎn)模板進(jìn)行定制設(shè)計(jì)。這里給大家演示一種方便的模板修改方式。并教大家如何添加一個(gè)“站點(diǎn)模板”讓其他站點(diǎn)模板引用。

此修改方法適用于簡(jiǎn)單修改及初級(jí)用戶，需要具備 html 設(shè)計(jì)能力。高級(jí)用戶及大量模板自定制的用戶，請(qǐng)使用 Dreamweaver 等網(wǎng)頁(yè)編輯工具修改后上傳至服務(wù)器中SupeSite 中 templates 目錄內(nèi)的相關(guān)模板文件夾。

在線編輯實(shí)現(xiàn)方法：

進(jìn)入后臺(tái) => 系統(tǒng)管理 => 模板編輯，看到站點(diǎn)模板目錄頁(yè)面，下面要演示編輯的文件為"index"模板文件，如下圖所示：

點(diǎn)擊要編輯的"index"模板文件后，會(huì)出現(xiàn)在線編輯框，如下圖所示：

我們的目標(biāo)：要把首頁(yè)右側(cè)“公告”放在“用戶登錄”上方的位置。原首頁(yè)擺放位置，如下圖所示：

具體操作:

1、找到源代碼并剪切：

<!--{block name="announcement" parameter="order/displayorder DESC,starttime DESC/limit/0,3/cachetime/96400/subjectlen/34/subjectdot/0/cachename/announce"}--> <div class="super_notice"> <h3>公告:</h3> <ul> <!--{if empty($_SBLOCK['announce'])}--> <li>暫時(shí)沒有公告</li> <!--{else}--> <!--{loop $_SBLOCK['announce'] $value}--> <li><a href="$value[url]" title="$value[subjectall]">$value[subject]</a></li> <!--{/loop}--> <!--{/if}--> </ul> </div><!--公告end-->

2、將剪切內(nèi)容粘貼到

<div id="user_login">

前面

3、然后點(diǎn)擊“提交保存”，并進(jìn)行“緩存更新”。

修改完畢后，刷新首頁(yè)，會(huì)看到修改后的效果，如下圖所示：

附添加站點(diǎn)模板的詳細(xì)方法：

然后我們繼續(xù)嘗試添加一個(gè)“站點(diǎn)模板”并在首頁(yè)加以引用，位置我們選在在首頁(yè)導(dǎo)航欄的下方：

具體步驟：點(diǎn)擊 系統(tǒng)管理 => 模板編輯 => 添加站點(diǎn)模板(右側(cè))：

在文件命中輸入："ad01"，如下圖所示：

創(chuàng)建好 ad01.html.php 這個(gè)站點(diǎn)模板以后，可以嘗試在在線編輯中填入如下內(nèi)容，并保存：

<?exit?> <div style="border:1px #efefef solid; width:940px;padding:10px;margin:0 auto 10px">這里是廣告位ad01</div>

然后選擇在線編輯"index"文件：

將

<!--{template ad01}-->

插入在下面代碼的后面，并保存：

<!--nav end-->

可以參考如下圖的插入方法：

更新緩存后查看一下首頁(yè)，會(huì)發(fā)現(xiàn)之前添加的站點(diǎn)模板已經(jīng)可以運(yùn)行了，如下圖所示：

好了，這樣一來，對(duì) SupeSite 的初級(jí)在線編輯就已經(jīng)演示完畢。

查看更多 supesite教程  supesite模板