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[url]" title="$value[subjectall]">$value[subject]</a></li>
    <!--{/loop}-->
    <!--{/if}-->
   </ul>
  </div><!--公告end-->

 

2、将剪切内容粘贴到

复制内容到剪贴板Code：

<div id="user_login">

 

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

 

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

 

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

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

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

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

 

创建好 "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 的初级在线编辑就已经演示完毕。