SupeSite 7.0.0正式版运用在线模板编辑功能修改并添加站点模板

情况分析：许多站长在建站的时候需要对站点模板进行定制设计。这里给大家演示一种方便的模板修改方式。并教大家如何添加一个“站点模板”让其他站点模板引用。

此修改方法适用于简单修改及初级用户，需要具备 html 设计能力。高级用户及大量模板自定制的用户，请使用 Dreamweaver 等网页编辑工具修改后上传至服务器中 SupeSite 中 templates 目录内的相关模板文件夹。

在线编辑实现方法：

进入后台，选择 系统管理=>模板编辑，看到站点模板目录页面，下面要编辑的文件为 "index" 模板文件，如下图所示：



点击要编辑的 "index" 模板文件后，会出现在线编辑框，如下图所示：





我们的目标：要把首页右侧“公告”放在“用户登录”上方的位置。原首页摆放位置，如下图所示：



具体操作:

1、找到源代码并剪切：

复制内容到剪贴板Code：

<!--{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>暂时没有公告</li>
<!--{else}-->
<!--{loop $_SBLOCK['announce'] $value}-->
<li><a href="$value

2、将剪切内容粘贴到

复制内容到剪贴板" target=_blank>" title="$value[subjectall]">$value[subject]</a></li>
<!--{/loop}-->
<!--{/if}-->
</ul>
</div><!--公告end-->[/code]

2、将剪切内容粘贴到

[url=http://writeblog.csdn.net/#]复制内容到剪贴板Code：
<div id="user_login">


3、然后点击“提交保存”，并进行“缓存更新”。

修改完毕后，刷新首页，会看到修改后的效果，如下图所示：



附添加站点模板的详细方法：

然后我们继续尝试添加一个“站点模板”并在首页加以引用，位置我们选在在首页导航栏的下方：

具体步骤：点击 系统管理 => 模板编辑 => 添加站点模板(右侧)：

在文件命中输入："ad01"，如下图所示：

[url=http://faq.comsenz.com/attachments/2009/04/38_200904081459121flW1.jpg]



创建好 "ad01.html.php " 这个站点模板以后，可以尝试在在线编辑中填入如下内容，并保存：

复制内容到剪贴板Code：
<?exit?><div style="border:1px #efefef solid; width:940px;padding:10px;margin:0 auto 10px">这里是广告位ad01</div>


然后选择在线编辑"index"文件：

将

复制内容到剪贴板Code：
<!--{template ad01}-->

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

复制内容到剪贴板Code：
<!--nav end-->

可以参考如下图的插入方法：





更新缓存后查看一下首页，会发现之前添加的站点模板已经可以运行了，如下图所示：





好了，这样一来，对 SupeSite 的初级在线编辑就已经演示完毕。